/*  
   Copyright FleetDirections 2009 
   Description: Used for Catlin homepage
   Author: J.White
   Version: 1.1
 
=1 Global
=2 Links
=3 Headings
=4 Header
=5 Navigation
=6 Middle
=7 Form
=8 Footer
=9 Extras
=8 Hacks


/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
/* --------------------------------------------------------------------*/     
/* =1 Global ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

body{
	background-color:#ffffff;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;}

#wrapper {
	background-color:#FFFFFF;
	margin:10px auto;
	position:relative;
	text-align:left;
	width:926px;
	height:600px;
	min-height:600px;}

/* --------------------------------------------------------------------*/     
/* =2 Links ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#topnav a, #topnav a:link {
	color:#462425;
	text-decoration:none;
	font-weight:bold;}

#ltcol a, #ltcol a:link{
	font-weight:bold;
	color:#5F7F8D;
	font-size:85%;
	text-decoration:none;}
	
#ltcol a:hover, #ltcol a:visited:hover{
	text-decoration:underline;}
	
#midcol a, #midcol a:link {
	font-weight:bold;
	color:#5F7F8D;
	font-size:110%;
	text-decoration:none;
	}
	
#midcol a:hover, #midcol a:visited:hover {
	text-decoration:underline;}
	
#midcol2 a, #midcol2 a:link {
	font-weight:bold;
	color:#5F7F8D;
	font-size:85%;
	text-decoration:none;
	}
	
#midcol2 a:hover, #midcol2 a:visited:hover {
	text-decoration:underline;}

#rtcol a, #rtcol a:link {
	font-weight:bold;
	color:black;
	font-size:85%;
	text-decoration:none;
	}

#rtcol a:hover, #rtcol a:visited:hover {
	text-decoration:underline;
	}
#loginText a, #loginText a:link {
	color:black;
	text-decoration:none;
	}	
	
#loginText a:hover, #loginText a:visited:hover {
	text-decoration:none;
	}
#rotate a, #rotate a:link{
	color:white;
	text-decoration:none;}

#rotate a:hover, #rotate a:visited:hover{
	color:white;
	text-decoration:underline;}
/* --------------------------------------------------------------------*/     
/* =3 Headings---------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#news h1 {
	font-size:105%;
	padding-left:10px;}
#ltcol h1 {
	font-size:120%;
	padding-top:20px;}
	
#midcol h1{
	font-size:100%;
	padding-top:20px;
	}
#midcol2 h1 {
	font-size:110%;
	padding-top:20px;}
#leftbox h1 {
	font-size:280%;
	color:#DF0134;
	font-weight:normal;
	width:auto;
	padding:40px 80px 0px 80px;
	text-align:center;}
	
#leftbox h2 {
	font-size:140%;
	padding:5px 0px 0px 80px;
	color:#DF0134;
	font-weight:bold;
	width:auto;}
	
#midcol2 h2 {
	font-size:100%;
	color:#5F7F8D;
	margin:10px 0;}

 #rtcol h1 {
	 color:black;
	 font-size:80%;
	 margin:100px 0px 0px 0px;
	}

/* --------------------------------------------------------------------*/     
/* =4 Header ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

/* --------------------------------------------------------------------*/     
/* =5 Navigation ------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#topnav {
	clear: right;
	padding: 25px 0 0px; 
	width:100%;
	font-size:75%;
}

/* to stretch the container div to contain floated list */

#topnav :after {
	content:"";
	display: block;
	line-height: 1px;
	clear: both;
}

#topnav img {vertical-align:bottom;}

#topnav ul {list-style-type: none;}

#topnav ul li {
	float: left;
	/*width:117px;*/
	width:auto;
	margin: 0 16px 10px 0;
	
}
#topnav ul li.lasttopnav {
	width:128px;
	margin-right:0;
}
/* styles the top navigation */
#topnav ul li a {
	display:block;
	border-right:2px solid #df0134;
	text-decoration: none;
	background-color:white;
	padding-right:10px;
}
/* styles the top navigation dropdowns */
#navlist ul {
	}

#navlist ul li {
	margin:0;
	line-height:1.3em;
	width:15.5em;
	text-indent:5px;
	}

