/*********************
* Globals
*********************/

*{margin: 0; padding: 0; border: 0}

body{
	background: #423129 url(img/bg-body.jpg) repeat-x;
	color: #786246;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height:18px;
}


a:link,a:visited	{ color:#423129; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#786246; text-decoration:underline; outline:none; }

.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
} 
 
.clearfix {display: inline-block;} 
 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

img.img-right {
	float:right; 
	margin:5px; 
	}
	
img.img-left {
	float:left; 
	margin:5px; 
	}
	

/*********************
* Structural
*********************/

#subhead{ height:45px;}

body#index #subhead{ background: url(img/subhead-index.gif) no-repeat;}
body#about #subhead{ background: url(img/subhead-about.gif) no-repeat;}
body#trucking #subhead{ background: url(img/subhead-trucking.gif) no-repeat;}
body#contact #subhead{ background: url(img/subhead-contact.gif) no-repeat;}


#quick-contact{background: url(img/title-qc.gif) no-repeat; height:79px;}
#quick-contact-spacer{background: url(img/subhead-quick-contactspace.gif) no-repeat; height:42px; margin-bottom:-15px;}


#wrap{
	margin: 0 auto;
	width: 890px;
	background: url(img/bg-wrap.gif) repeat-y;
}

#bottom-wrap {
	background:#423129;
	height:1px;
	clear:both;
	width:100%; /* fix for Safar */

	}

#subhead-spacer{
	height: 23px;
	background: url(img/subhead-spacer.gif) no-repeat;
}

#header{
	width: 890px;
	height: 200px;
	background: url(img/header.jpg) no-repeat;
}


#left-col{
	width: 560px;
	float: left;
	text-align: left;
}

h1 {
display:none;
}

h2{
color: #1768BF;
font-size:15px;
text-transform:capitalize;
}

h3{
color: #423129;
font-size:13px;
text-transform:uppercase;
}



#left-col p, #left-col ul, #left-col h2, #left-col h3{
margin: 0 30px 8px 60px;
}

#left-col ul {margin-left:35px; }
		#left-col ul li { 
			background:transparent url(img/arrow.gif) 0px 2px no-repeat;
			padding-left:15px; /* pushes text to the right to display bg img */
			list-style:none;
			margin-bottom:5px;
			}

#right-col{
	width: 330px;
	float: right;
	text-align: left;
}

	#right-col form{
	margin-left:35px;
	}
	
	#right-col ul{
	margin-left:20px;
	color:#907854;
	font-size:11px;
	margin-right:45px;
	margin-bottom:10px;
	}
	
	
	#right-col p{
	margin-left:35px;
	color:#907854;
	font-size:11px;
	margin-right:95px;
	}
		
#footer span{display:none;}

/*********************
* Navigation
*********************/
#nav { 
	background:url(img/nav.gif) no-repeat; 
	width:890px; 
	height:29px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:29px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 148px; margin-left:47px;}
#nav-02 { width: 233px;}
#nav-03 { width: 200px;}
#nav-04 { width: 192px;}



/*-------------- (-79px) X position of button / (-25px) height of image from above ------------- */

#nav-01 a:hover { background:url(img/nav.gif)  -47px -29px no-repeat; }
#nav-02 a:hover { background:url(img/nav.gif) -195px -29px no-repeat; }
#nav-03 a:hover { background:url(img/nav.gif) -428px -29px no-repeat; }
#nav-04 a:hover { background:url(img/nav.gif) -628px -29px no-repeat; }


/*********************
* Contact Form
*********************/
body#contact form{
margin-left:70px;
}

body#contact form label{
color: #000 !important;
}



form {
	width:170px;
	margin:0 0 15px 0;
	}
	
form p{
	color:#fff;
	font-size:11px;
	line-height: 12px;
	}



form label	{ font-size:12px; color:#423129; }



form br { line-height:0; height:0; } /* defaults vertical spacing between fields */



input, textarea, select { 

	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #adbc51;
	color:#423129;
	width:165px; /* 5 pixles smaller than form width !important */
	height:20px;
	line-height:20px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}

	

select { width:170px; padding:0; } /* same width as form - !important */



textarea { height:90px; overflow:auto; }

input.submit{ 
	width:65px;
	height:25px;
	cursor:pointer; 
	padding:0; 
	}
	
input.submit-contact{ 
	width:65px;
	height:25px;
	cursor:pointer; 
	padding:0; 
	}
	
/*********************
* Footer
*********************/
#footer {
	width:890px;
	margin:0 auto;
	text-align:center;
	background: url(img/footer-bg.jpg) repeat-y;
	height:200px;
	}

#footer p{ margin-bottom:10px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; }
