/*
FreightLink 

 * Main Styling
 * Date: January 2010
 * Author: Andrea Rawlings

*/


/*******************/
/****** Main ******/
/*****************/

* { padding: 0; margin: 0; outline: 0; }
html, body, #shell {height: 100%;}

/***** Footer Ducktape *****/
body > #shell {height: auto; min-height: 100%;}
#main {padding-bottom: 195px;}  /* must be same height as the footer (height + padding) */
#shell {width:960px;padding: 0 10px; margin: 0 auto; text-align:left;}

body { 
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:100%;
	background: url(img/head-bg.gif) repeat-x #ECECEC;
}

a img { border: 0; }
a { text-decoration: none; cursor: pointer; color:#0F398C;}
a:hover { text-decoration: underline;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}

.weight_300 {font-weight:300}
.weight_400 {font-weight:400}
.weight_700 {font-weight:700}


/*******************/
/***** Layout *****/
/*****************/

.wrapper {width:960px; padding: 0 10px; margin: 0 auto; text-align:left;}
.col {margin: 0 10px; float:left;}
.grid3 {width: 220px;}
.grid4 {width: 300px;}
.grid8 {width: 600px;}
.grid9 {width: 700px;}
.sidebar {padding-top:54px;}

#header {height:131px;}
#header form {float:right;padding: 15px 0 0 0;}
#header .logo {float:left;}


/* Tracking box */
#tracking-form {width:450px;}
#tracking-form label {float: left; font-size: 11pt; padding: 0 15px; color:white;font-weight:bold;}
#tracking-form #tracking-button {background:url(img/tracking-button.png); width:46px; height: 25px;
cursor: pointer; text-decoration: none; color: #fff; text-shadow: 0 1px 0 #000; -webkit-text-shadow: 0 1px 0 #000; -moz-text-shadow: 0 1px 0 #000; font: bold 10pt Arial, Helvetica, sans-serif; border:0;padding-bottom:3px;}
#tracking-form #tracking-field {background: url(img/tracking-field.gif) no-repeat 0 0; width: 200px; height: 16px; padding:5px; float: left;}
#tracking-form #tracking-field input {float: left; width: 200px; height: 16px; border: 0; background: transparent; color: #1d1d1d; font-size: 11px; font-family: arial, sans-serif; color:#000;padding:1px 5px;color: #959595;}
#tracking-form #tracking-field input.selected {color: black;}
/* #tracking-form #tracking-field input.selected {color: #959595;} */



#nav {list-style:none;float:right; position:absolute; top:68px; margin-left:300px; *margin-left:50px;/*IE7<*/}
#nav li {float:left;font-size: 13pt bold;padding: 5px 15px;height:18px;font-weight:bold;}
#nav li a {color:#000;}
#nav li a:HOVER {text-decoration: none;color:#0F398C;}
#nav li.selected {background:url(img/nav-bg.gif) repeat-x;-moz-border-radius: 35px; -webkit-border-radius: 35px;}

.col2 {margin:0;padding:0;width:100%;}
.col2 li {float:left;width: 45%;padding-right:10px;}

#contactform label {color:#777;font-size: 16px;cursor:pointer;}
#contactform input[type="text"], #contactform textarea {color: #555;border: 1px solid #E5E5E5; font-size: 14px; width: 97%; background: #F8F8F8;font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;padding:10px;}
#contactform p {margin-bottom: 10px;}
#contactform .button-primary {border: 1px solid #6EAF40;cursor: pointer;font-size: 12px;margin-top: -3px;padding: 3px 10px 5px;text-decoration: none;	background:#F5821F;	border-color:#F5821F; color:#FFFFFF; font-weight:bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);}


#body { height:100%; }
#footer {
	background: url(img/footer-border-top.gif) repeat-x #DBDBDB;
	height:150px;
	padding: 30px 0 15px 0; 
	bottom: 0; 
	width:100%;
	margin-top: -165px; /* negative value of footer height (height + padding) */
	position: relative;
	clear:both;
}
#footer .nav {width: 100%; list-style:none;margin:0;padding:0;}
#footer .nav li {float:left;width:120px;margin-bottom: 18px;font-weight:600;margin-left:0;}
#footer h4 {font-size: 22px; font-weight: normal;}

/**** Fixes ****/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	height: 25px;
}
.ducktape:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.ducktape {display: inline-block;}
/* Hides from IE-mac \*/
* html .ducktape { height: 1%;}
.ducktape {display: block;}
/* End hide from IE-mac */