@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}

body {
	background: #191919; 
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}

p, h1, h2, h3 { margin: 0 0 20px 0; }

p { font: 11px/20px Geneva, Arial, Helvetica, sans-serif;}

h1 { font: 20px/20px "Times New Roman", Times, serif;
	color: #fff;
	/*padding-top:40px;*/
}

#driver_wrap h1 a:link, #driver_wrap h1 a:visited, #driver_wrap h1 a:hover {
	text-decoration: none;
	color: #fff}

#driver_wrap h1 {
font: 20px/20px "Times New Roman", Times, serif;
padding-top:0px;
margin: 0 0 10px 0;
}

#driver_wrap h2 a:link, #driver_wrap h2 a:visited, #driver_wrap h2 a:hover {
	text-decoration: none;
	color: #ffe19a}


.h1_left {
	display: block;
	padding: 30px 0 10px 10px;
	background:url(../images/ui/h1_left_bg.jpg) no-repeat bottom left;
}

.h1_left_blank {
	display: block;
	padding: 30px 0 10px 10px;
	background:url(../images/ui/h1_left_blank_bg.jpg) no-repeat bottom left;
}


.h1_right {
	display: block;
	padding: 30px 0 10px 10px;
	background:url(../images/ui/h1_right_bg.jpg) no-repeat bottom left;
}

.h1_right_blank {
	display: block;
	padding: 30px 0 10px 10px;
	background:url(../images/ui/h1_right_blank_bg.jpg) no-repeat bottom left;
}


h2 { font: 14px/20px "Times New Roman", Times, serif; color: #ffe19a;
	margin-bottom: 0px;}
	
.vacancies { margin-bottom: 20px;}

#driver_wrap h2 {
font: 14px/20px "Times New Roman", Times, serif; color: #ffe19a;
padding-top:0px;
}
	
h3 { font: bold 11px/20px Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;} 
h4 { font: bold 10px/20px Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;} 

#columnWrap a:link, #columnWrap a:visited { color: #ffe19a; }
#columnWrap a:hover { color: #fff; }

#nav a, #legalNav a {
	outline: none;
}
#nav a:link, #nav a:visited { color: #fff; }
#nav a:hover, #nav a:active, #nav a:focus { color: #ffe19a; }

#legalNav a:link, #legalNav a:visited { color: #fff; }
#legalNav a:hover { color: #ffe19a; }

#nav .tabOn a:link, #nav .tabOn a:visited, #legalNav .tabOn a:link, #legalNav .tabOn a:visited { color: #ffe19a; }

a:link, a:visited, a:hover { text-decoration: none; }
a:link, a:visited { color: #ffe19a; }
a:hover { color: #ffe19a; }

.portfolio_column_wrap p{
padding-top: 0px} /*WAS 75PX*/

.clrFloats { clear: both; }

/* body stuff ---------------------------------------------------------------------------------------------------- */

#pgOuter {
	background: url(../images/ui/bg_repeat.jpg) repeat-y;
	background-position:center;
	
}

#pgInner {
	margin:auto;
	border: 1px solid #565656;
	border-bottom: none;
	border-top: none;
	background: url(../images/ui/inner_bg.png) repeat-y #10151E;
	width: 1000px;
}

#mantle {
	height: 480px;
	background: #1f1f1f url(../images/ui/mantle_bg.jpg);
	border-bottom: 1px solid #565656;
}

#nav{
	height: 35px;
	background: #1f2533 url(../images/ui/nav_bg.gif) repeat-x;
}

#nav ul li{
	float: left;
	display: block;
	background: url(../images/ui/nav_divider.gif) no-repeat top right;
	font: bold 11px Geneva, Arial, Helvetica, sans-serif;
}

#nav ul li a{
	display:block;
	padding: 10px 20px 10px 20px;
}

#legalNav{
	height: 35px;
	background: #2c2c2c url(../images/ui/legalNav_bg.gif) repeat-x;
}

#legalNav ul li{
	float: left;
	display:block;
	background: url(../images/ui/legalNav_divider.gif) no-repeat top right;
	font: bold 11px Geneva, Arial, Helvetica, sans-serif;
}

#legalNav ul li a{
	display:block;
	padding: 10px 20px 10px 20px;
}


.pt_0, .pt_1, .pt_2, .pt_3, .pt_4, .pt_5, .pt_6, .pt_7, .pt_8, .pt_9, .pt_10, .pt_11, .pt_12{ height: 145px; }

