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

body	{
	margin: 0;
	padding: 0;
	background: #999 url(../images/body_bg.png) repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wrapper	{
	margin: 0 auto;
	width: 1020px;
}

#header	{
   margin: 0 auto;
   height: 225px;
   width: 980px;
   background: #FFF url(../images/header_background.png) center no-repeat;
   border-left: #666 solid 2px;
   border-right: #666 solid 2px;
}

#header a {
	display: block;
	height: 225px;
	width: 980px;
}

#navbar	{
	margin: 0 auto;
	height: 40px;
	width: 1020px;
}
 
.nav_left_outer	{
	 background: url(../images/navbar.png) 0px -120px no-repeat #999;
	 height: 40px;
	 width: 19px;
	 margin: 0 0 0 0;
	 float: left;
	 
 }
 
.nav_right_outer	{
	 background: url(../images/navbar.png) -25px -120px no-repeat;
	 height: 40px;
	 width: 19px;
	 margin: 0;
	 float: right;
 }
 
.nav_spacer	{
	 background: url(../images/navbar_spacer.png) repeat-x #FFF;
	 height: 40px;
	 width: 191px;
 }
 
 ul#menu	{
	width: 1024px;
	height: 40px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul#menu li {
	float: left;
}

ul#menu li a {
	background: url(../images/navbar.png) no-repeat scroll top left #FFF;
	display: block;
	height: 40px;
	position: relative;
}


ul#menu li a.nav_home {
	width: 150px;

}

ul#menu li a.nav_customers {
	width: 150px;
	background-position: -150px 0px;
}
ul#menu li a.nav_carriers {
	width: 150px;
	background-position: -300px 0px;
}
ul#menu li a.nav_contact {
	width: 150px;
	background-position: -450px 0px;
}


ul#menu li a.nav_home_active {
	background-position:0px -80px;
	width: 150px;
}
ul#menu li a.nav_customers_active {
	background-position:-150px -80px;
	width: 150px;
}
ul#menu li a.nav_carriers_active {
	background-position:-300px -80px;
	width: 150px;
}
ul#menu li a.nav_contact_active {
	background-position:-450px -80px;
	width: 150px;
}


ul#menu li a span {
	background: url(../images/navbar.png) no-repeat scroll bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;

}

ul#menu li a.nav_home span, ul#menu li a.nav_home_active span {
	background-position:0px -40px;
}
ul#menu li a.nav_customers span, ul#menu li a.nav_customers_active span {
	background-position:-150px -40px;
}
ul#menu li a.nav_carriers span, ul#menu li a.nav_carriers_active span {
	background-position:-300px -40px;
}
ul#menu li a.nav_contact span, ul#menu li a.nav_contact_active span {
	background-position:-450px -40px;
}

#content	{
   height: 100%;
   width: 940px;
   padding: 20px 20px 0 20px;
   border-left: #666 solid 2px;
   border-right: #666 solid 2px;
   margin: 0px auto;
   background: #FFF;
}


.content_heading	{
	width: 200px;
    margin: 0 auto;
	text-align: center;
}
.content_heading_home	{
	text-indent: -10000px;
	display: block;
	width: 150px;
	height: 23px;
    margin: 0 auto;
	background: url(../images/navbar.png) -20px -370px no-repeat;
}
.content_heading_carrier	{
	text-indent: -10000px;
	width: 150px;
	height: 25px;
    margin: 0 auto;
	background: url(../images/navbar.png) -20px -394px no-repeat;
}
.content_heading_customers	{
	text-indent: -10000px;
	width: 180px;
	height: 25px;
    margin: 0 auto;
	background: url(../images/navbar.png) -20px -420px no-repeat;
}
.content_heading_contact	{
	text-indent: -10000px;
	width: 150px;
	height: 25px;
    margin: 0 auto;
	background: url(../images/navbar.png) -20px -445px no-repeat;
}
.content_heading_proof	{
	text-indent: -10000px;
	width: 270px;
	height: 27px;
    margin: 0 auto;
	background: url(../images/navbar.png) -198px -399px no-repeat;
}
.content_heading_request	{
	text-indent: -10000px;
	width: 270px;
	height: 27px;
    margin: 0 auto;
	background: url(../images/navbar.png) -198px -444px no-repeat;
}

.billing_heading	{
	text-indent: -10000px;
	width: 150px;
	height: 30px;
	margin: 0 auto;
	background: url(../images/navbar.png) -198px -369px no-repeat;
}

.comp_profile	{
   width: 370px;
   margin: 0 auto 0 auto;
   text-indent: 20px;
   height: 550px;
}

#billing_info	{
	width: 400px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.form	{
	float: left;
	margin: 0 20px 0 20px;
	height: 550px;
	font-size: 14px;
	width: 220px;
}

#content_heading {
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

.form ul	{
   list-style: none;
   display: block;
   margin: 0;
   padding: 0;
}

