/* -----------------------------------------
:: COMPONENT POSITIONING
----------------------------------------- */
.website-name {
	float: left;
	margin: 10px 0px 0px 0px;
}
.tagline {
	position: absolute;
	top: 0px;
	left: 0px;
}
.graphic-logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
.menu-top {
	/*float: right;*/
	margin: auto;
    width: 1024px;
}
.phone {
	position: absolute;
	top: 0px;
	left: 0px;
}
.social-icons {
	margin-left: -19px;
}
.google-search {
	float: right;
	margin-right: -29px;
}
.themed-object {
	position: absolute;
	top: 50px;
	right: 0px;
	visibility: hidden;
	display: none;
}
/* -----------------------------------------
:: 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;
}
/* -----------------------------------------
:: BODY BACKGROUND
----------------------------------------- */
html {
	/*background: url('../graphics/body-bg.jpg');*/
}
body {
	background: url('../graphics/page-bg.jpg') center top repeat-y;
}
/* -----------------------------------------
:: HEADER TOP
----------------------------------------- */
.header-top {
	/*background: #359FCB url('../graphics/top.jpg') center bottom repeat-x;*/
	background: -webkit-linear-gradient(#359FCB, #1891D0 53%, white 32%, white);
	background: -o-linear-gradient(#359FCB, #1891D0 53%, white 32%, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#359FCB, #1891D0 53%, white 32%, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#359FCB, #1891D0 53%, white 32%, white); /* Standard syntax */
    border-bottom: 1px solid #359FCB;
	min-height: 81px;
}
/* -----------------------------------------
:: FOOTER
----------------------------------------- */
.footer-bg {
	background: url('../graphics/bg9-top.png') center top no-repeat, url('../graphics/bg9-bottom.png') center bottom no-repeat;
	padding: 60px 0px 20px 0px;
	min-height: 357px;
}
.footer-image {
	float: left;
	margin-right: 30px;
}
.footer .lead {
	font-size: 18px;
	font-weight: 200;
	line-height: 1.1;
	margin-bottom: 0px;
	background: rgba(255,255,255,0.2);
}
.copyright-bg h1, .copyright-bg h2, .copyright-bg h3, .copyright-bg p {
	margin-bottom: 0px;
	margin-top: 0px;
}
.copyright-bg p {
	margin-top: 3px;
}
.copyright-bg {
	background: #111;
}
/* -----------------------------------------
:: MIN HEADER
----------------------------------------- */
.minimized-header-bg {
	background: url('../graphics/min-header-bg.png') center center no-repeat;
	background-size:100%;
	position: relative;
	-webkit-box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.0);
	box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.0);
	border-style: solid;
	border-width: 0px 0px 20px;
	-moz-border-image: url(../graphics/min-bottom-border.png) 0 0 20 repeat;
	-webkit-border-image: url(../graphics/min-bottom-border.png) 0 0 20 repeat; 
	-o-border-image: url(../graphics/min-bottom-border.png) 0 0 20 repeat; 
	border-image: url(../graphics/min-bottom-border.png) 0 0 20 repeat;
	padding: 20px 0px;
}
/* -----------------------------------------
:: MOBILE STYLES TABLET PORTRAIT
----------------------------------------- */
@media screen and (min-width: 741px) and (max-width: 940px) {
.menu-top {
	float: none;
	width: 100%;
	z-index: 10001;
}
.navbar {
	min-height: 20px;
}
.navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
}
.navbar-nav > li > a {
	line-height: 20px;
}
.menu-top {
}
.navbar-default {
}
.header-top {
	/*margin-top: 40px;*/
	background: -webkit-linear-gradient(#359FCB, #1891D0 52%, white 32%, white);
	background: -o-linear-gradient(#359FCB, #1891D0 52%, white 32%, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#359FCB, #1891D0 52%, white 32%, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#359FCB, #1891D0 52%, white 32%, white); /* Standard syntax */
}
}
/* -----------------------------------------
:: 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) {
.social-icons {
	float: none;
	text-align: center;
	padding-left: 20px;
	margin: 0;
}
.social-icon-fontawesome {
	float: none;
	text-align: center;
}
.google-search {
	float: none;
	text-align: center;
}
.template .phone {
	text-align: center;
}
.social-icon-fontawesome {
	float: none;
	margin: 5px 0px 5px 0px;
}
.social-icons {
	text-align: center;
	margin-left: -30px;
}
.website-name {
	float: none;
	text-align: center;
}
.menu-top {
	float: none;
	width: 100%;
	z-index: 10001;
}
.navbar-toggle {
	background-color: rgba(255, 255, 255, 0.3);
	float: none;
	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;
}
.header-top {
	/*margin-top: 40px;*/
	background: -webkit-linear-gradient(#359FCB, #1891D0 40%, white 32%, white);
	background: -o-linear-gradient(#359FCB, #1891D0 40%, white 32%, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#359FCB, #1891D0 40%, white 32%, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#359FCB, #1891D0 40%, white 32%, white); /* Standard syntax */
}
}