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


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	html {
		-webkit-font-smoothing: antialiased;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none;
		margin:0;
		padding:0;}
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		

/* #Fonts
================================================== */
@font-face {
    font-family: 'BoltBold';
    src: url('../fonts/helr65w-webfont.eot');
    src: url('../fonts/helr65w-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helr65w-webfont.woff') format('woff'),
         url('../fonts/helr65w-webfont.ttf') format('truetype'),
         url('../fonts/helr65w-webfont.svg#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* #Basic Styles
================================================== */
	body {
		background: #000;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 	header {}
	#mobile-logo {display:none; visibility:hidden;}
	#phone-number-mobile {display:none; visibility:hidden;}
	#logo {position:absolute; top:15px; left:15px;} 	
	#nav-black {background-color:#000; font-family:'BoltBold', Arial, Helvetica, sans-serif; font-size:18px; height:77px; width:960px;}
	#navigation {background-color:transparent; color:#ccc; min-width:500px; overflow:auto; padding:4px 0; }
	#navigation div{float:left; padding: 0 17px;}
	#tablet-nav {display:none; visibility:hidden;}
	#tablet-top-info {display:none; visibility:hidden;}
	
	section {overflow:auto;}
	#content-home {border:1px solid #333; margin-top:50px; margin-left:65px; position:relative; }
	#line-bg {position:absolute; top:42px; left:340px; width:98px; height:264px;}
	#content-home-text {padding-left:20px; padding-top:5px;line-height:20px;}
	
	#thumbnails {background-color:transparent;margin-bottom:10px; margin-left:40px; margin-top:20px; }
	figure {float:left; padding-left:30px; padding-top:20px; padding-bottom:20px;}
	figcaption {color:#666; font-family:'BoltBold', Arial, Helvetica, sans-serif; font-size:15px; padding-top:5px; text-align:center;}
	
	.red-border {border:1px solid #990000;}
	
	#orange-home-text {background-color:transparent; color:#ff9900; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:30px;line-height: 34px; margin-top: 30px; margin-bottom:10px; padding-bottom:30px;}
	.ffff99 {color:#ffff99;}
	article {background-color:#900; overflow:auto;}
	
	footer {height:119px; background:#000 url(../images/footer-pattern.png) repeat-x; margin-top:50px;}
	
	#slides {margin-top:60px;}
	.full-width {width:100%;}
	
	.email2 {display:none; float:left;}
	
	.wrapper {background-color:#333;}
	
	.left-content {margin-top:30px; margin-left:20px; margin-right:30px; padding:5px 5px 10px 5px;font-family: Arial, Helvetica, sans-serif;}
	.left-content ul {color:#fff; list-style-image:url(../images/gray-triangle.png);padding-left:20px;}
	.left-content li {font-size:17px; padding:8px 0; line-height:20px;}
	
	.quote {margin-top:30px; margin-left:20px; margin-right:30px; }
	#slideshow {margin-top:30px;}
	.sub-slideshow {color:#ddd;}
	
	#buttons {margin-top:50px;}
	#buttons div {display:inline; padding-left:20px; padding-top:10px;}
	
	#buttons img {margin:20px 0; border:3px solid transparent;}
	#buttons img:hover {border:3px solid #900;}
	.current-button {color:#fff;}
	#hr {width:90%; border-top:1px solid #fff; overflow:auto;}
	#decorative-buttons img {margin-bottom:30px; border:3px solid transparent; }
	#decorative-buttons img:hover {border:3px solid #900;}
	#decorative-links {float:right; margin-right:20px; margin-top:50px; border-top:1px solid #333; border-left:1px solid #333; padding-top:10px; padding-left:10px;}
	#decorative-links img {margin-right:10px; border:3px solid transparent; }
	#decorative-links img:hover {border:3px solid #900;}

	
/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #eee;
		font-family:'BoltBold', Arial, Helvetica, sans-serif;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 42px; line-height: 35px; margin-bottom: 14px; margin-top:20px; color:#777;text-shadow: 1px 1px 1px #333;
/* filter: dropshadow(color=#333, offx=1, offy=1); */ }
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px;}
	h3 { font-size: 20px; line-height: 20px; margin-bottom: 8px; margin-top:20px; color:#ff9900; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
	h4 { font-size: 18px; line-height: 20px; margin-bottom: 8px; margin-top:20px; color:#666; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
	h5 { font-size: 14px; line-height: 16px; font-style:italic; margin-bottom: 14px; margin-top:5px; margin-left:5px; color:#999;text-shadow: 1px 1px 1px #333;
/* filter: dropshadow(color=#333, offx=1, offy=1); */ }
	h6 { font-size: 12px; line-height: 16px; margin-bottom: 14px; margin-top:5px; margin-left:20px; color:#777;}
	.subheader { color: #777; }

	p {  }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	
	.content-bolt {
		color:#dddddd;
		font-family:'BoltBold', Arial, Helvetica, sans-serif;
		font-size:22px;
		line-height:24px;
		padding:35px 0;
	}
	.pink-bolt {
		color:#ff9900;
	}
	
	.red-bolt {
		color:#ff9900;
	}
	


/* #Links
================================================== */

div#preload { display: none; }

	#navigation a {text-decoration:none;}
	
	.email-top {
	display:block;
	float:right;
	width: 57px;
	height: 101px;
	background: url('../images/email1.png') bottom;}
	.email-top:hover {
	background: url('../images/email2.png') bottom;}
	
	.email-tablet {
	display:block;
	width: 57px;
	height: 101px;
	background: url('../images/email1.png') bottom;}
	
	.nav-home {
	display: block;
	width: 90px;
	height: 69px;
	background: url('../images/nav-home.jpg') bottom;}
	.nav-home:hover {
	background: url('../images/nav-home2.jpg') bottom;}
	
	.nav-decorative {
	display: block;
	width: 118px;
	height: 69px;
	background: url('../images/nav-decorative.jpg') bottom;}
	
	.nav-decorative:hover {
	background: url('../images/nav-decorative2.jpg') bottom;}
	
	.nav-overlay {
	display: block;
	width: 118px;
	height: 69px;
	background: url('../images/nav-overlay.jpg') bottom;}
	
	.nav-overlay:hover {
	background: url('../images/nav-overlay2.jpg') bottom;}
	
	.nav-poured {
	display: block;
	width: 118px;
	height: 69px;
	background: url('../images/nav-poured.jpg') bottom;}
	
	.nav-poured:hover {
	background: url('../images/nav-poured2.jpg') bottom;}
	
	figcaption a:link, figcaption a:visited {color:#666; text-decoration:none;}
	figcaption a:hover, figcaption a:active {color:#fff;}
	
	.left-content a {color:#999; text-decoration:underline;}
	.left-content a:hover {color:#F00;}



/* #Lists
================================================== */
	#inline-list ul li {
		display:inline;
		overflow:auto;
		padding: 0 5px;
	}

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }



/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }