/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#242425;
}

div#container_wrapper {
	background-image:url("/img/header.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#fff;
	min-width:900px;
}

div#container {
	position:relative; 
	width:810px;
	margin:0 auto 0 auto; 
	margin-top:0px;
	text-align:left;
	border:0px solid black;
}

div#branding_nav {
	position:relative; 
	height:171px;
	border:0px solid #000;
}

ul#nav {
	position:absolute;
	top:64px;
	left:-4px;
	width:810px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#nav a {display:block;}

#nav a span {margin-left:-3000px;}

ul#nav, #nav a {height:36px;}

#home, #about, #rates, #references, #tips, #photos {
	float:left;
	height:36px;
}

#home {margin-right:4px;width:73px;}
#home a, #home a:visited {background:url("/img/btn-home.gif") top left no-repeat;}
#home a:hover {background:url("/img/btn-home.gif") top right no-repeat;}

#about  {margin-right:4px;width:73px;}
#about a, #about a:visited {background:url("/img/btn-about.gif") top left no-repeat;}
#about a:hover {background:url("/img/btn-about.gif") top right no-repeat;}

#rates {width:159px;}
#rates a, #rates a:visited {background:url("/img/btn-rates.gif") top left no-repeat;}
#rates a:hover {background:url("/img/btn-rates.gif") top right no-repeat;}

#references {margin-left:185px;width:101px;}
#references a, #references a:visited {background:url("/img/btn-references.gif") top left no-repeat;}
#references a:hover {background:url("/img/btn-references.gif") top right no-repeat;}

#tips {margin-left:12px;width:109px;}
#tips a, #tips a:visited {background:url("/img/btn-tips.gif") top left no-repeat;}
#tips a:hover {background:url("/img/btn-tips.gif") top right no-repeat;}

#photos {margin-left:12px;width:77px;}
#photos a, #photos a:visited {background:url("/img/btn-photos.gif") top left no-repeat;}
#photos a:hover {background:url("/img/btn-photos.gif") top right no-repeat;}

#quote {position:absolute;top:110px;left:12px;}

div#content {
	background:#fff;
	padding-top:0px;
	padding-right:15px;
	padding-bottom:15px;
	padding-left:15px;
	border:0px solid #000;
}

div#content_main {
	float:left;
	width:505px;
	border:0px solid #000;
}

div#content_sub {
	float:right;
	width:212px;
	background-image:url("/img/bg-sidebar.jpg");
	background-position:top left;
	background-repeat:repeat-y;
	margin-top:26px;
	padding:20px 10px 10px 24px;
	border:0px solid #000;
}

blockquote {margin:10px 0px 10px 0px;padding:0;font-size:18px;font-style:italic;border:0px solid #000;}
p.cite {text-align:center;}

div#truck {
	clear:both;
	position:relative;
	height:205px;
}

#truck img {position:absolute;top:30px;left:205px;z-index:3;}

div#site_info {
	position:relative; 
	width:810px;
	color:#fff;
	margin:0 auto 0 auto;
	padding-top:40px;
	text-align:center;
	border:0px solid #000;
}

#site_info p {color:#fff;font-weight:bold;}
#site_info p.copyright {color:#929292;font-weight:normal;}
#site_info a {color:#fff;text-decoration:underline;}
#site_info a:visited {text-decoration:none;}
#site_info a:hover {color:#fff;text-decoration:none;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#000;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	margin:0px;
	margin-bottom:4px;
	font-weight:normal;
}

p, ul, ol, cite, td {font-size:12px;}

h1 {font-size:18px;} 

h2 {font-size:14px;font-weight:bold;}


h3 {font-size:14px;font-weight:bold;}

h4 {font-size:12px;font-weight:bold;}

p {
	margin:0px;
	margin-bottom:10px;
}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
}

