/*--------------------------------------------------------------
* Copyright (c) 2010 Protrux.
*
* All Rights Reserved.
* Description: Importing styles to hide them from older browers/devices
*--------------------------------------------------------------*/

/*------------- Reset -------------  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ol,ul {list-style-type:none;}

/* ------------- Tables -------------  */
table {border-collapse:collapse;border-spacing:0;font-size:12px;}
caption,th {text-align:left; font-weight:normal;}
q:before,q:after {content:'';}
img {border:0;}

/* ------------- Self-clear floats ------------- */

.clearfix:after, #header .col2:after, #footer #address:after, #content #inner:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, #header .col2, #footer #address, #content #inner{ display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, * html #header .col2, # html #footer #address, #content #inner { height: 1%; }
.clearfix, #header .col2, #footer #address, #content #inner { display: block; }
/* close commented backslash hack */


/*------------- Common ---------------*/
h1 { font-size: 16px; margin: 0 0 15px 0; font-weight: bold; color: #003269;}
h2 { font-size: 14px; margin: 25px 0 10px 0; font-weight: bold; color: #003269;}
h3 { font-size: 12px; margin: 20px 0 10px 0; font-weight: bold; color: #003269;}
p {margin-bottom: 15px;}

/* -------------- Body -------------- */
body {background: #003269; font-family: Verdana, Geneva, sans-serif; font-size: 14px;}

/* ------------- Header ------------- */
#header {background: #fff; height: 152px; }
#header #inner {width:880px; position:relative; padding: 0; margin:0 auto;}
#header .col1 { width:430px; margin-top: 33px; float: left;}
#header .col2 { width:430px; margin-top: 23px; float: right;}

/* ------------ Content ------------- */
#content {  width:830px; position:relative; padding: 0; margin:0 auto; background: #fff; color: #333; border: 1px #666 solid;}
#content #inner { padding: 15px;}
.twoColumn .col1 { float: left; width: 250px;}
.twoColumn .col2 {float: left; width: 550px;}
.oneColumn .col1 { display: none;}
.oneColumn .col2 { width: 800px;}
.vision {margin-top: 50px;}
.visionText {font-size: 14px;}
.truckImg { float: left; width: 220px;}
.truckText {float: left; width: 580px !important; height: 150px;}
.mice { font-size: 10px;}

/*------------- Special -------------*/
.special { background: #d1e5fc; border: 1px solid #003269; padding: 10px; margin-bottom: 20px;}
.special h1 { color: #c60e0e;}
.special table {width: 100%;}


/* ------------- Form ---------------*/
form.cmxform fieldset {margin-bottom: 10px; border: 0; width: 500px;}
form.cmxform legend {padding: 0 2px;font-weight: bold;}
form.cmxform label {display: inline-block;line-height: 1.8;vertical-align: top; font-weight: bold;}
form.cmxform fieldset ol {margin: 0;padding: 0;}
form.cmxform fieldset li {list-style: none;padding: 5px;margin: 0;}
form.cmxform fieldset fieldset {border: none;margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;width: auto;}
form.cmxform em {font-weight: bold;font-style: normal;color: #f00;}
form.cmxform label {width: 120px; /* Width of labels */}
form.cmxform fieldset fieldset label {margin-left: 123px; /* Width plus 3 (html space) */}
form.cmxform button { float: right; margin-right: 7px;}
form.cmxform textarea { width: 350px; height: 100px;}

/* -------------- Nav --------------- */
/* Show only to IE PC \*/
* html #nav ul {height: 1%;} /* For IE 5 PC */

#nav { background: #003269 url(../images/nav_bg.gif) repeat-x 0 0; clear: both;}
#nav ul {margin: 0; padding: 0; height: 32px;}

ul#menuList li { list-style-type: none; padding: 0; margin: 0; display: block; float:left; background: url(../images/nav.gif) 0 0 no-repeat;} 

#nav a {height: 32px; display: block;}
#nav strong {display: none;}
#nav #home {width: 93px;left: 0px;}
#nav #about {width: 81px; left: 93px; background-position: -93px 0;}
#nav #trucks {width: 135px; left: 309px; background-position: -172px 0;}
#nav #coverage {width: 101px; left: 410px; background-position: -304px 0;}
#nav #contact {width: 93px; left: 503px; background-position: -400px 0;}

#nav #home a:hover, #homeOn #nav #home a {background: url(../images/nav.gif) 0px -32px no-repeat;}
#nav #about a:hover, #aboutOn #nav #about a {background: url(../images/nav.gif) -93px -32px no-repeat;}
#nav #trucks a:hover, #trucksOn #nav #trucks a {background: url(../images/nav.gif) -172px -32px no-repeat;}
#nav #coverage a:hover, #coverageOn #nav #coverage a {background: url(../images/nav.gif) -304px -32px no-repeat;}
#nav #contact a:hover, #contactOn #nav #contact a {background: url(../images/nav.gif) -400px -32px no-repeat;}

/* ------------ Table -------------- */
.table1 {width: 300px; padding: 1px;}
.table1 th { width: 150px; padding: 1px;}
.table1 th.indent {padding-left: 20px;}


/* ------------ Footer ------------- */
#footer {width:830px; position:relative; padding-top: 20px; margin:0 auto; color:#fff; font-size: 11px;}
#footer #numbers { float: left; margin-right: 30px;}
#footer #address { float: left;}
#footer .copy { clear:both; font-size: 10px;  text-align: center; padding-top: 15px; }
#footer #phone { font-size: 11px;}
#footer #phone th { padding-right: 20px;}
#footer #phone td { text-align: right;}