@charset "utf-8";

/* 
CSS Author: Graham Slater / www.starmedia.ca
Created: 02-08-2009 / W3C Valid CSS!
*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #FFFFFF;
	margin:0px;
	padding:0px;
}
#body_container {
    width:960px;
    margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;	
	margin-left: auto;
	height: auto; 
}
.hide-me { 
	display:none;
	margin:0px;
	padding:0px;
}
#nav_logo {
	margin:0px;
	width:297px;
	height:104px;
	float:left;
}
#nav_bar {
	float:left;
	margin:0px;
	padding:0px 0px 0px 67px;
	width:546px;
	height:17px;
}	
#nav_logo a img {
	width:297;
	height:104px;
	border:none;
	margin:0px;
	padding:0px;
}
#nav_bar img {
	margin:0px;
	padding:0px;
	border:none;
	float:left;
}
#nav_bar a img {
	border:none;
	margin:0px;
	padding:0px;
}
.nav_img_on {
	background:url(../images/nav_bar/news_2.jpg);
}	
#header_container {
	margin:0px;
	padding:0px;
	width:960px;
	height:329px;
	float:left;
}
.shadow_line {
	width:960px;
	height:1px;
	margin:13px 0px 19px 0px;
}
p.footer, .footer a {
	margin:0 auto 10px auto;
	text-align:center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}

      /*Index */
	  
#lower_button_container {
	margin:0px auto;
	padding:0px;
	width:928px;
	clear:left;
}
#button_about, #button_products, #button_trucks, #button_news, #button_video, #button_brochure {
	width:227px;
	height:234px;
	background:url(../images/lower_button_bg.jpg);
	float:left;
}
#button_video {
	margin:12px 0px 0px 0px;
}
	
#button_brochure {
	margin:12px 0px 0px 0px;
}
	
#button_about {
	margin:12px 0px 0px 0px;
}
#button_products {
	margin:12px 0px 0px 6px;
}
#button_trucks {
	margin:12px 0px 0px 6px;
}
#button_news {
	margin:12px 0px 0px 6px;
}
.button_img {
	width:201px; height:80px;
	margin:11px 13px 0px 13px;
}
.button_head {
	width:201px;
	height:33px;
	margin:0px 13px 0px 13px;
	padding:0px;
}
p.button_text {
	margin:0px 21px 0px 20px;
	padding:0px;
	font-size: 13px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:normal;
}
a:link.button_more, a:visited.button_more,a:hover.button_more,a:active.button_more {
	font-size:11px;
	font-weight:bold;
	color:#666666;
}

/*Text Formatting:*/

h3.onecol { 
	font-size:20pt;
	color: #4277A8;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
}	
p.body_copy, p.news_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}
h3.news_date {
	font-size:16pt;
	color: #4277A8;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
}
h4.news_date {
	font-size:13pt;
	color: #4277A8;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
}
p.sup_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}
p.sup_text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}
	
     /*News  - Or Two Column*/

#button_big {
	background:url(../images/button_big_bg.jpg) no-repeat top left;
	width:960px;
	margin:12px auto 0px auto;
	padding:0px 0px 0px 35px;
	float:left;
}
#news_updates {
	width:550px;
	margin:18px 15px 0px 0px;
	padding:0px;
	float:left;
}
#button_big #plugin {
	margin:18px 0px 0px 15px;
	width:300px;
	height:auto;
	float:left;
}
h2.plugin_weather {
	background:url(../images/button_head_current-weather.jpg);
	width:300px;
	height:22px;
	margin:22px 0px 12px 0px;
}
#w-net {
    padding-left:10px;
}

     /*One Column*/

#button_big #one_col {
	width:878px;
	margin: 18px 0px 0px 0px;
	padding:0px;
	float:left;
}
.header_img_whole {
    border:none;
}
#calcs {
	float:left;
	width:800px;
	height:300px;
	padding-top:30px;
}
#vol-calc {
    width:250px;   
	padding-top:10px;
	padding-bottom:10px;
	border: 2px solid #cccccc;
	background-color: #f1f2f6;
	padding: 10px;
	float:left;
}
#col-calc {
    width:250px;  
    margin-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	border: 2px solid #cccccc;
	background-color: #f1f2f6;
	padding: 10px;
	float:left;
}
.calc-header {
    font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #4277A8;
	height:30px;
}
.vol-header {
    font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #6a6a6c;
	height:40px;
}
#lower-calc-area {
	width:800px;
	float:left;
	height:auto;
}
.calc-text {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
.height {
    margin-left:21px;
}
.length {
    margin-left:19px;
}
.height2 {
    margin-left:15px;
}
.form-button {
    border: 1px solid #999999;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
   	float:right;
}
.form-button2 {
    border: 1px solid #999999;
    margin-right: 5px;
    margin-left: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
   	float:right;
}
.truck-img {
    padding-left:80px;
}
img {
    border: none;
}
.img-padding {
    margin-left:20px;	
}
.img-padding-1 {
    margin-left:70px;	
}
.img-padding-2 {
    margin-top:15px;	
}