@charset "utf-8";
/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#page {width:949px; margin:0 auto; text-align:left; position:relative;}
body {background:#cfcfcf; width:100%; text-align:center; margin:10px auto;}
p, li {font-size:12px; line-height:18px; color:#000;}
li {list-style-image:url(img/bullet.png);}
h2 {font-size:20px; line-height:26px; color:#fff; padding-bottom:10px; font-weight:lighter;}
h3 {font-size:14px; line-height:18px; color:#000; padding-bottom:10px; font-weight:450;}
h4 {font-size:12px; line-height:18px; color:#b70000;}
a {color:#000; text-decoration:underline;}
.image {border:1px solid #fef200; margin-left:15px;}
#title {font-size:9px; color:#666666;}


/*Header*/
#header {background:url(img/header.jpg) no-repeat; height:166px; position:relative;}
#header #address {position:absolute; top:27px; right:50px; text-align:right;}
#header p {font-size:14px; line-height:21px; color:#fff;}
#header h2 {font-size:18px; line-height:22px; color:#fef200;}


/*Navigation*/
#nav {width:343px; text-align:left; display:block; margin:0; float:left;}
#nav li {float:left; list-style:none; padding:0;}
#nav a {display:block; height:30px; float:left; outline:none; font-size:14px; line-height:29px; background-image:url(img/navBG.jpg); color:#fff; text-decoration:none; width:299px; padding:0 0 0 44px;}
#nav a.home {background-image:url(img/homeNav.jpg);}
#nav a.contact {background-image:url(img/bottomNav.jpg); height:49px;}

#nav a:hover, #home #nav a.home, #company #nav a.company, #truckingServices #nav a.truckingServices, #warehousingServices #nav a.warehousingServices, #formsDocuments #nav a.formsDocuments {background-position:0 -30px; color:#000;}
#nav a.contact:hover, #contact #nav a.contact {background-position:0 -49px; color:#000;}


/*Content*/
#content {width:949px; background:url(img/contentBG.jpg) repeat-y;}
#headerBar {background:url(img/headerBar.jpg) no-repeat; height:38px;}
#left {width:705px; float:left; position:relative;}
#left p, #left h3, #left h4 {padding:0 20px 10px 43px;}
#left h2 {background:url(img/contentHeader.jpg) no-repeat; height:38px; padding:5px 0 10px 43px;}
#left ul {padding:0 20px 10px 75px;}
#directions {position:absolute; top:55px; left:375px;}
#right {width:244px; float:right;}
#right h2 {background:url(img/rightHeader.jpg) no-repeat; height:38px; padding:5px 0 10px 37px; color:#000;}
#right p, #right h3 {padding:0 37px 5px 37px;}


/*Form*/
form input, form textarea, form select {width:300px; border:2px solid #aaa; line-height:18px; height:23px; font-size:12px;}
form input#other {width:293px}
form textarea {width:300px; border:2px solid #aaa; line-height:18px; font-size:12px; height:auto;}
form .checkbox {width:15px; border:none; height:15px; padding-bottom:13px;}
.client_login {padding:0 10px 10px 35px;}
.client_login li {list-style-image:none; list-style:none;}
.client_login li input {width:170px; border:2px solid #aaa; line-height:18px; height:23px; font-size:12px; margin-bottom:10px;}


/*Boxes*/
#boxes {background:url(img/boxesBG.jpg) repeat-y; width:949px; position:relative;}
#boxes div {width:308px; float:left; position:relative;}
#boxes div h2 {background:url(img/boxesTop.jpg) no-repeat; height:38px; color:#000; padding:5px 0 10px 33px; margin-left:12px;}
#boxes div p {padding:3px 30px 20px 43px; color:#fff;}
#boxes div ul {padding:3px 30px 20px 55px;}
#boxes div li {color:#fff;}
#crabClock #crab {background-image:url(img/crab.png); width:145px; height:144px; position:absolute; top:2px; right:5px;}
#crabClock #crab h3 {background-image:none; padding:15px 5px 10px 15px;}


/*Footer*/
#footer {text-align:center; font-size:10px; color:#000; line-height:15px; padding:15px 0;}
#footer a {color:#000; text-decoration:underline;}
#footer a:hover {text-decoration:none;}