﻿/* -----------------------------------------
:: 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;
}
.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
----------------------------------------- */

body {
	background: url('../graphics/body-bg.jpg');
	height:100%;
}
/* -----------------------------------------
:: HEADER TOP
----------------------------------------- */
.header-top {
	background: #0C0C0C url('../graphics/top.jpg') center bottom repeat-x;
	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;
}
/* -----------------------------------------
:: 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;
}
}
/* -----------------------------------------
:: 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;
}

}
