/* Page Structure*/

@import url("../css/content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */
	body {
		margin: 0;
		padding: 0;
		background: url(../images/generic/body_bg.jpg) 0 0 repeat-x;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		min-width: 780px;
		max-width: 1000px;
		margin: 0 auto;
		border: 1px solid #E9E9E9;
		border-top: 0;
		padding-top: 52px;
		background: url(../images/generic/content_bg.jpg) 0 100% repeat-x;
		}
	.container2{
		background: url(../images/generic/leftcolBg.gif) 0 0 repeat-y;
		height:1%;
		}
	.container3{
		background: url(../images/generic/2col_bg.jpg) 100% 0 repeat-y;
		}
	.home .container{
		/*background:none;*/
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		display: block;
		clear: both;
		}

/* 2 :-------- Header ------------ */

	.header {
		position: relative;
		min-width: 780px;
		max-width: 1000px;
		margin: 52px auto 0;
		height: 271px;
		overflow: hidden;
		background: url(../images/banner/header_banner_lower.jpg) 100% 0 no-repeat;
		}
		
	a.mainLogo {
		position: absolute;
		text-indent: -9999px;
		top: 73px;
		right: 55px;
		width: 200px;
		height: 113px;
		}
		
	.header h1 {
		position: absolute;
		top: 31px;
		left: 27px;
		width: 220px;
		font-size: 2.4em;
		text-transform: uppercase;
		}
		
	.searchButton {
		position: absolute;
		top: 0;
		right: 0;
		}
		
	.searchInput {
		position: absolute;
		top: 3px;
		right: 74px;
		width: 190px;
		padding: 2px 3px 0;
		border: 0;
		font-size: .95em;
		background-color: transparent;
		}		

	
	/* home page */

	.home .header {
		height: 205px;
		}
	
	.homeHeaderCon {
		background: url(../images/generic/homeHeaderCon_bg.jpg) 0 0 repeat-x;
		}
		
	.homeHeader {
		min-width: 780px;
		max-width: 1000px;
		margin: 0 auto;
		background-color: #000;
		height: 345px;
		overflow: hidden;
		text-align:left;
		}
		


/* 3 :-------- Main Nav ------------ */

	#mainNav {
		position: relative;
		}

	#mainNav ul {
		margin: 0;
		margin-top: 205px;
		padding: 0;
		list-style: none;
		height: 66px;
		background: url(../images/nav/mainNav_ul_bg.gif) 0 0 repeat-x;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		height: 66px;
		text-indent: -9999px;
		background-position: 0 0;
		background-repeat: no-repeat;
		}
		
	#mainNav li.level01On a,
	#mainNav a:hover 
	{
		background-position: 0 -66px;
		}
		
/* nav backgrounds*/
			
	#mainNav .nav1 {width:87px; background-image: url(/images/nav/nav-home.gif);}
	#mainNav .nav2 {width:120px; background-image: url(/images/nav/nav-about.gif);}
	#mainNav .nav3 {width:148px; background-image: url(/images/nav/nav-transp.gif);}
	#mainNav .nav4 {width:140px; background-image: url(/images/nav/nav-driversownerdrivers.gif);}
	#mainNav .nav5 {width:142px; background-image: url(/images/nav/nav-log.gif);}
	#mainNav .nav6 {width:142px; background-image: url(/images/nav/nav-serviceprovider.gif);}
	

	.sideNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.sideNav li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.sideNav a {
		display: block;
		color: #424242;
		padding: 8px 5px 8px 15px;
		font-size: .95em;
		text-decoration: none;
		text-transform: uppercase;
		border-bottom: 1px solid #E9E9E9;
		background: url(../images/nav/li_on.jpg) 0 11px no-repeat;
		}
		
	.sideNav a:hover,
	.sideNav li.level01On a {
		color: #8CD332;
		text-decoration: none;
		}
		
	.sideNav ul ul {
		display: none;
		}
		
	.sideNav .level01On ul {
		display: block;
		}
		
	.sideNav li.level01On li a {
		color: #A8A8A8;
		padding: 5px 5px 5px 27px;
		background: url(../images/nav/nav_li_li.gif) 15px 10px no-repeat;
		}
		
	.sideNav .level01On li a:hover,
	.sideNav li.level01On li.level02On a {
		color: #343434;
		background: url(../images/nav/nav_li_li-on.gif) 15px 10px no-repeat;
		}

	
