@charset "utf-8";
	/* CSS lloyds */
/*reset css	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,head{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		background: transparent;
	}
	body{
		line-height: 1;
	}
	ol, ul{
		list-style: none;
	}
	blockquote, q{
		quotes: none;
	}
	
	/* remember to define focus styles! */
	:focus{
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins{
		text-decoration: none;
	}
	del{
		text-decoration: line-through;
	}
	.img_border {
	border:1px solid #000000;
	padding:0;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table{
		border-collapse: collapse;
		border-spacing: 0;
	}
	/*
	reset end
	*/
	
.input-width { width:100px; }

.input-width2 { width:213px; }
.input-width3 { width:600px; }

/* stops the nasty horizontal shift with centered layouts in moz etc */
 html { height: 105%; margin-bottom: 1px; } 
	
	/*
	body
	*/	
		body{
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		background:#4A4A4A;
		background-attachment:fixed;
		}
		
	/*
	container
	*/	
		#container{
		width:965px;
		margin:0 auto; 
		background: url(../images/container-bg.jpg) repeat-y 50% 170px;
		background-attachment:fixed;
		 }
	
	/*
	header
	*/		
		#header{
		background:transparent url(../images/header-24-png.png) no-repeat 50% 0;
		 height:180px;
		 } 
			#header h1, #header h2{position:absolute;top:-999em; left:-999em;}
		
		
	/*
	nav
	*/			
		#nav{
		background:transparent;
		text-align:right;
		display:block;
		line-height:2.5;
		font-weight:bold;
		font-family: Helvetica, Arial, Verdana,  sans-serif;
		font-size:85%;
		}
			#nav li a{padding:10px 10px 10px 90px;  }
			#nav li{ width:190px;}
			html>body #nav li a{width:auto;}
	
	/*
	sub nav links some pages
	*/
	.sub-nav{ font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }
			
			
	/*
	removes logos hompage + makes sidbar smaller
	*/
		body#home-b #nav{background:transparent;}
		

	/*
	sidebar logos text
	*/		
		#logos-text{ width:110px; float:right; line-height:1.5; color:#555; padding-right:10px; font-size:80%; padding-top:20px; font-family:Arial, Helvetica, sans-serif;}
			#logos-text p{ padding-bottom:40px;   }
			#sidebar #logos-text p{text-align:center;}
		
	/*
	sidebar
	*/			
		#sidebar{background:transparent; width:220px; float:left; border-right:1px solid #fff; }
			#sidebar p{ font-size:75%; text-align:right;}
			
			
		
	/*
	main content
	*/		
		#main{background:transparent; width:625px;
			float:right; padding-right:95px; padding-top:10px;
			}
				#main p{line-height:1.5; padding-bottom:1em; font-size:85%; width:575px;}
				
				
	/*
	lists in main content block
	*/
	#main ul{padding:5px 0 10px 10px;}
	#main ul li{ 
		font-size:85%;
		background: url(../images/l-bullet.gif) no-repeat 0 30%;
		padding:0 0 10px 17px;
		line-height:1.7;
		width:530px;
	}
	#main ol{padding:5px 0 10px 20px;}
	#main ol li{ 
	font-size:85%;
	padding:0 0 10px 7px;
		line-height:1.7;
		width:530px;
		list-style:decimal;
	}	

	/*
	footer
	*/		
		#footer{ margin:0 auto; width:auto; clear:both;
		background: url(../images/footer-png-24-2.png) no-repeat right bottom;
		height:295px;
		 }
		 #footer p{ font-size:75%; text-align:center;}
	
	/*
	headings
	*/		
		h1,h2,h3,h4,h5,h6{font-family: Helvetica, Arial, Verdana, sans-serif; text-transform:capitalize; margin-bottom:10px; color:#333; width:575px;}
		
		/*sizes*/
		h1{	font-size:1.5em; color:#fff; text-transform:uppercase; margin-bottom:25px;  letter-spacing:-1px;}
		h2{ font-size:1em; text-transform:uppercase;}
		h3{font-size:0.9em;}
		h4{font-size:0.8em;}
		h5{font-size:0.7em;}
		h6{font-size:0.6em;}
		
/*		highlight heading sections - - - */
		.highlight-heading{ padding:10px 0 10px 0; border-bottom:5px dashed #fff; margin-bottom:10px;}
		.highlight-it{ color:#CF0133;}
	
	
	/*
	bold text
	*/
		strong{ font-weight:bold;}
		
			
	/*
	links
	*/			
		a:link,a:visited{color:#CA0034;}
		a:hover, a:active{color:#333;}
	
		a:focus{outline: 1px dotted #000;}
		
		
	/*
	current pages highlight nav
	*/			
		body#home-b a#home,
		body#cars-b a#cars,
		body#fleet-b a#fleet,
		body#lvg-trainning-b a#lvg-trainning,
		body#trailers-b a#trailers,
		body#contactus-b a#contactus{
		color:#333; 
		background: url(../images/car-png-24.png) no-repeat top left;
		cursor:default;
		border-bottom:2px solid #fff; /*for ie 6*/
		border-bottom:2px dashed #fff;
		height:55px; 
		}
		
		
		
	/*
	image alignments
	*/
	
	/* Begin Images */
	
		p img{
			padding:0;max-width:100%; border:0;}
	
		
	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */
	
		img.centered{
			display:block;margin-left:auto;margin-right:auto;}
	
		img.alignright{
			padding:4px;margin:0 0 2px 7px;display:inline;}
	
		img.alignleft{
			padding:4px;margin:0 7px 2px 0;display:inline;}
	
		.alignright{
			float:right;}
	
		.alignleft{
			float:left
			}
	/* End Images */
	
	
	
	/*
	js flexible rounded corners
	*/
	
/*	used for headings boxes + flow diagram*/
/*	.innerDIV{
	padding: 20px;
	}*/
	.myBox{
		/*	other options 
		margin: 0 auto;
		*/
		/*border: 1px solid #fff;*/
		width:585px;
		padding: 5px;
		background:#333  url(../images/wheel-tracks-pattern.gif)  0 0;
		text-align:center;
		color:#fff;
		height:20px;
		margin-bottom:20px;
	}
	
	
	/*
	flow diagram
	for
	LGV Training > Driving Licence needed: LGV Category C
	*/		
	.flow-diagram{ background: url(../images/arrow-bg.gif) repeat-y 50% 0; width: auto; font-weight:bold; font-size:105%;}
		.flow-diagram .myBox{ margin-bottom:35px;}
		
	/*
	web design footer
	*/
		#webdesign{margin:0 auto; width:800px; font-size:60%; padding:10px 0 10px 0; text-align:right;}
		#webdesign a{color:#eee;}
		
	.textcenter {
	    text-align:center;
	}
	.contactform {
		font-size:80%;
	}