* html #wrapper { height: 100.1%; }
html { background: #2c2c31;}
html, body { height:100.1%; }
* { padding: 0; margin: 0; }

p {padding-top: 10px; line-height:1.5em;}
html, body, div, span, input, table, textarea, select, form, label, blockquote, h1, h2, h3, h4, h5, h6, td, ul, li, ol, dl, dt, dd { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; border:0px; margin:0px; padding:0px; text-align:left; }

.holder {
  clear: both;  	
  margin-bottom: 30px;
}

img { border: none; }
address { font-weight:bold; font-style:normal; margin-bottom: 20px; line-height:1.5em; }
h1, h2 { color:#81bee6; font-size:18px; margin-bottom:10px;}
ul { list-style:none; }
html { background: #2c2c31 repeat-y url(/images/wrapper-bg.jpg) center top; }

/* links ------------ */
a, a:visited { color:#FFF; text-decoration:none; }
a:hover { text-decoration:underline;  }

/* header ------------ */
#head { position: relative; float:left; width:920px; height:210px; }
#head ul { float:left; list-style:none;  height:100px; width:130px; padding-left:40px; background: repeat-y url(/images/1px_divide.gif); }
#head ul strong { color:#81bee6; font-weight:normal !important; text-transform:uppercase; margin-left: -12px; }
#head ul li { line-height: 1.8em; list-style-image: url(/images/li_arrow.gif); }
#company_logo { float:left; width: 400px; margin: 40px 10px 0 0; height: 150px; }
#nav_list { float:left; width: 510px; height: 136px; margin-top: 44px; }
#call_us_now { position:absolute; top: 0; right: 0; width:282px; height: 26px; }

/* containers ------------ */
#wrapper { min-height: 100.1%; background: repeat-x url(/images/top_third_bg.gif); width:921px; margin: 0 auto; padding:0 23px; }
#flash_holder { float: left; width: 920px; height: 350px; margin-bottom: 15px; background: #1C1C1E; }
#main_content { float:left;  width: 920px; height: auto; margin-bottom: 15px; }
#main_content p, #left p, #right p { margin: 0 0 16px 0; line-height:1.8em; }

	/* left ------------ */
	#left { float:left; display: inline; width: 420px; margin-right:24px; padding-right:25px; border-right: 1px solid #333; }
	#home #left, #manual_planning #left { width: 370px; }
	#map_routing #left, #reporting_kpi #left, #job_processing #left, #vehicle_workshop #left { width: 500px; }
	#left p strong { font-size:15px; }
	/* right ------------ */
	#right { float:left; width: 450px; }
	#home #right, #manual_planning #right { float:left; width: 500px; }
	#map_routing #right, #reporting_kpi #right, #job_processing #right, #vehicle_workshop #right { width: 370px; }
	#right .divide { border-bottom: 1px solid #292930; padding-bottom: 14px; margin-bottom: 14px; }
	#right .inside { padding:10px; background: #222; }
	#left ul { padding-left: 20px; }
	#left ul li {  font-size: 12px;  margin-left:20px; padding:8px 0 8px 25px; background:url(/images/li_tick2.gif) no-repeat }
	#right ul { padding-left: 20px; }
	#right ul li {  font-size: 12px;  margin-left:20px; padding:8px 0 8px 25px; background:url(/images/li_tick2.gif) no-repeat }
	#sitemap ul { padding-left: 20px; }
	#sitemap ul li {  font-size: 12px;  margin-left:20px; padding:8px 0 8px 25px; background:url(/images/li_tick2.gif) no-repeat }
	
/* pages ------------ */
#vehicle_workshop #wrapper { background:none; }
#vehicle_workshop #right ul, #stock_control #right ul { padding-left: 0; }
#vehicle_workshop #right ul li, #stock_control #right ul li { line-height: 1.6em; font-size: 11px; list-style-image: none; margin-left:0; }

/* classes ------------ */
.solid_box { padding:10px; background: #222; border-bottom: 1px solid #292930; margin-bottom: 10px; }
.fL { float:left; margin-right: 10px; }
.linebelow { border-bottom: 1px solid #292930; padding-bottom: 10px; margin-bottom:10px;}
.right_spacing { margin-right: 0px; }
.border { border: 1px solid #333; padding:5px; }
.border:hover { border-color: #555; }
.blue_text { color:#5DAFE5;}

/* footer ------------ */
#clearfooter { height: 61px; clear:both; }
#footer { width:928px; height:30px; border-top: 1px solid #292930; margin: -61px auto 0 auto; padding:30px 20px 0 20px; background:url(/images/footer_logos.jpg) no-repeat center ; }
#footer a { margin-right:20px; font-size:10px; }
#footer #credits a { margin-right:0 !important; }
#footer #links, #footer #credits { float:left; width:455px; }
#footer #credits p { text-align:right; }

/* active links ------------ */
#home .home, #about .about, #expertise .expertise, #testimonials .testimonials, #support .support, #enquiries .enquiries, #overview .overview, #manual_planning .manual_planning, #map_routing .map_routing, #reporting_kpi .reporting_kpi, #job_related_crm .job_related_crm, #job_processing .job_processing, #mobile_worker .mobile_worker, #stock_control .stock_control, #vehicle_workshop .vehicle_workshop, #web_edi .web_edi, #products .products { color: #81bee6; text-decoration:underline; }

/* clearfix ------------ */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* mac hide \*/* html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide */

/* forms ------------ */
#form_container { float:left; width:400px; padding:10px; background: #222; border-bottom: 1px solid #292930; margin-bottom: 10px; }
label {font-size: 11px;font-weight: normal; color:#ffffff;}
fieldset{border: none;}
#form legend { margin: 0 0 0 0;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}
#form label {display:block;float:left;width: 90px;text-align:right;margin: 5px 10px 0 0;}
#form p { display:block;clear:both; padding:0 0 0 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, select, option, textarea {border: 1px solid #999999;background-color: #FFFFFF;color: #666666; width:270px; padding: 3px 0 0 3px;  }
.field_height {height:20px;}
form {padding:0 0 0 0;}
#form .submit { width:124px; height:26px; background:url(/images/send.jpg) ; border:none; padding: 0; margin:0 0 0 0;}


/* Testimonials ------------ */

.logo_box { padding:0 20px 20px 0px; border-right:solid 1px #999999; float: left; margin:0 20px 0 0}