body {background-color: #F7F6F3;}
#bg_about { z-index: 10; background:url('imgs/bg_about.jpg') no-repeat; background-position:center; width:100%; }
#bg_services { z-index: 10; background:url('imgs/bg_services.jpg') no-repeat; background-position:center; width:100%; }
#bg_experience { z-index: 10; background:url('imgs/bg_experience.jpg') no-repeat; background-position:center; width:100%; }
#bg_FAQ { z-index: 10; background:url('imgs/bg_FAQ.jpg') no-repeat; background-position:center; width:100%; }
#bg_contact { z-index: 10; background:url('imgs/bg_contact.jpg') no-repeat; background-position:center; width:100%; }

#logo_panel { position: relative; z-index: 40; background-image: url('imgs/logo_90.png'); background-repeat:no-repeat; width: 100%; height: 130px;}
#address_block_mini { margin-right: 20px; margin-top: -10px; text-align: right; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 16px; font-family: Georgia, Palatino, Times Roman, serif;}
#address_block_full { z-index: 30; text-align: right; color: #780600; font-size: 14px; line-height: 16px; font-family: Georgia, Palatino, Times Roman, serif; }
.TIME_LLC_mini { text-align: right; color: #FFFFFF; font-size: 22px; line-height: 20px; font-family: Georgia, Palatino, Times Roman, serif; font-weight: bold;}
.navbar {position: relative; z-index: 40;}
.navbar-toggle .icon-bar { display: block; width: 60px; height: 8px; border-radius: 10px; margin-bottom: 8px; background-color: #780600; }
.navbar .collapse { background-color: #780600;}
.nav {font-size: 12px; color: #FFFFFF; font-family: Tahoma, Geneva, sans-serif; font-weight: lighter;}
.nav a:link {font-size: 12px; color: #FFFFFF; font-family: Tahoma, Geneva, sans-serif; font-weight: lighter;}
.nav a:hover {font-size: 12px; color: #CCCCCC; font-family: Tahoma, Geneva, sans-serif; font-weight: lighter;}
.nav a:active {font-size: 12px; color: #FFFFFF; font-family: Tahoma, Geneva, sans-serif; font-weight: lighter;}
.nav a:visited {font-size: 12px; color: #FFFFFF; font-family: Tahoma, Geneva, sans-serif; font-weight: lighter;}
.nav > li > a { position: relative; display: block; padding: 6px 15px; }
.business_hours {float: left; text-align: left;}
.social {float: left; text-align: left;}

#ghost_white { z-index: 11; position: relative;}
#ghost_white:after { content: " "; z-index: 11; position: absolute; height: 93px; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); }
/*
#ghost_white { z-index: 10; position: relative;}
#ghost_white:after { content: " "; z-index: 10; display: block; position: absolute; height: 93px; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); }
*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	#gradient { display: none;}
	#address_block_full { display: none;}
	#address_block_mini { display: block; }
	#myNavbar {width: 100%; }
	.container { padding-right: 12px; padding-left: 12px; background-color: #F7F6F3;}
	#fine_print { text-align: left;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.container { padding-right: 20px; padding-left: 20px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.nav {font-size: 18px; color: #FFFFFF; font-family: Impact, Tahoma, Geneva, sans-serif; font-weight: lighter;}
	.nav a:link {font-size: 18px; color: #FFFFFF; font-family: Impact, Tahoma, Geneva, sans-serif; font-weight: lighter;}
	.nav a:hover {font-size: 18px; color: #CCCCCC; font-family: Impact, Tahoma, Geneva, sans-serif; font-weight: lighter;}
	.nav a:active {font-size: 18px; color: #FFFFFF; font-family: Impact, Tahoma, Geneva, sans-serif; font-weight: lighter;}
	.nav a:visited {font-size: 18px; color: #FFFFFF; font-family: Impact, Tahoma, Geneva, sans-serif; font-weight: lighter;}
	.nav > li > a { position: relative; display: block; padding: 10px 15px; }
	#bg_about, #bg_services, #bg_experience, #bg_FAQ, #bg_contact { height:415px; margin-top: -20px; }
	#logo_panel {background-image: url('imgs/logo_150.png'); margin-top: 20px; height: 150px;}
	#address_block_full { display: block; margin-top: -130px; margin-right: 40px;}
	#address_block_mini { display: none;}
	.TIME_LLC_full { text-align: right; color: #FFFFFF; font-size: 16px; line-height: 22px; font-family: Georgia, Palatino, Times Roman, serif; font-weight: bold;}
	#myNavbar {margin-right: auto; margin-left: auto; margin-top: 16px; width: 100%; z-index:40; }
	.navbar .collapse { background-color:transparent;} 
	#gradient { background-position: right; height: 34px; z-index: 30; margin-top: -36px; margin-right: 0px;
		background: -webkit-linear-gradient(left, rgba(120, 6, 0, 0), rgba(120, 6, 0, 1)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, rgba(120, 6, 0, 0), rgba(120, 6, 0, 1)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, rgba(120, 6, 0, 0), rgba(120, 6, 0, 1)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, rgba(120, 6, 0, 0), rgba(120, 6, 0, 1)); /* Standard syntax (must be last) */
		display: block;
		text-align: right; float: right; width: 60%;}
	.container { width: 768px; padding-right: 20px; padding-left: 20px;}
	#ghost_white:after { z-index: -10; height: 168px; width:100%; margin-right: auto; margin-left: auto; }
	.business_hours {float: left; text-align: right; width: 100%;}
	.social {float: left; text-align: right; width: 100%;}
	#fine_print {display: block; margin-left: auto; margin-right: auto; text-align: center;}
}

@media only screen and (min-width : 980px) {
	.container { width: 980px; padding-right: 30px; padding-left: 20px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1100px) {
	body {background-color: #000000;}
	#logo_panel { margin-left: -405px; background-position: center; }
	#address_block_full { position: relative; margin-right: auto; margin-left: auto; width: 1020px; }
	#myNavbar {position: relative; margin-right: auto; margin-left: auto; width: 1090px; }
	#gradient_container {display:block; width: 1100px; margin-left:auto; margin-right: auto;}
	#gradient {background-position: center; width: 550px;}
	.container { width: 1100px; padding-right: 40px; padding-left: 40px;}
	#ghost_white:after { z-index: -10; height: 168px; width:1100px; margin-right: auto; margin-left: auto; background-position: center; }
}

h1 {font-size: 18px; font-weight: bold; color: #780600; text-transform: uppercase; font-family: Impact, Tahoma, Geneva, sans-serif; }
h2 { color: #000000; font-weight: bold; font-size: 16px; line-height: 28px; font-family: Georgia, Palatino, Times Roman, serif; }
h3 {font-size: 16px; font-weight: bold; color: #780600; text-transform: uppercase; font-family: Impact, Tahoma, Geneva, sans-serif; }
hr { border-top: 2px solid #999999; }

.footer_w {font-size: 14px; color: #FFFFFF; text-transform: uppercase; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_w {font-size: 10px; color: #FFFFFF; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_w a:link {font-size: 10px; color: #FFFFFF; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_w a:hover {font-size: 10px; color: #CCCCCC; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_w a:active {font-size: 10px; color: #FFFFFF; font-family: Arial, Tahoma, Geneva, sans-serif; }
.tiny_w a:visited {font-size: 10px; color: #FFFFFF; font-family: Arial, Tahoma, Geneva, sans-serif; }

.char9 { color: #000000; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char10 { color: #000000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.char12 { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.char11 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.char14 { color: #000000; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Georgia, Palatino, Times Roman, serif; }
.char14 a:link { color: #000000; text-decoration:none; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Georgia, Palatino, Times Roman, serif; }
.char14 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Georgia, Palatino, Times Roman, serif; }
.char14 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Georgia, Palatino, Times Roman, serif; }
.char14_ital { color: #000000; font-style: oblique; font-weight: normal; font-size: 14px; line-height: 20px; font-family: Georgia, Palatino, Times Roman, serif; }

.char16 { color: #000000; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Georgia, Palatino, Times Roman, serif; }
.char16 a:link { color: #000000; text-decoration:none; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Georgia, Palatino, Times Roman, serif; }
.char16 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Georgia, Palatino, Times Roman, serif; }
.char16 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 16px; line-height: 28px; font-family: Georgia, Palatino, Times Roman, serif;}

.google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } /* 75% because 450 / 600 = .75 */
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

form #website{ display:none; }

.fluidMedia { position: relative; padding-bottom: 129.41%; /* proportion value to aspect ratio 8.5:11 (11 / 8.5 = 1.2941 or 129.41%) */
    padding-top: 30px; height: 0; overflow: hidden; }
.fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.but_schedule { border-top: 2px solid #D77F29;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf362f), to(#780600));
	background: -webkit-linear-gradient(top, #bf362f, #780600);
	background: -moz-linear-gradient(top, #bf362f, #780600);
	background: -ms-linear-gradient(top, #bf362f, #780600);
	background: -o-linear-gradient(top, #bf362f, #780600);
	padding: 8px 16px 6px 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); 
	-moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); 
	box-shadow: 2px 4px 3px rgba(0,0,0,0.3); 
	font-size: 20px;
	padding-left: 16px; padding-right: 16px;
	border: 1px solid #232902;
	color: #F7E092;
	font-family: Arial, Helvetica, Sans-Serif; line-height:24px; text-decoration: none; vertical-align: middle; }

.but_schedule:hover { text-decoration: none; background: #C27530; color: #FFFFFF; }