/* @override http://www.specialtyfreight.com/dev/_css/common.css */

@import url("./whitespace-reset.css");

/*
 				
====  ©2008 ---------. ====
====  All Rights Reserved.                 ====
====  Design: Brown Dog Creative           ====

*/






/* LAYOUT ==================================================================
============================================================================
*/



* { padding: 0; margin: 0; }
	 
a { color: #9b9b9b; outline:none; }
a:hover { text-decoration: underline; }

.clear{
	clear: both;
}

img { display: block; }

body{
	background: url(../_images/bg_body.gif) repeat;
}
#sitewrapper {
	width: 933px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	 }
	 
#header {
	width: 933px; }
	
	#header-lft{
	width: 327px;
	float: left;
}
	#header-lft #logo_lft {
		width: 190px;
		height: 82px;
		padding: 40px 0 36px 42px;
		}
		#header-lft #logo_lft a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -9999px;
			background: transparent url(../_images/logo_sfc.gif) no-repeat 0 0; }
			
	#header-cntr{
	width: 283px;
	float: left;
}
	#header-cntr img{
	margin: 30px 0 7px 2px;
}
	#header-cntr p{
	width: 283px;
	height: 18px;
	text-indent: -9999px;
	background: transparent url(../_images/img_number.gif) no-repeat 0 0; }
	
	#header-rt{
	width: 323px;
	float: right;
}
	#header-rt #logo_rt {
		width: 225px;
		height: 82px;
		padding: 40px 0 0 57px;
		}
		#header-rt #logo_rt a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -9999px;
			background: transparent url(../_images/logo_drawcouriers.gif) no-repeat 0 0; }


	#order{
	height: 41px;
	background: url(../_images/bg_order_info.gif) repeat-x;
	clear: both;
	color: #fff;
}
	 #order p.lft{
		float: left;
		width: 328px;
		text-align: right;
		margin: 13px 31px 0 0;
}
	#order p.center{
	float: left;
	width: 212px;
	height: 41px;	
}
		#order p.center a{
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			background: url(../_images/btn_order.gif) no-repeat;
}

	#order p.rt{
	float: right;
	width: 327px;
	margin: 13px 0 0 33px;
}	

#content-area{
	clear: both;
}	
	#side-nav{
	float: left;
	width: 207px;
}
		#side-nav ul#navigation{
		margin: 7px 0 0 13px;
}
		#side-nav ul#navigation li{
		width: 184px;
		height: 30px;
		margin-bottom: 5px;
	background: url(../_images/btn_nav.gif) 0 0 no-repeat;
}
		#side-nav ul#navigation li a{
		display: block;
		color: #fff;
		text-transform: uppercase;
		text-align: right;
		padding: 7px 20px 0 0;
		}
		
		#side-nav ul#navigation li a:hover{
		text-decoration: none;
		color: #ccc;
		display: block;
		background-position: -30px 0;
}
		
	#main-content{
	float: right;
	width: 708px;
	margin: 10px 18px 0 0;
	display: inline;
	
}
	#main-content.home{
	background: url(../_images/bg_main.gif) repeat-x;
	height: 325px;
	border-top: 1px solid #9b9b9b;
}
		#main-content.home img{
		float: right;
		margin: 20px 2px 5px 0;
		display: inline;
		border: 1px solid #9b9b9b;
}
		#main-content.home p{
		width: 147px;
		color: #06357a;
		margin-left: 10px;
		margin-top: 2px;
}

		#main-content.home h2{
		color: #e31936;
		padding: 17px 0 0 10px;
}
		#main-content.home h2 a{
		color: #e31936;
}
		.map{
		margin: 0 0 0 22px;
		color: #06357a;
}
		#main-content.home ul{
		margin-left: 12px;
}
		#main-content.home ul li{
		margin-bottom: 2px;
		color: #06357a;
		list-style-type: disc;
		list-style-position: inside;
}
		#main-content.home ul li a{
		color: #06357a;
}
		
		div.bckt-1{
		float: left;
		width: 242px;			
		height: 325px;
	background: url(../_images/border-left.gif) no-repeat 0 0;
}	
		div.bckt-2{
		width: 242px;
		height: 325px;
		float: left;
}
		div.bckt-3{
		float: right;
		width: 223px;
		height: 325px;
		background-image: url(../_images/img_dropbox.jpg);
}
		div.inner-bckt{
		width: 196px;
		height: 251px;
		background-color: #fff;	
		margin: 22px 0 0 35px;
}
		div.inner-bckt2{
		width: 224px;
		height: 251px;
		background-image: url(../_images/bg_inner-bckt2.gif);
		margin: 22px 0 0 18px;
}

		
			
