/* Basic Elements */

body { 
	font-family:Arial, Helvetica, Verdana, sans-serif;
	padding:0px;
	margin:0px;
	}
	
a img, a:link img {border: 0px;} 

img {margin:0px; padding:0px;}
	
p {padding-bottom:10px; margin:0px; font-size:11px; line-height:14px; color:#333333;}
	
h1 {font-size:28px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:23px;
	}
	
.smallhead {font-size:18px;}
.white{color:#ffffff;}
	
h2 {font-size:20px;
	color:#002e5b;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
	margin:0px;
	}
	

h3 {font-size:14px;
	color:#002e5b;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	padding:0px 0px 2px 0px;
	margin:0px;
	}
	
h4 {font-size:12px;
	color:#002e5b;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	padding:0px 0px 2px 0px;
	margin:0px;
	}
	
h5 {font-size:11px; 
	padding:5px 0px 2px 0px; 
	margin:0px;
	color:#add9f1;
	font-weight:bold;
	}
	
/*table and form styling*/
td {
	padding:2px 5px;
	font-size:12px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	}
.sub-estimate td, .estimate td {
	color:#333333;
	font-size:11px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	}
.sub-estimate table, .estimate table {margin-bottom:8px;}
	
input, select, textarea, textbox {background:#fffeed; border:1px solid #333333; font-size:11px; color:#666666; padding-left:3px;}

ul, li {color:#002e5b; font-size:11px; line-height:13px;}

ul li {padding:0px 0px 6px 0px;}
ul {margin:0px; padding:0px;}

ol, li {color:#002e5b; font-size:11px; line-height:13px;}

ol li {padding:0px 30px 6px 0px;}
ol {margin:14px 0px 0px 40px; padding:0px;}

.check ul {list-style:url(../images/checkmark.jpg); margin:10px 40px;}

.check ul li {padding:5px 0px; line-height:13px;}
	
	
/*link styles*/

a, a:link {
	color: #5880C1;
	text-decoration: none;
	background: transparent; 
	font-size:inherit;
	}
a:visited, a:active {
	color: #5880c1;
	text-decoration: none;
	background: transparent; 
	}
a:hover {
	color: #5880C1;
	text-decoration: underline;
	background: transparent; 
	}


/* ----------------------------------------------- */

#topbarnavigation a, #topbarnavigation a:link, #topbarnavigation a:visited, #topbarnavigation a:active {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	padding:0px 4px;
	}
	
#topbarnavigation a:hover {
	color: #c5dcef;
	text-decoration: none;
	}
	
#topbarnavigation {
	color:#ffffff;
	font-size:11px;
	display:block;
	background-color: #002e5b;
	vertical-align: middle;
	padding: 3px;
	margin:0px;
	clear: both;
	height: 20px;
	text-align: center;
	line-height:20px;
}

.news a, .news a:link, .sub-news a, .sub-news a:link {color:#add9f1; text-decoration:none;}
.news a:hover, .sub-news a:hover {color:#ffffff; text-decoration:none;}
.news a:visited, .sub-news a:visited {color:#add9f1; text-decoration:none;}
	
/* ----------------------------------------------- */


	
/* Classes */
		

.right {float:right;}
.left {float:left;}
.clearall { clear: both; }

.navy {color:#002e5b;}
.ltblue {color:#c5dcef;}
.ltgrey {color:#ebebeb;}
.white {color:#ffffff;}
.grey {color:#666666;}
.red {color:Red}
.black {color:#000000;}

.small {font-size:9px; padding:0px; line-height:11px; font-weight:normal;}

	
.indent {padding:0px 12px 10px 32px;}

.nospace {padding:0px; margin:0px;}
	
.nav {padding:0px 8px; border-right: 1px solid #666666; float:left; display:inline;}

.hometext {width:300px; padding-top:20px;}

.label {font-weight:bold; font-size:12px; color:#000; padding-top:14px;}

.rule {border-top:1px solid #333333; margin:0px; padding:0px;}
.lightrule {border-top:1px solid #cccccc; margin:0px; padding:0px; width:70%;}
.dotrule {border-top:1px dotted #002e5b; margin:0px; padding:0px; height:1px;}

.estimate-header {
	float:right;
	background: url(../images/estimate-box-head.jpg) no-repeat right;
	width:202px;
	height:31px;
	margin:0px;
	padding:0px 0px 0px 100px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	}
	
.estimate-subheader {
	float:left;
	background: url(../images/estimate-box-head.jpg) no-repeat right;
	width:210px;
	height:31px;
	margin:0px;
	padding:0px 0px 0px 10px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	}
	
.home-text {
	padding-left:20px;
	float:left;
	width:470px;
	}
	
.sub-text {
	padding:14px 0px 0px 40px;
	float:left;
	width:470px;
	}
	
.sub-text p {color:#002e5b;}
	
.home-left {width:538px; float:left;}
.home-right {width:242px; float:left; background:#004e78; padding-bottom:10px;}
.sub-left {width:559px; float:left; padding-bottom:90px;}
.sub-right {width:220px; float:right; background:#004e78; padding-bottom:10px;}

	
.estimate {
	background: url(../images/map-bkg.jpg) no-repeat right top;
	width:221px;
	padding:14px 10px 0px 10px;
	border-left:1px solid #666666;
	float:left;
	}
	
.sub-estimate {
	background:#e1e7dd url(../images/map-bkg.jpg) no-repeat right bottom;
	width:196px;
	padding:8px 10px 0px 14px;
	float:left;
	}
	
.news {
	background:#004e78;
	width:221px;
	padding:14px 10px;
	border-left:1px solid #666666;
	float:left;
	}
	
.sub-news {
	background:#004e78;
	width:200px;
	padding:14px 10px;
	float:left;
	}
	
.logos {
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	padding:0px;
	margin:20px 0px;
	float:left;
	width:538px;
	height:55px;
	}
.logos img {float:left;}

.emphasis {
	background:#becbd8; 
	width:389px; 
	border-top:1px solid #002e5b; 
	border-bottom:1px solid #002e5b; 
	padding:8px 20px; 
	margin:0px 20px 20px 20px;
	text-align:center;
	}
	
.testimonial {width:180px; padding:20px; background:#000000; font-style:italic; float:left;}
.testimonial p { color:#ffffff; font-size:12px;}

.profile {margin:20px 0px; padding-bottom:10px; border-bottom:1px dotted #002e5b;}

.profile-pic{width:120px; float:left;}
.profile-desc {padding-left:20px; width:310px; float:left;}

.footer {position:absolute; left:14px; bottom:5px; width:520px;}

.footer-text{font-size:10px; color:#666666; line-height:14px; padding:40px 0px 0px 10px; float:left;}


.certifications table {width:450px; font-size:11px; color:#666666;}
.certifications table tr td {padding:5px 0px 5px 8px; border-bottom:1px dotted #666666; margin:3px 0px;}

.leftborder {border-left:1px dotted #cccccc;}

.box {
	float:right;
	background:#becbd8; 
	width:210px; 
	border:1px solid #002e5b; 
	padding:10px 14px 4px 14px;
	margin-left:10px;
	}
	
.box p {color:#333333;}

.box ul {margin:0px 8px 0px 14px;}

.shadow {width:559px; height:13px; margin:0px; padding:0px; float:left; background:url(../images/menu-shadow.jpg) top left no-repeat;}

.sitemap {margin-top:0px;}
.sitemap ul{list-style-image:url(../images/dot.jpg);}
/* Divs */

#page {
	width:780px;
	padding:0px;
	margin:0px auto;
	position:relative;
	border:1px solid #333333;
	}
	
#content{
	width:780px;
	float:left;
	background:#ebebeb;
	position:relative;
	z-index:1;
	}
	
#masthead{
	width:780px;
	float:left;
	}
	
#header {
	width:780px;
	height:52px;
	float:left;
	padding:0px;
	background:url(../images/grey-header-bkg.jpg) repeat-x bottom;
	}		

#track {
	float:right;
	background: url(../images/track-btn_nm.jpg) no-repeat right;
	width:182px;
	height:24px;
	text-align:center;
	margin:0px;
	padding:0px;
	}
#track a, #track a:link {
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	width:auto;
	padding-left:10px;
	}
	
#track a:hover {
	color:#ebebeb;
	text-decoration:none;
	}
	
#rotateimg {
	width:780px;
	height:211px;
	float:left;
	background:#000000;
	border-bottom:1px solid #000000;
	}
	
#text {
	width:305px;
	padding:5px 55px 20px 40px;
	height:395px;
	overflow:auto;
	float:left;
	background:url(../images/gold-map-bkg.jpg);
	border-right:1px solid #7b7b7b;
	}
	
#home-copy {
	background:#ebebeb;
	}
	
#sub-container {
	background:#ebebeb;
	position:relative;
	}
	
#blackbar {
	height:20px;
	width:100%;
	background:#000000;
	float:left;
	}
	
#home-headline {position:absolute; z-index:100; right:25px; top:10px; width:auto;}

/* Estimate form*/
.questionbox {width:482px; color:#666666; margin-bottom:20px; float:left;}
.question {
    width:448px; 
    background:url(/images/yellow-form-bkg.jpg) repeat-y; 
    border-bottom:1px solid #666666; 
    margin-left:12px; 
    padding:0px 8px 10px 14px;
    color:#666666;
    float:left;
    }

.vehicles {
    float:left;
    width:190px;
    border-right:1px dotted #666666;
    padding-right:10px;
    color:#666666;
    }
 #vehicleInfo, #weightVolumeInfo {display:none;}
    
.question input, .question select, .question textarea, .question textbox {background:#ffffff;}

.question td, addInfo td {
	padding:2px 5px 0px 0px;
	font-size:11px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#666666;
	}
	
.weightVolume {
    float:left;
    margin-left:8px;
    color:#666666;
    }
    
.addInfo{
    margin-left:12px;
    width:448px;
    font-size:11px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#666666;
    }
    
.formblur { color: #666666; }
.formfocus { color: #333333; }

.nobreak {white-space:nowrap;}

#Veh1, #Veh2, #Veh3, #Veh4, #Veh5, 
#Cyc1, #Cyc2, #Cyc3, #Cyc4, #Cyc5 {display:none; float:left;}
