/*
#####################################################

CSS for Truck Training UK (Warrington) Ltd

FileName:	truck.css
Author:		Bryan Lomax : http://www.carbon-design.co.uk
Copyright:	Carbon Design UK Ltd / Klout Design
Version:	V1.090206

#####################################################
*/
 
 
body, html {
	margin: 0;
	padding: 0 0 0 0;
	background: #E2E2E2;
	FONT: 10px verdana, arial, sans-serif; COLOR: #999
	}
	
#container {
	MARGIN: 0px auto; WIDTH: 760px; HEIGHT: auto
}

#truktop {
	FONT-SIZE: 0px; BACKGROUND: url(images/hgv-header.jpg) repeat-y; MARGIN-LEFT: auto; WIDTH: 782px; HEIGHT: 166px; MARGIN-RIGHT: auto
	}

#gifslice {
	margin-left: 11px; width: 759px; height: 18px; background: url(images/ad.gif)
	}
	
#carslice {
	margin-left: 11px; width: 759px; height: 17px; background: url(images/car_gifslice.jpg)
	}

#litigationslice {
	margin-left: 11px; width: 759px; height: 17px; background: url(images/litigation_gifslice.jpg)
	}
	
#mainimage {
	margin-left: 12px; width: 758px; height: 104px;  margin-bottom: 10px
	}
	
#carimage {
	margin-left: 11px; width: 759px; height: 169px; background: url(images/car.jpg)
	}

#litigationimage {
	margin-left: 11px; width: 759px; height: 169px; background: url(images/litigation_gif.gif)
	}
	
#Header {
	float: left;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	width: 750px;
	height: 52px;
	display: inline
	}
	
#HeaderLinx {
	FONT: 12px/16px "Trebuchet MS"; color: #fff; width: 166px; FLOAT: right; DISPLAY: inline
}
#HeaderLinx a:hover {
	FONT: 12px/16px "Trebuchet MS"; color: #0173B9
}
#title {
	FONT: 14px/18px "Arial";
	color: #fff;
	width: 480px;
	FLOAT: right;
	DISPLAY: inline;
	padding-top: 60px;
	font-weight: bold;
}
.red {
	color: #FF0000
	}

#admiralcontent {
	float: left; position: relative; WIDTH: 782px; HEIGHT: auto; BACKGROUND: url(images/salon-slice.jpg) repeat-y; margin: 0px; PADDING: 0px; display: inline
	}




#MainContent {
	float: left;
	position: relative;
	margin-left: 30px;
	margin-top: 100px;
	margin-bottom: 0px;
	padding: 0;
	width: 700px;
	height:auto;
	display: inline;
}
#GalleryContent {
	float: left;
	position: relative;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	width: 700px;
	height:360px;
	display: inline;
}
#ImageContent {
	float: left;
	position: relative;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
	width: 700px;
	height:360px;
	display: inline
}
#ImageBlok {
	margin-top: 0px;
	float: right;
	position: relative;
	padding: 0;
	width: 434px;
	height: 360px;
	display: inline
}
	
DIV {
	LINE-HEIGHT: 0px
}

H1 {
	FONT-SIZE: 11px; FONT-FAMILY: "Trebuchet MS"
}
.hidden {
	DISPLAY: none; OVERFLOW: hidden; HEIGHT: 0px
}
H2 {
	MARGIN: 0px 0px 0px 0px;
	FONT: 20px "Trebuchet MS";
	COLOR: #000;
	TEXT-ALIGN: left;
	LINE-HEIGHT: 23px;
	font-weight: bold;
}
P {
	FONT: 12px/16px "Trebuchet MS"; color: #000; TEXT-ALIGN: justify
}

IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TD {
	FONT: 12px/18px Helvetica, sans-serif; TEXT-ALIGN: left
}
A {
	TEXT-DECORATION: none
}
A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF;
}
A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0173B9
}
A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0173B9
}
A:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FF3396
}
H2 A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; BORDER-BOTTOM: #000 1px dotted
}
H2 A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; BORDER-BOTTOM: #000 1px dotted
}
H2 A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #99c; BORDER-BOTTOM: #99c 1px dotted
}
H2 A:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; BORDER-BOTTOM: #000 1px dotted
}
#trukfooter {
	clear: both; BACKGROUND: url(images/hgv-footer.jpg) no-repeat; MARGIN-LEFT: auto; WIDTH: 786px; HEIGHT: 66px; MARGIN-RIGHT: auto; FONT: 12px verdana, arial, sans-serif; COLOR: #fff; PADDING-TOP: 14px; TEXT-ALIGN: center
}
.credits {
	FONT: 10px/18px verdana, arial, sans-serif; COLOR: #fff 
	}
	

#Content {
	PADDING-BOTTOM: 0px; WIDTH: 720px; PADDING-TOP: 0px; DISPLAY: inline
}
#Content P {
	TEXT-ALIGN: justify
}
		
.pink {
	TEXT-ALIGN: justify; COLOR: #FF3396;
}
.note {
	FONT-SIZE: 14px; TEXT-ALIGN: justify; COLOR: #000;
}
#pathways {
	FONT-SIZE: 10px; MARGIN: 5px 0px 12px 358px; COLOR: #aaaaaa
}
.path {
	FONT-SIZE: 10px; COLOR: #0173B9; TEXT-DECORATION: none
}



#rightcolumn {
	MARGIN: 0px; FLOAT: right; WIDTH: 200px; padding: 0px
}

#partners {
	MARGIN-RIGHT: 15px; MARGIN-BOTTOM: 10px; background: #DEDEDD ; WIDTH: 163px; border-right: #C2C2C2 1px solid; border-top: #FF6600 0px solid; border-left: #C2C2C2 1px solid; border-bottom: #C2C2C2 1px solid; PADDING: 10px
}
#news {
	MARGIN-RIGHT: 15px; MARGIN-BOTTOM: 10px; background: #EAEBED ; WIDTH: 163px; border-right: #C2C2C2 1px solid; border-top: #FF6600 0px solid; border-left: #C2C2C2 1px solid; border-bottom: #C2C2C2 1px solid; PADDING: 10px
}
#advert {
	MARGIN-RIGHT: 15px; MARGIN-BOTTOM: 10px; background: #DEDEDD ; WIDTH: 163px; border-right: #C2C2C2 1px solid; border-top: #FF6600 0px solid; border-left: #C2C2C2 1px solid; border-bottom: #C2C2C2 1px solid; PADDING: 10px
}

#quotes {
	MARGIN-RIGHT: 15px; background: #DEDEDD ; WIDTH: 163px; border-right: #C2C2C2 1px solid; border-top: #FF6600 0px solid; border-left: #C2C2C2 1px solid; border-bottom: #C2C2C2 1px solid; PADDING: 10px
}




#leftcolumn {
	MARGIN-TOP: 0px; FLOAT: left; WIDTH: 482px
}
#section {
	height: auto; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 15px; WIDTH: 540px; BACKGROUND: url(images/leftcontent_slice1.jpg) repeat-x; border-right: #C2C2C2 1px solid; border-top: #FF6600 0px solid; border-left: #C2C2C2 1px solid; border-bottom: #C2C2C2 1px solid; padding: 10px
}

#section A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF;
}
#section A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF;
}
#section A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFF;; text-decoration:underline
}


#nav {
	MARGIN-BOTTOM: 10px; MARGIN-RIGHT: 15px;  margin-top:0px
}

#nav ul
{
margin: 0;
padding-left: 0;
list-style-type: none;
FONT: 12px/16px "Trebuchet MS"; color: #fff;
}

#nav a
{
display: block;
padding: 6px;
width: 173px;
background-color: #505153;
border-bottom: 1px solid #666;
}

#nav a:link, #nav a:visited
{
	color: #fff;
	text-decoration: none;
	FONT: 12px/16px "Trebuchet MS";
	color: #fff;
	font-weight: bold;
}

#nav a:hover
{
background-color: #72777B;
color: #fff;
border-bottom: 1px solid #ccc;
}