/* TYPOGRAPHY ==============================================================
============================================================================
*/

body {
	font-size: 12px;
	font-family: "Lucida Grande", Arial, Sans-serif;
	text-align: center; /*do not remove*/
	}

h1 {
	font: 19px/1.2em "Arial", Lucida Grande, Sans-serif;
	color: #06357a; 
	padding-bottom:  10px;}
h2 {
	font: 16px/1.5em "Arial", Lucida Grande, Sans-serif;
	color: #06357a;
}
h3 {
	font: 15px/1.5em "Lucida Grande", Arial, Sans-serif;
	color: #e31936; 
	padding: 10px 0 5px 39px;}

h4 {
	font: bold 12px/1.5em "Lucida Grande", Arial, Sans-serif;
	color: #06357a; 
	padding-bottom: 3px;
	}	

p {
	font: 12px/18px "Arial", Lucida Grande,  Sans-serif;
}

.red{
	color: #e31936;
}
.grey{
	color: #9b9b9b;
}
/* INNER PAGE STYLES ============================================================
============================================================================
*/
#main-content #content{
	color: #06357a;
	margin-bottom: 20px;
}	 
#main-content #content p{
	font-size: 12px;
	color: #06357a;
	margin-left: 40px;
	padding-right: 150px;
	margin-bottom: 10px;
}
#main-content #content h1{
	margin-top: 40px;
	margin-left: 40px;
}
#main-content #content h4{
	margin-left: 40px;
}
#main-content #content ul{
	margin-left: 55px;
	padding-right: 150px;	
}
#main-content #content ul li{
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 5px;
}

#main-content #content ul li a{
	color: #06357a;
}
#main-content #content ul.no-disc{
	margin-left: 40px;
}
#main-content #content ul.no-disc li{
	list-style-type: none;
}

#main-content #content ol{
	margin-left: 58px;
	padding-right: 150px;
}
#main-content #content ol li{
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 5px;

}
#main-content #content form{
	margin-left: 40px;
}
/* navigation -------------------------------------- */

		











/* footer -----------------------------------------------*/
#footer {
	clear: both;
	width: 933px;
	border-top: 4px solid #e31936;
	margin-top: 20px;
}
	 

#global{
	float: right;
}
#global ul{
	margin: 3px 18px 0 0; }
	
	#global ul li  {
		display: inline;
		margin: 0;}
	
	#global ul li a { 
		color: #e31936;
		text-transform: uppercase;
		padding: 0 5px 0 5px; }
		
#global p{
	font-size: 11px;
	color: #a7a7a7;
	text-align: right;
	margin: 5px 22px 0 0; 	
}	

#global p a{
	color: #06357a;
}		
#affiliations{
	width: 933px;
	clear: both;
	padding-bottom: 20px;
	background: url(../_images/bg_affiliations.gif) no-repeat center 38px;
}
	
#affiliations h2{
	text-indent: -9999px;
}
#logos{
	width: 705px;
	height: 160px;
	margin-left: 115px;
	margin-top: 35px;
	padding: 0;
	
}
#logos img{
	float: left;
}