#navlist ul li a, #navlist ul li a:link {
	border:none;
	background-color:#bfbaa7;
	border-bottom:1px solid white;
	margin:0;
	font-weight:bold;
	padding:2px 0px 2px 0px;
	}
#navlist ul li sub {
	font-size:90%;
	float:left;
	padding-top:4px;
	margin-left:-5px;
	}
#navlist ul li span{
	float:left;}
#navlist ul li a:hover, #navlist ul li a:visited:hover {
	font-weight:normal;
	text-decoration:none;
	background-color:#7e6667;
	color:white;
	font-weight:bold;
	}
#navlistSUB1 ul {	
	width:100%;}
	
#navlistSub ul {
	width:100%;
	margin-left:3px;}
	
#navlistSub ul {
	margin:-5px 0px 0px 2px;}
	
#navlistSub ul li {
	text-indent:10px;}
	
#navlistSub ul li a, #navlistSub ul li a:link{}
#navlistSub ul li a:hover, #navlistSub ul li a:visited:hover{}


	
#loginText {
	margin: 10px 0px 0px 100px;
	width:auto;
	font-size:90%;
	float:left;
	color:black;}



/*#topnav {
	height:91px !important;
	width:100%;
	padding:25px 0 10px;
	margin-bottom:15px;
	border-bottom:10px solid #DF0134;
	clear:right;
	}
#topnav ul {
	list-style-type:none;}

#topnav ul li {
	float:left;
	margin:0 8px 10px 0;
	width:125px}
	
ul#topnav li a {
	border-top:9px solid #462425;
	display:block;
	text-decoration:none;
}
/*ul#navlist {
	width:100%;
	display:block;
	height:auto;
	margin:10px 0px 0px 0px;
	float:left;
	text-align:left;
	font-size:90%;}
	
ul#navlist li {
	margin:0px 0px 0px 20px;
	padding-right:20px;
	display:inline;
	width:128px;}*/
/* --------------------------------------------------------------------*/     
/* =6 Middle ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#gallery{
	width:926px;
	height:272px !important;
	background-image:url(../images/galleryAutumn.jpg);
	background-position:0% 0%;
	background-repeat:no-repeat;
	margin-top:40px;
	border-top:10px solid #DF0134;
	border-bottom:1px solid #DF0134;}
	
#leftbox p {
		font-size:90%;
		padding:150px 0px 0px 400px;
		color:white;
		font-weight:bold;
		line-height:1.1em;}
#news {
	width:100%;
	height:21px;
	background-color:#CCC;
	margin:15px 0px 0px 0px;
	background-image:url(../Images/newsBkg.jpg);
	background-position:0% 0%;
	background-repeat:repeat-x;}

#ltcol {
	width:30%;
	height:auto;
	float:left;
	margin-top:20px;
	border-right:1px solid #5F7F8D;
	font-size:80%;
	padding-right:20px;
	min-height:255px;
	padding-bottom:30px;}
	
#ltcol p {
	margin:10px 0px 0px 0px;}
#midcol{
	width:20%;
	height:auto;
	float:left;
	border-right:1px solid #5F7F8D;
	margin:20px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	min-height:255px;}
#midcol p {
	margin-top:20px;}
	
#midcol2 {
	width:20%;
	height:auto;
	float:left;
	border-right:1px solid #5F7F8D;
	margin-top:20px;
	padding:0px 20px 0px 20px;
	font-size:90%;
	min-height:255px;}
#rtcol{
	float: left;
    font-size: 90%;
    height: auto;
    margin-top: 20px;
    min-height: 255px;
    padding: 0 0 0 20px;
    width: 15%;
	background-image:url(../Images/fleetHC.jpg);
	background-position:12px 0%;
	background-repeat:no-repeat;
	
	/*width:15%;
	height:auto;
	float:right;
	margin-top:20px;
	font-size:90%;
	padding:0px 0px 0px 20px;
	background-image:url(../Images/fleetHC.jpg);
	background-position:12px 0%;
	background-repeat:no-repeat;*/
	}
#whitepapers {
    background-image: url(../Images/whitepapers1.jpg);
    background-position: 5% 0;
    background-repeat: no-repeat;
    float: left;
    font-size: 80%;
    height: auto;
    padding: 0 0 0 230px;
    width: 40%;
		}