hr {margin:20px 0px 20px 0px;padding:0px;height:1px;background-color:#e3e3e3;border:0;}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}
.30px_bottom_margin {margin-top:30px;}
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:1.1em;}
.no_spacing {margin:0px; padding:0;}
.light, .tableLight {background-color:#f1f1f1;}
.dark, .tableDark {background-color:#e1e1e1;}
.adminBar {background-color:#242425; color:#FFFFFF;}
.tableHighlight {background-color:#242425;}
.white {color:#FFFFFF;}
.hidden {display:none;}
.icon {vertical-align:middle;}
a.no_link, a.no_link:visited, a.no_link:hover {color:#000;text-decoration:none;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #000;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}

ul.striped, ol.striped { 
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}
ul.striped li, ol.striped li {}
ul.striped li a, ol.striped li a {
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	text-decoration:none;
	border:0px solid black;
}
ul.striped li a.indent, ol.striped li a.indent {padding-left:30px;}
ul.striped li a:visited, ol.striped li a:visited {}
ul.striped li a:hover, ol.striped li a:hover, ul.striped li a:hover span.no_link, ol.striped li a:hover span.no_link {
	background-color:#0080ff;
	color:#fff;
}

.basicTable {
	background:#f1f1f1;
	border:1px solid #e3e3e3;
	width:100%;
	margin-bottom:30px;
}
.basicTable td {
	vertical-align:top;
}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN SPECIAL CLASSES (DELETE IF NOT BEING USED ON SITE */
ul#nav_sub_list {
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}
#nav_sub_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:2px;
}
#nav_sub_list li a {
	display:block;
	color:#737373;
	font-weight:bold;
	font-size:11px;
	margin:0;
	margin-top:1px;
	padding:0;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	text-decoration:none;
	background-image:url("/img/icon-arrow.png");
	background-repeat:no-repeat;
	background-position:135px 9px;
	border:0px solid black;
}
#nav_sub_list li a:visited {}
#nav_sub_list li a:hover {background-color:#ebebeb;color:#000;}
#nav_sub_list li#first_sub_nav a {
	padding-top:6px;
}

div.box {
	position:relative;
	background-color:#000033;
	width:400px;
	padding:20px;
	padding-bottom:10px;
	color:#fff;
	overflow-y:hidden;
}
.box img {
	max-width:400px;
}
div.corner_top_left, div.corner_top_right, div.corner_bottom_right, div.corner_bottom_left{
	position:absolute;
	width:10px;
	height:10px;
	background-position:top left;
	background-repeat:no-repeat;
}
div.corner_top_left {
	top:0px;
	left:0px;
	background-image:url("/img/corner-top-left.png");
}
div.corner_top_right {
	top:0px;
	right:0px;
	background-image:url("/img/corner-top-right.png");
}
div.corner_bottom_right {
	bottom:0px;
	right:0px;
	background-image:url("/img/corner-bottom-right.png");
}
div.corner_bottom_left {
	bottom:0px;
	left:0px;
	background-image:url("/img/corner-bottom-left.png");
}

#video_thumbs {
	padding:10px;
	list-style:none;
	list-style-image:none;
}
#video_thumbs li {
	clear:both;
	margin-bottom:20px;
}
#video_thumbs li img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
#video_thumbs h4 {
	font-size:13px;
	margin:0;
	padding:0;
}
#video_thumbs p {
	font-size:11px;
	margin-bottom:4px;
}
#video_thumbs p.stars {
	margin-top:4px;
	margin-bottom:2px;
}
#video_thumbs p.stars img {float:none;margin:0;}

#news_list {
	padding:0;
	padding-bottom:10px;
	list-style:none;
	list-style-image:none;
}
#news_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:6px;
}
#news_list h3 {
	font-size:12px;
	margin:0;
}
#news_list p {
	font-size:11px;
	margin-bottom:4px;
}
#news_list p.date {
	font-style:italic;
	padding-bottom:6px;
	text-align:right;
}
/* END SPECIAL CLASSES */


/* BEGIN CUSTOM, SITE SPECIFIC STYLES */
div#adminNavMenu {position:absolute;top:10px;left:13px;}

table.quoteForm {
	border:1px solid #e1e1e1;
	background-color:#f1f1f1;
	text-align:left;
}
.quoteForm td {
	border-bottom:1px solid #e1e1e1;
	padding:10px 10px 2px 10px;
}
.quoteForm textarea, .quoteForm input, .quoteForm select {
	margin-bottom:8px;
}
.quoteForm textarea {
	width:484px;
}
.quoteForm .phoneField {width:30px;}
.quoteForm .phoneFieldLong {width:37px;}
.quoteForm .emailField {width:200px;}
.quoteForm .streetField {width:200px;}
.quoteForm .zipField {width:60px;}

/* END CUSTOM, SITE SPECIFIC STYLES */