.form ul li	{
	margin: 0 0 10px 0;
}


#current_load_list	{
   list-style: none;
   font-size: 11px;
   margin: 0;
   padding: 0;
   width: 100%;
   float: left;
   height: auto;
   min-height: 300px;
}

#current_load_list li	{
   float: left;
   margin: 0;
   padding: 0;
}

#current_load_list h2	{
	background: #003fff;
	color: white;
	padding: 0 10px 0 10px;
	width: 920px;
	display: block;
}

#current_load_table	{
	width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#semi_dock {
	width: 218px;
	height: 145px;
	margin: 20px 0 0 0;
	float: right;
	background: url(../images/semi_dock.png) no-repeat;
	border: 1px solid #333;
}

#new_customers	{
	width: 220px;
	height: 105px;
	margin: 0 0 0 0;
	float: right;

}
#new_customers a {
	display: block;
	width: 220px;
	height: 105px;
	background: url(../images/navbar.png) 0 -160px no-repeat;
}
#new_customers a:hover {
	background: url(../images/navbar.png) 0 -265px no-repeat;
}

#new_request	{
	width: 220px;
	height: 105px;
	margin: 20px 0 0 0;
	clear: right;
	float: right;
	
}

#new_request a	{
	width: 220px;
	height: 105px;
	display: block;
	background: url(../images/navbar.png) -225px -160px no-repeat;
}

#new_request a:hover	{
	background: url(../images/navbar.png) -225px -265px no-repeat;
}

#quote_link {
	margin: 20px 0 0 0;
}

#quote_link a {
	display: block;
	width: 220px;
	height: 40px;
	background: url(../images/navbar.png) -450px -160px no-repeat;
}

#quote_link a:hover	{
	background: url(../images/navbar.png) -450px -200px no-repeat;
}

#proof_link {
	margin: 20px 0 0 0;
}

#proof_link a {
	display: block;
	width: 220px;
	height: 40px;
	background: url(../images/navbar.png) -450px -240px no-repeat;
}

#proof_link a:hover {
	background: url(../images/navbar.png) -450px -280px no-repeat;
}

#cust_sat	{
	width: 220px;
	height: 220px;
	background: url(../images/customer_satisfaction.png) no-repeat;
	float: right;
	margin: 20px 0 0 0;
}

#cust_love	{
	width: 218px;
	height: 146px;
	background: url(../images/customer_love.png) no-repeat;
	border: 1px solid #666;
	float: right;
	margin: 20px 0 0 0;
}

#white_truck {
	width: 218px;
	height: 141px;
	background: url(../images/white_truck.png) no-repeat;
	border: 1px solid #666;
}
	

#current_load_link {
	margin: 20px 0 0 0;
}

#current_load_link a	{
	width: 220px;
	height: 40px;
	display: block;
	text-indent: -10000px;
	background: url(../images/navbar.png) -80px -120px no-repeat;
}

#current_load_link a:hover {
	background: url(../images/navbar.png) -305px -120px no-repeat;
}

#contact_support {
	float: right;
	width: 218px;
	background: url(../images/contact_support.jpg) no-repeat;
	height: 165px;
	margin: 20px 0 0 0;
	border: 1px solid #333;
}

#gidget	{
	width: 220px;
	background: url(../images/gidget.jpg) no-repeat;
	height: 40px;
	font-size: 12px;
	padding: 180px 0 0 0;
	text-align: center;
}

#gidgetandi	{
	width: 220px;
	background: url(../images/gidgetandi.jpg) no-repeat;
	height: 40px;
	margin: 0;
	font-size: 12px;
	padding: 370px 0 0 0;
	text-align: center;
}
	

#contact_info	{
	margin: 0 auto;
	width: 400px;
	height: 230px;
}

#customer_info	{
	margin: 0 0 0 40px;
	width: 400px;
	height: 600px;
	float: left;
	text-indent: 20px;
}
#carrier_info	{
	width: 400px;
	height: 500px;
	margin: 0 auto;
}

#cust_setup	{
	width: 250px;
	height: 250px;
	float: left;
	margin: -80px 0 0 0;
}

#content_left	{
	width: 220px;
	height: 600px;
	float: left;
}

#content_left h2 {
	background: #003fff;
	color: white;
	padding: 0 10px 0 10px;
	width: 200px;
	display: block;
	font-size: 16px;
}

#content_left p {
	padding: 0 0 0 10px;
}

#adds	{
	float: right;
	width: 220px;
}

#footer	{
	text-align: center;
	font-size: 10px;
	color: #666;
    height: 150px;
    margin: 120px 0 0 0;
    width: 100%;
	padding: 10px 0 0 0;
	position: relative;
	clear: both;
}

#footer address	{
	font-size: 14px;
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul	{
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer ul li	{
	display: inline;
	margin: 0 20px 0 20px;
}
#footer ul li a {
	color: #003fff;
}

#footer p	{
	margin: 20px 0 0 0;
}