#whitepapers h1 {
	font-size: 120%;
    padding-top: 20px;
	}	
#whitepapers a {
	color: #5F7F8D;
    font-weight: bold;
    text-decoration: none;
}
#whitepapers a:hover {
	text-decoration:underline;
}
ul#services, ul#topics {
	display:block;
	}
ul#services li{
	background-image:url(../Images/arrow.jpg);
	background-position:0% 5px;
	background-repeat:no-repeat;
	list-style:none;
	margin:10px 0px 0px 0px;
	padding-left:15px;}
	
ul#topics li{
	background-image:url(../Images/arrow.jpg);
	background-position:0% 2px;
	background-repeat:no-repeat;
	list-style:none;
	margin:10px 0px 0px 0px;
	padding-left:15px;}
ul#benchmarking {
	list-style:none;
	margin:0;
	padding:0;
	font-weight:85%;}
	
ul#benchmarking li{
	/*min-height:40px;
	height:auto;*/
	background-image:url(../Images/redarrow.gif);
	background-position:0% 3px;
	background-repeat:no-repeat;
	list-style:none;
	margin:10px 0px 0px 0px;
	padding-left:15px;}
	
	
ul#benchmarking li.co2Title, ul#benchmarking li.hcTitle{
	font-size:90%;
	background-image:none;
	margin:10px 0px 0px -17px;
	text-transform:uppercase;}
	
#rotate{
		width:195px !important;
		background-color:#a19588;
		/*background-color:#9b9893;
		font-size:100%;
		/*background-image:url(../Images/crash.jpg);
		background-position:0% 0%;
		background-repeat:no-repeat;*/
		height:272px !important;
		float:left;}
#rotate h1 {
    color: white;
    font-size: 150%;
    margin: 40px 5px 0;
    text-align: center;
	}
#rotate p {
	font-size:130%;
	color:white;
	margin:10px 10px 0px 20px;}
#video {
		width:153px !important;
		background-image:url(../Images/videoStill.jpg);
		background-position:0% 0%;
		background-repeat:no-repeat;
		height:272px !important;
		width:156px !important;
		float:left;}
#leftbox {
	width:731px !important;
	float:left}
/*
ul#benchmarking li.co2 {
	background-image:url(../Images/co2.jpg);
	background-position:0% 2px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 45px;
	margin-top:10px;}
	
ul#benchmarking li.hc {
	background-image:url(../Images/hc.jpg);
	background-position:0% 2px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 45px;
	margin:10px 0;}
	
ul#benchmarking li.env {
	background-image:url(../Images/env.jpg);
	background-position:0% 2px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 45px;}


	*/
/* --------------------------------------------------------------------*/     
/* =7 Form - ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

/* --------------------------------------------------------------------*/     
/* =8 Footer ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#footer {
	border-top:15px solid #462425;
	margin:0px;
	font-size:75%;}

ul#footerMenu {
	width:100%;
	}

ul#footerMenu li{
	display:inline;
	margin:5px 10px 0px 0px;}

#footerMenu ul a, #footerMenu a:link {
	color:#462425;
	text-decoration:none;}
	
#footerMenu ul a:hover, #footerMenu a:visited:hover {
	text-decoration:underline;}
	
#clearFooter {
	border-top:1px solid #DF0134;
	width:926px;
	height:46px !important;
	background-image:url(../Images/Galleryfooter1.jpg);
	background-position:0% 0%;
	background-repeat:no-repeat;
	margin-top:20px;}
/* --------------------------------------------------------------------*/     
/* =9 Extras ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
.imglt{
	float:left;
	width:268px;
}
.imgrt{
	float:right;
	width:178px;
	height:55px;
	margin-top:6px;}
.clear {
	clear:both;}
.regOffice {
	font-size:70%;
	color:black;
	margin-top:10px;}
/* this fixes the hover over issue where the dropdown menu disappears - increases the hover space*/
#navlistSUB1 {
	/*height:250px !important;
	width:250px !important;*/
	background-color:transparent;
	margin-top:-5px;
	padding-top:10px;
	width:auto;}
.smallNumbers {
	font-size:70%;}
/* --------------------------------------------------------------------*/     
/* =10 Hacks ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/