/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Skeleton Default Overrides
		#Typography
		#Blockquotes
		#Lists
		#Buttons
		#Forms
		#Misc
	#Site Styles
	#Page Styles
	#Navigation
	#Media Queries
	#Font-Face */

/* #Skeleton Default Overrides to set to 7px baseline grid
/* #Typography */
h1 { line-height: 49px; margin-bottom: 14px; }
h2 { line-height: 42px; margin-bottom: 7px; }
h3 { line-height: 35px; margin-bottom: 7px; }
h4 { line-height: 28px; margin-bottom: 7px; }
h5 { line-height: 21px; }
p { margin: 0 0 21px 0; }
p.lead { line-height: 28px; }

/*	#Blockquotes  */
blockquote, blockquote p { line-height: 21px;}
blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }
hr { border: solid #505050; border-width: 1px 0 0; clear: both; margin: 14px 0 28px; height: 0; }

/* #Lists (baseline corrections) */
ul, ol { margin-bottom: 21px; }
ul ul, ul ol,
ol ol, ol ul { margin: 7px 0 7px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 7px; }
li { line-height: 21px; margin-bottom: 7px; }

/* #Buttons */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { margin-bottom: 21px; padding: 7px 10px; }

/* #Forms */
form { margin-bottom: 21px; }
fieldset { margin-bottom: 21px; }
label { float: left; width: 170px; text-align: right; padding: 0 14px 0 0; }
input[type="submit"] { margin: 0 0 0 186px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { padding: 7px 4px; margin-bottom: 21px; }
textarea { min-height: 56px; }
.error { width: 80%; font-weight: bold; font-size: 14px; border: 1px solid #ac661f; background: #f5c7c7; color: #333333; padding: 7px; margin: 0 0 14px 0; }

/* #Misc */
.half-bottom { margin-bottom: 7px !important; }
.add-bottom { margin-bottom: 21px !important; }


/* #Site Styles
================================================== */
body {  background: #cccccc url('../images/bg.jpg') repeat; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; color: #252525; }
h1, h2, h3, h4, h5, h6 { font-family: 'Yanone Kaffeesatz', Georgia, Times, serif; color: #95785c; text-shadow: 1px 1px 1px #583c22; }
h1 { font-size: 45px; }
h2 { font-size: 38px; color: #769a5e; }
h3 { font-size: 28px; }
a, a:visited { color: #0047ab; text-decoration: none; }
a:hover, a:focus { color: #0047ab; text-decoration: underline; }
code { font-family: 'Courier New', monospace; font-size: 14px; }
.inline-image { float: left; margin: 0 7px 7px 0; }
label { font-size: 16px; }

.container { background: rgba(255, 255, 255, 0.80) }
#header { background: rgba(0, 0, 0, 0.80); padding-bottom: 14px; }
.footer { margin-bottom: 28px; padding-bottom: 14px; }
.footer p { font-size: 14px; line-height: 14px; margin: 7px; }
.badges { display: inline; text-align: center; }
.badges img { max-width: 100%; vertical-align: middle; margin: 0 5px; }

.fb-like-box {
	width: 100% !important;
	height:500px;
	border:none; 
	overflow:hidden;
}

.modal_window { position: relative; background: #ffffff; padding: 21px; width: auto; max-width: 800px; margin: 21px auto; }
.small_text { font-size: 16px; line-height: 21px; }
.spacer { height: 35px; }
.text_center { text-align: center; }
.estimate_price { font-size: 40px; font-weight: bold; }
.video_container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* #Page Styles
================================================== */
.block_link { height: 210px; display: block; margin: 14px 0; background: #ffffff; padding: 14px 0; }
.block_link img { margin: 0 0 7px 0; }
.block_link p { margin: 14px; text-align: center; font-size: 18px; text-transform: uppercase; }

.fb-like-box {
	width: 100% !important;
	background: #ffffff;
	height:500px;
	border:none; 
	overflow:hidden;
}

.bullets li { font-size: 14px; line-height: 14px; list-style-image: url('../images/bullet.png'); margin: 0 0 4px 35px; }

.responsive_map { width: 100%; min-height: 600px; }
.img-responsive { max-width: 100%; }

.gallery { list-style: none; width: 100%; }
.gallery li { display: inline-block; width: 160px; height: 90px; border: 4px solid #ffffff; outline: 1px solid #505050; margin: 7px; }
.gallery li img { min-width: 160px; max-width: 160px; min-height: 90px; max-height: 90px; }

blockquote { padding: 15px; background: #fff; }

/*Bigger gallery used on weather page   */
.gallerybig { list-style: none; width: 100%; text-align: center; }
.gallerybig li { display: inline-block; width: 200px; height: 165px; border: 4px solid #ffffff; outline: 1px solid #505050; margin: 7px; }
.gallerybig li img { min-width: 200px; max-width: 200px; min-height: 150px; max-height: 150px; }

.education_table { width: 100%; }
.education_table tr td, .education_table tr th { padding: 5px; border: 1px solid #505050; }
.education_table tr th { background: #505050; color: #ffffff; font-weight: bold; }
.education_table input { width: 90%; }
.education_table textarea { width: 95%; min-height: 120px; }
.disclaimer { background: #f6f1d5; border: 2px solid #95785c; padding: 5px; margin: 0 0 21px 0; }

/* #Navigation
================================================== */
nav.primary { background: rgba(0, 0, 0, 0.80); text-align: center; }
nav.primary ul, nav.primary ul li { margin: 0px; }
nav.primary select { display: none; width:  100%; height: 28px; margin-bottom: 0px; }
nav.primary ul li { display: inline-block; text-align: center; position: relative; }
nav.primary ul li a { display: inline-block; line-height: 42px; padding:  0 21px; color: #95785c; text-decoration: none; text-transform: uppercase; }
nav.primary ul li a:hover { background: #769a5e; color: #ffffff; cursor: pointer; }

/*sub menu*/
nav.primary ul ul {
	opacity: 0; 
  	filter: alpha(opacity=0);
  	position: absolute;
  	background: #769a5e; 
	top:100%;
	left: 0;
	z-index: 999;
	height: 0px;
	overflow: hidden;
	width: 100%;
	transition: 1.0s;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);	
}

nav.primary ul li span { display: none; }
nav.primary ul li:hover ul { opacity: 10; filter: alpha(opacity=100);  height: auto; overflow: auto; }
nav.primary ul ul li { float: none; display: list-item; border-bottom: 1px solid #383737; }
nav.primary ul ul li a { display: block; line-height: 35px; text-transform: none; }
nav.primary ul li:hover > a { background: #769a5e; transition: 1.0s; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.container { padding: 0 14px; }
		h1 { font-size: 42px; line-height: 42px; margin-bottom: 14px; }
		.logo { text-align: center; }
		nav.primary { background: rgba(0, 0, 0, 0.80); padding: 14px; }
		nav.primary select { display: block; height: 35px; }
		nav.primary ul { display: none; }
		.error { width: 100%; }
		.gallery li { margin: 7px 20px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		label { float: none; text-align: left; padding: 0; }
		input[type="submit"] { margin: 0 0 0 0; }
		.gallery li { margin: 7px 65px; }
	}