/* -----------------------------------------
:: HEADER SIZING
----------------------------------------- */
.header-top {
	height: 82px;
}
.header-bottom {
	height: 40px;
}
/* -----------------------------------------
:: COMPONENT POSITIONING
----------------------------------------- */
.website-name {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 45px 30px 40px 20px;
}
.tagline {
	position: absolute;
	top: 105px;
	left: 30px;
}
.graphic-logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
.menu-top {
	position: absolute;
	top: 0px;
	left: 200px;
}
.phone {
	position: absolute;
	top: 2px;
	left: 230px;
}
.social-icons {
	position: absolute;
	top: 2px;
	right: 40px;
}
.google-search {
	position: absolute;
	top: 24px;
	right: 40px;
}
.themed-object {
	position: absolute;
	top: 0px;
	right: 0px;
}
/* -----------------------------------------
:: CUSTOM COMPONENTS
----------------------------------------- */
.template .custom-component1 {
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	display: none;
}
.template .custom-component2 {
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	display: none;
}
.template .custom-component3 {
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	display: none;
}
/* -----------------------------------------
:: MOBILE STYLES TABLET PORTRAIT
----------------------------------------- */
@media screen and (min-width: 741px) and (max-width: 940px) {
.google-search {
	visibility: hidden;
	display: none;
}
}
/* -----------------------------------------
:: MOBILE STYLES TABLET LANDSCAPE
----------------------------------------- */
@media screen and (min-width: 949px) and (max-width: 1024px) {
}
@media screen and (min-width: 1024px) {
}
/* -----------------------------------------
:: MOBILE STYLES PHONE PORTRAIT AND LANDSCAPE
----------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 767px) {
.header-top {
	background: #23201D url('../graphics/header-top-bg.jpg') center bottom repeat-x;
	min-height: 100%;
	height: auto;
}
.header-bottom {
	background: none;
	min-height: 100%;
	height: auto;
}
.header-bottom {
	background: #efefef;
}
.navbar-toggle {
	background-color: rgba(255, 255, 255, 0.3);
	margin-bottom: 23px;
	margin-top: 23px;
	padding: 9px 10px;
	position: relative;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
.contactform {
	float: none;
}
.contactform .input-group-addon {
	color: #efefef;
}

.tagline {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
}
.graphic-logo {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
}
.menu-top {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
	float: none;
	z-index: 10001;
}
/* menu top dropdown */
#menu.menu li.dropdown ul.dropdown-menu li a {
	color: #efefef;
}
.phone {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
}
.social-icons {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
}
.google-search {
	position: relative;
	left: 0px;
	top: 0px;
	width: 80%;
	text-align: center;
	margin: 0px 10% 10px 10%;
}
.themed-object {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
}
.container {
	width: auto;
}
}