.pt_0 { background: #D3D3D3 url(../images/ui/home_top_image.jpg); }
.pt_1 { background: #D3D3D3 url(../images/ui/business_top_image.jpg); }
.pt_2 { background: #D3D3D3 url(../images/ui/portfolio_top_image.jpg); }
.pt_3 { background: #D3D3D3 url(../images/ui/service_top_image.jpg); }
.pt_4 { background: #D3D3D3 url(../images/ui/faq_top_image.jpg); }
.pt_5 { background: #D3D3D3 url(../images/ui/legal_top_image.jpg); }
.pt_6 { background: #D3D3D3 url(../images/ui/testimonial_top_image.jpg); }
.pt_7 { background: #D3D3D3 url(../images/ui/careers_top_image.jpg); }
.pt_8 { background: #D3D3D3 url(../images/ui/contact_top_image.jpg); }
.pt_9 { background: #D3D3D3 url(../images/ui/survey_top_image.jpg); }
.pt_10 { background: #D3D3D3 url(../images/ui/distribution_top_image.jpg); }
.pt_11 { background: #D3D3D3 url(../images/ui/charity_top_image.jpg); }
.pt_12 { background: #D3D3D3 url(../images/ui/partnerships_top_image.jpg); }


.columns_wrap{
	margin: 20px 0 40px 0px;
	background: url(../images/ui/line.gif) repeat-y;
}

#column1 {
	float: left;
	width: 560px;
}

#column2 {
	float: left;
	width: 420px;
}

#column2padded {
	float: left;
	width: 420px;
	padding-top: 80px;
}

#distributionpader{
	float: left;
	width: 420px;
	padding-top: 240px;
}

#footer {
	height: 210px;
	background: #1f1f1f url(../images/ui/footer_bg.png) repeat-x top left;
	font: 9px Geneva, Arial, Helvetica, sans-serif; color: #fff;
}

#validation{
	text-align: center;
	padding-top: 60px;
}

.column1_ablock {
	padding:0 40px 10px 40px;
}

.column2_ablock {
	padding:0 20px 10px 40px;
}

#vidHldr {
	height: 280px;
	margin-bottom: 20px;
}

/* end of body stuff --------------------------------------------------------------------------------------------- */

/* driver stuff -------------------------------------------------------------------------------------------------- */

#driver_wrap{
	height: 170px;
	background-color: #353736;
}

.driver_inards{ padding: 20px 10px 10px 20px; }

.driver {
	float: left;
	width: 250px;
	height: 170px;
}

.driv_portfolio{ background:url(../images/ui/driver_portfolio_bg.png); }

.driv_legal{ background:url(../images/ui/driver_legal_bg.png); }

.driv_service{ background:url(../images/ui/driver_customer_bg.png); }

.driv_faq{ background:url(../images/ui/driver_faq_bg.png); }

/* end driver stuff ---------------------------------------------------------------------------------------------- */

/* folio stuff --------------------------------------------------------------------------------------------------- */

.folioThumb { margin-bottom: 20px; }

.folioThumb2 { margin: 0 0 20px 17px; }

.es_4_folioThumb { margin-bottom: 20px; }

.es_4_folioThumb2 { margin: 0 0 20px 10px; }

.portfolio_column1 {
	float:left;
	width: 560px;
}

.portfolio_column1_inner { padding:0 40px 10px 40px; }

.portfolio_column2 {
	float:left;
	width: 420px;
}

.portfolio_column2_inner { padding:20px 5px 10px 35px; }

.portfolio_column_wrap { 
	width: 980px;
	padding-bottom: 10px;
}

.portfolio_column1 .h1Left {
	display: block;
	height: 35px;
	padding-left: 10px;
	margin:0px 0 0px 0; /*WAS 20 ON THE BOTTOM*/
	background:url(../images/ui/h1_l_bg.jpg) no-repeat bottom left;
}

/* end folio stuff ----------------------------------------------------------------------------------------------- */

/* quotes stuff -------------------------------------------------------------------------------------------------- */

.quotes	p { font: 11px Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px; 
	padding: 0 0 0px 0; 
}
.quotes	span {	display: block;
	width: 150px;
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom: 40px;
}
.quotes h3 {
	font: bold 11px/20px Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom: 20px;
	color: #fff;
}

/* end quotes stuff ---------------------------------------------------------------------------------------------- */

/* Contact form styles ------------------------------------------------------------------------------------------- */
.cForm {
	width: 360px;
	float: left;
}
#columnWrap .cForm a:link, #columnWrap .cForm a:visited { color: #ffe19a; }
#columnWrap .cForm a:hover { color: #fff; }
/*
.cInfo {
	width: 180px;
	float: left;
}
.cInfo h3 {
	border-bottom: 1px dotted #aaa;
	padding: 10px 0 3px 0;
	margin: 0 0 3px 10px;
}
.cInfo p { padding-left: 10px; } */
.cForm p { padding: 0 10px 10px 0; }
.formSubmit {
	text-align: right;
	height: 55px;
	width: 300px;
}
.cfLabel {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #aaa;
}
.cfLabel ul {
	list-style: none;
	margin-left: 10px;
}
.cfLabel ul li input {
	margin-right: 5px;
}
.cfLabel ul li {
	height: 20px;
}
.cfStyle {
	font: normal 10px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color:#fff;
	border: 1px solid #394254;
	text-align: left;	
	width: 360px;
	padding: 2px 0;
	margin: 0 0 5px 0;
}
.captchaText {
	float: right;
	width: 170px;
} 
.captchaText .cfStyle { width: 170px; }
#errmsg, #errmsg2 {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #f00;
	margin-top: 5px;
	padding-bottom: 10px;
}
#errmsg span {
	background: url(../images/ui/loading_small.gif) no-repeat top left;
	padding: 2px 0 10px 20px;
}
#errmsg strong, #errmsg2 strong {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #ffe19a;
	margin-top: 5px;
}
.cDetails {
	height: 220px;
	margin-top: 35px;
}
.cForm2 { width: 360px; } /*kept at the bottom as it's used to overwrite cForm, cfStyle and formSubmit widths

/* end contact form styles --------------------------------------------------------------------------------------- */

.homeLogo{
	width:313px;
	position:relative;
	top: 351px;
	left:591px;
	display: block;
	/*margin: 351px 0 0 591px;*/
}

.testimonial_logo{
	float: right;
	margin-top: 5px; 
}

.tPhoto img {
	float: left;
	padding: 4px 0 16px 0;
	width: 120px;
}
.tPhoto h2 {
	margin: 0;
	padding: 80px 0 3px 0;
	display: block;
	width: 220px;
	float: right;
	border-bottom: 1px solid #686A69;
}
h3 { color: #ffe19a; }
.cForm h3 { color: #aaa; }
h3 span { color: #fff; }

.newsImage{
margin-bottom: 20px;
}

.newsImage_left{
float: left;
margin:0 20px 20px 0px;
}

.distribution_column{
float:left;
width: 240px;
}

.donate {
border: 0 none;

}