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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body {
  	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #444444;
  	height: 100%;
	width: 100%;
	font-size: 12px;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
	}

		
	h1, h2, h3, h4, h5, h6, p, blockquote, hr,
 	label, ol, dl, table, fieldset, address {
    	margin-bottom: 1em;
		}


.container {
	width: 900px;
	margin: 0 auto;
	}
	
	div.main { 
		margin-top: 15px;
		margin-bottom: 30px;
		width: 900px;
		}
		

#header {
	height: 300px;
	width: 900px;
	margin: 0 auto;
	background: #fff url(../img/bg_header.jpg) 0px 50px no-repeat;
	}

#banner	{
	height: 230px;
	color: #fff;
	}
	
	#banner h1, #banner p {
		margin-left: 15px;
		margin-right: 400px;
		}
	
#logo {
	height: 66px;
	margin: 10px 0px 0px 10px;
	width: 200px;
	}
	
#header-phone {
	margin: 20px 15px 0px 10px;
	width: 300px;
	float: right;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #cc0000;
	text-align: right;
	}

#right-column {
	float: right; 
	width: 530px;
	}
	
#left-column {
	float: left; 
	width: 370px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	}
	
	.right-box {
			background: #eeeeee url(../img/callout.gif) 0px 0px no-repeat;
			width: 350px;
			height: 250px;
			margin-bottom: 15px;
		}
		
	.right-box p {
		margin-left: 15px;
		margin-right: 15px;
		}
		
	.red {
			background: #eeeeee url(../img/callout2.gif) 0px 0px no-repeat;
			width: 350px;
			height: 120px;
			margin-bottom: 15px;
			color: #fff;
		}
		
	.red h3 {color: #fff;}
	
	.red-color {color: #cc0000;}
	
	.red a:link {
		color: #fff;
	}
	
	.red a:hover {
		color: #000;
	}
	
#footer {
	text-align: center;
	color: #999;
	clear: both;
	height: 80px;
	line-height: 170%;
	background: #fff url(../img/bg_footer.gif) 0px 0px no-repeat;
	margin: 0 auto;
	width: 900px;
	margin-bottom: 20px;
	}

.logo {margin: 25px 0px 19px 0px;}

.phone-block {
	margin: 20px 0px 14px 0px;
	float: right;
	font-size: 23px;
	line-height: 130%;
	font-weight: bold;
	text-align: right;
	color: #FF9933;
	}


textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:250px;
height:5em;
margin-top:2px;
border:1px solid #ccc;
}

#enquiry textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:250px;
height:6em;
margin-top:0px;
border:1px solid #ccc;
}

input {
font-size:11px;
width:175px;
margin-top:2px;
border:1px solid #ccc;
}

#enquiry input {
font-size:11px;
width:200px;
height:16px;
margin-top:0px;
border:1px solid #ccc;
}

#enquiry label {
font-size:11px;
width:120px;
display:block;
}

.white {
	color:#fff;
}

.select {
    vertical-align:top; margin-right:5px;
	}
	
.picture-frame {
	border: 3px solid #fff;
	float: left;
	display: inline;
	margin: 0px 8px 10px 0px
	}

img.picture-last {
	margin: 0px 0px 10px 0px
	}
	
.picture-frame:hover {
	border-color: #0054A5;
	}
	
table.center {margin-left:auto; margin-right:auto;}

h1 {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
	border-bottom: dotted 1px #fff;
	}

h2 {
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	padding: 10px 0px 20px 0px;
	border-bottom: dotted 1px #333;
	}

h3 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
	padding: 18px 0px 5px 0px;
	}
	
	#left-column h3 {
		padding: 18px 0px 5px 15px;
		}

h4 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	}

h5 {
	font-weight: normal;
	color: #59CDE1;
	font-size: 14px;
	}

h6 {
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	}

.lead {
	font-size: 13px;
	font-weight: bold;
	}

a:link {
	font-size: 11px;
	color: #cc0000;
	text-decoration: none;
	}

a:visited {
	font-size: 11px;
	color: #cc0000;
	text-decoration: none;
	}
	
a:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	}


	#footer a:link {
		color: #999;
		}
	
	#footer a:visited {
		color: #999;
		}
		
	#footer a:hover {
		color: #333333;
		text-decoration: none;
		}

#navigation {
	padding: 5px 0px 15px 180px;
	height: 28px;
	}		
		
	#navigation a {
		font-size: 12px;
		color: #000;
		font-weight: normal;
		display: block;
		height: 28px;
		line-height: 28px;
		text-decoration: none;
		float: left;
		display: inline;
		width: 100px;
		text-align: center;
		font-weight: bold;
		margin: 0px 5px 0px 5px;
		}
	
	#navigation a:visited {
		font-size: 12px;
		color: #000;
		text-decoration: none;
		}
		
	#navigation a:hover {
		font-size: 12px;
		text-decoration: none;
		color: #cc0000;
		}
		
	body#index a#nav-index,
	body#aboutus a#nav-aboutus,
	body#services a#nav-services,
	body#customers a#nav-customers,
	body#health-safety a#nav-health-safety,
	body#contact a#nav-contact,
	body#vehicle-finance a#nav-vehicle-finance
	{
		color: #fff;
		background: #eeeeee url(../img/bg_navigation_selected.gif) 0px 0px no-repeat;
	}
		
#contactform input {
	padding:1px;
	margin:1px;
	}

#top-address {
	float:right; 
	width:280px; 
	padding-top:21px; 
	color:#222;
	}
	
	#top-address h1 {
		color:#FFFFFF;
		margin-bottom:0px;
		}
	
#top-holder {
	width:800px;
	height:120px;
	margin:0 auto;
	}	




.contact-box {
	height: 288px; 
	background: transparent url(../img/bg_contact.gif) no-repeat;
	clear: both;
	}

.contact-box input {
	margin: 3px 0px 6px 0px;
	}

input.submit {
	background-color: #0054A5;
	color: #fff;
	border: 0px;
	padding: 5px 0px 5px 0px;
	width: 80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	}
	
input.submit:hover {
	background-color: #111;
	}

	
.callout {
	background: #fff url(../img/callout.gif) left top no-repeat;
	margin: 30px 0px 15px 30px;
	float: left;
	display: inline;
	line-height: 150%;
	color: #fff;
	width: 260px;
	height: 180px;
	}

.callout2 {
	background: #fff url(../img/callout2.gif) left top no-repeat;
	margin: 30px 0px 15px 30px;
	float: left;
	display: inline;
	line-height: 150%;
	color: #333;
	width: 550px;
	height: 280px;
	}	
	
		
.last {
	magin-right: 0px;
	margin-bottom: 0px;
	}
	

	.lightbox img {
		border: 5px solid #1A6313;
		border-width: 5px 5px 40px;
		margin: 0px 10px 0px 10px;
	}
	.lightbox img:hover {
		border: 5px solid ;
		border-width: 5px 5px 40px;
		color: #165711;
	}
	
ul {
	list-style-type: disc;
	margin: 0 0 15px 30px;
	line-height: 140%;
}


#enquiry {
	width: 450px;
	margin: 0;
	float: right;
}
	
/* Custom Classes */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.black {color: #111;}
.rule {
	font-size: 1px;
	height: 1px;
	background-color: #FFFFFF;
	}
.logos {
	margin: 10px 0px 0px 25px;
	}

.logos img {
	margin: 0px 10px 0px 0px;
	}
	
.date-right {
	float: right;
	font-size: 13px;
	color: #FF9933;
	}
	
.phone-place {
	font-size: 15px;
	color: #fff;
	}