@CHARSET "ISO-8859-1";

body{background:#000;color:#999;}
.wrapper{width:980px;margin-left:auto;margin-right:auto;}
.content{
	background:url('/images/bg-content.png') no-repeat;
	width:932px;
	margin-left:auto;margin-right:auto;
	text-align:center;
	padding-top:20px;
	border-bottom:1px solid #555555;
	margin-bottom:10px;
	}
.content p{
	font-family: arial, Helvetica,sans-serif;
	color:#999999;
	font-size:1.28em;
	padding:0 80px 30px 80px;
	line-height:130%;
	}
.content a:link, .content a:active, .content a:visited{color:#bbbbbb;text-decoration:none;}
 .content a:hover{color:#dddddd;}
 
 .mobile-content{display:none;}
 
.firepit-1{padding:20px 80px 0 0;}
.firepit-2{padding:20px 80px 0 0;}
.firepit-3{padding:20px 0 0 0;}

.header{background:url('/images/bg-header.jpg') no-repeat;clear:both;padding-top:350px;}

.logo{float:left;}
.phone{
	float:right;
	font-weight:bold;
	color:#e0d7c8;
	font-size:1.5em;
	font-family: arial, Helvetica,sans-serif;
	margin:40px 20px 0 0;}
	
.firepit{
	clear:both;
	background:#222222;
	border:1px solid #333333;
	font-family: arial, Helvetica,sans-serif;
	padding:20px;
	text-align:left;
	margin-bottom:10px;
	height:310px;
	}
.firepit p{font-size:1em;padding:0 40px 0 0;}

.img-viewer{float:left;width:350px;padding:7px 3px 5px 3px;background:#181818;margin-right:10px;}
.img-viewer a:link, .img-viewer a:visited{padding:4px;color:#181818;}
.img-viewer a:hover{color:#000000;}

table{font-weight:bold;}

.msrp{float:right;font-weight:bold;color:#167dbc;}
.starburst{position:absolute;margin:90px 0 0 230px;}

.youtube{margin:0 0 1px 5px;}
.youtube iframe{width:340px;height:223px;}

.footer{
	font-family: arial, Helvetica,sans-serif;
	font-size:.8em;
	color:#555555;
	padding-bottom:200px;
	}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active{color:#555555;}

@media only screen and (max-width: 600px) {
	.logo{width:310px;clear:both;}
	.phone{margin:-30px 2px 4px 0;clear:both;text-align:right;}
	.wrapper{width:475px;margin-left:auto;margin-right:auto;}
	.header{background:url('/images/bg-header-css3.jpg') no-repeat;padding-top:120px;}
	.content{display:none;}
	.starburst{display:none;}
	.mobile-content{display:block;}
	h2{margin:5px 0 0 10px;}
	table{font-weight:normal;padding-left:10px;}
	.firepit{padding:3px;width:100%;height:100%;}
	.firepit p{font-size:1em;padding:0 10px 0 10px;}
	.img-viewer{width:310px;clear:both;}
	.img-viewer .feature{width:460px;}
	.youtube iframe{width:460px;height:292px;}
	.mobile-link, .mobile-link{
		font-family: arial, Helvetica,sans-serif;
		font-size:1.3em;
		text-decoration:none;
		color:#999;
		background:url('/images/bg-mobile-link.jpg') #333;
		border:1px solid #777;
		padding:10px 0 10px 0;
		margin:0 0 -12px 10px;
		text-align:center;
		display:block;
		width:290px;
		}
	.mobile-link-bottom, .mobile-link-bottom{
		font-family: arial, Helvetica,sans-serif;
		font-size:1.3em;
		text-decoration:none;
		color:#999;
		background:url('/images/bg-mobile-link.jpg') #333;
		border:1px solid #777;
		padding:10px 0 10px 0;
		margin:0 0 20px 10px;
		text-align:center;
		display:block;
		width:290px;
		}
	.back-to-top{float:right;font-weight:bold;font-size:1.3em;color:#fff;text-decoration:none;}

}

@media only screen and (max-width: 320px) {
	.logo{width:310px;clear:both;}
	.phone{margin:-30px 2px 4px 0;clear:both;text-align:right;}
	.wrapper{width:315px;margin-left:auto;margin-right:auto;}
	.header{background:url('/images/bg-header-320.jpg') no-repeat;padding-top:120px;}
	.content{display:none;}
	.starburst{display:none;}
	.mobile-content{display:block;}
	h2{margin:5px 0 0 10px;}
	table{font-weight:normal;padding-left:10px;}
	.firepit{padding:3px;width:100%;height:100%;}
	.firepit p{font-size:1em;padding:0 10px 0 10px;}
	.img-viewer{width:310px;clear:both;}
	.img-viewer .feature{width:300px;}
	.youtube iframe{width:300px;height:200px;}
	.mobile-link, .mobile-link{
		font-family: arial, Helvetica,sans-serif;
		font-size:1.3em;
		text-decoration:none;
		color:#999;
		background:url('/images/bg-mobile-link.jpg') #333;
		border:1px solid #777;
		padding:10px 0 10px 0;
		margin:0 0 -12px 10px;
		text-align:center;
		display:block;
		width:290px;
		}
	.mobile-link-bottom, .mobile-link-bottom{
		font-family: arial, Helvetica,sans-serif;
		font-size:1.3em;
		text-decoration:none;
		color:#999;
		background:url('/images/bg-mobile-link.jpg') #333;
		border:1px solid #777;
		padding:10px 0 10px 0;
		margin:0 0 20px 10px;
		text-align:center;
		display:block;
		width:290px;
		}
	.back-to-top{float:right;font-weight:bold;font-size:1.3em;color:#fff;text-decoration:none;}
}