/************************** Layout Styles ************************************/

* {
	margin: 0;
	padding: 0;
}





body {
	background-color: #fff;
	text-align: center;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #fff;
}


#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 961px;	
	background-color: #fff;
}


#load {
	display: none;
	float:left;
	background: url(../images/ajax-loader.gif) no-repeat;
	width: 16px;
	height: 11px;
	margin-left:95px;
	margin-top: 29px;
}


#header {
	position: relative;
	width: 100%;
	height: 30px;
	background:#000;
}

h1 {
	font: normal 28px/28px Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom:4px;
}

#visit {
	position: relative;
	float: right;
	margin-top:-27px;
	margin-right:77px;
	
}

#logo {
	position: relative;
	float:right;
	margin-top: -175px;
	margin-right: 147px;
	clear:both;
}

#nav {
	padding-top: 26px; 
	padding-left: 285px;
}

#nav ul {
	position: relative;
	margin: 0;
	padding: 0;	
	list-style: none;
	width: 961px;
}

#nav ul li {
	float: left;
	padding-left: 33px;	
}

#nav ul a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}

#nav ul a:hover {
	color: #2A9DC9;
	text-decoration: none;
	font-weight: bold;
}

#nav ul a.highlight {
	color: #2A9DC9;
	text-decoration: none;
	font-weight: bold;
}

#copyArea{
	display: none;
}

#contentBG {
	position: relative;
	background: #fff url(../images/bkgd_con-wayfreight2.jpg) 0 0 no-repeat;
	width:961px;
	height: 693px;
	overflow:hidden;
}


#contentTop {
	position:relative;
	float:left;
	width:446px;
	margin-top:-25px;
	height:25px;
	background: url(../images/fadebox/top.png) no-repeat;
}

#contentBody {
	position:relative;
	float:right;
	width:446px;
	margin-top:-600px;
}

#contentMiddle {
	
	width:446px;
	background: url(../images/fadebox/middle.png) repeat-y; 
}

#contentBottom {
	position:relative;
	float:right;
	width:446px;
	height:25px;
	background: url(../images/fadebox/bottom.png) no-repeat;
}


.contentHide div {
	width:310px;
}

.contentHide {
 	padding-left:120px;
 	padding-right:30px;	
}

.contentHide ul {
 	padding-left:20px;
 	padding-right:30px;	
}

.contentHide p a{
	font-weight: bold;
}

.contentHide {
	display:none;
}




#footer {
	position: absolute;
	clear: both;
	width: 961px;
	text-align: left;
	color: #fff;
	line-height: 30px;
	margin-top:-101px;
}

#footernav {
	margin-top: -5px;
	margin-left: 250px;
}

#footernav ul {
	position: relative;
	margin: 0;
	padding: 0;	
	list-style: none;
	width: 961px;
}

#footernav ul li {
	float: left;
	padding-left: 83px;	
	
}

#footernav ul a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
	font-size: 14px;
}

#footernav ul a:hover {
	color: #2A9DC9;
	text-decoration: none;
	font-weight: bold;
}

#footernav ul a.highlight {
	color: #2A9DC9;
	text-decoration: none;
	font-weight: bold;
}



/************************** Common Styles ************************************/

p {
	padding-top: 5px;
	padding-bottom: 5px;
}


h2 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom:0px;
	text-transform: uppercase;
}



 h3{
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom:4px;
	padding-top:10px;
}
 h4{
	font: bold 14px/12px Arial, Helvetica, sans-serif;
	color: #501814;
	padding-bottom:24px;
}

 a{
	color: #fff;
	text-decoration: none;
	position: relative;
}

.red {
	color: #8e1b19;
}

a:hover  {
	color:#2A9DC9;
	text-decoration: none;
}

.line {
	color: #fff;
	font-size:14px;
}

.underline {
	text-decoration: underline;
}

.indent {
	padding-left:30px;
}

.indent2 {
	padding-right:30px;
}

.right {
	float: right;
}

.left {
	float: left;
}