/* 4 :-------- Content ------------ */

	.leftCol {
		float: left;
		padding: 0 24px;
		width: 160px;
		margin-bottom: 70px;
		/*margin-bottom:20px;*/
		}
	
	#content {
		margin-left: 208px; /* adjust to leftCol width */
		/*background: url(../images/generic/content_bg.jpg) 0 100% repeat-x;*/
		}
		
	/* home page */
	
	.home #content {
		margin: 0;
		background: url(../images/generic/homePanelA_bg.gif) 0 0 repeat-y;
		}
		
	.homePanelA {
		float: left;
		width: 159px;
		padding: 0 24px ;
		}

	.homePanelA .oneColumnPanel {
		float: none;
		padding: 0 0 30px;
		}
		
	.homePanelB 
	{
		float:none;
		padding-left: 228px;
		padding-right: 270px;
		
		}
		
	.homePanelC {
		float: right;
		width: 202px;
		padding: 0 22px 0 38px;
		}


	/* one col content */
		
	.oneColumnPanel {
		/*float: left;*/
		padding: 0 25px 70px 20px;
		background: #fff url(../images/generic/content_bg.jpg) 0 100% repeat-x;
		/*width:747px;*/
		margin-left:0px;
		height:1%;
		}
		
	/* 2 col content */
	
	.twoColumnPanelA {
		padding: 0 230px 130px 20px;
		padding-bottom:30px;
		/*float:left;*/
		/*margin-left:208px;*/
		/*background: url(../images/generic/2col_bg.jpg) 100% 0 repeat-y;*/
		}
	
	.twoColumnPanelB {
		float: right;
		width: 187px;
		padding: 0 10px;
		/*margin-bottom: 130px;*/
		}
	
	/* contactPage */
		
	.contactPage #content {
		margin: 0 25px;
		margin:0;
		background: none;
		}
		
	.contactPage .twoColumnPanelA {
		width: 245px;
		margin: 0 0 0 60px;
		padding: 0 0 0px 0;
		background: none;
		}
		
	.contactPage .twoColumnPanelB {
		float: right;
		width: 350px;
		padding: 0 25px 40px;
	    margin: 0 60px 0 0;
		background: #EAEAEA url(../images/generic/contactR_bg.gif) 0 0 repeat-x;
		}	
			
	/* 3 col content */
	
	.threeColumnPanelA {
		float: left;
		display: inline;
		width: 28%;
		margin: 0 3% 70px 15px;
		overflow: hidden;
		}
	
	.threeColumnPanelB {
		float: left;
		display: inline;
		width: 28%;		
		margin-right: 3%;
		margin-bottom: 70px;
		overflow: hidden;
		}
	
	.threeColumnPanelC {
		float: left;
		display: inline;
		width: 30%;		
		margin-right: 10px;
		margin-bottom: 70px;
		overflow: hidden;
		}
		

/* 5 :-------- Footer ------------ */

	.footer {
		min-width: 732px;
		max-width: 952px;
		margin: 0 auto 50px;
		clear: both;
		padding: 10px 24px;
		color: #CDCDCD;
		text-align: right;
		font-size: .95em;
		text-transform: uppercase;
		background-color: #fff;
		white-space: nowrap;
		}
	
	.footer ul {
		float: left;
		margin: -10px 0 0;
		padding: 0;
		}
	
	.footer li {
		display: inline;
		margin: 0 0px 0 0;
		padding: 0;
		list-style: none;
		}
		
	.footer a {
		float: left;
		color: #A4A4A4;
		padding: 10px 5px 0;
		}
		
	.footer li.level01On a,
	.footer li a:hover {
		color: #272727;
		text-decoration: none;
		background: url(../Images/generic/footer_a_bg.gif) 0 0 repeat-x;
		}
		
	.footer a.siteBy {
		float: none;
		margin: 0 0 0 8px;
		}