
/* Reset */

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 
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	outline: 0px;
	font-size: 16px;
	background: transparent;
	}

html /* add so that IE sets font size to 1em */
	{
	font-size: 16px;
	}

body 
	{
	font-size: 16px; /* set font size to default */
	font-family: arial, sans-serif;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background: url(../images/bg.jpg) repeat #cccccc;
	color: #ffffff;
	}

ol, ul, li
	{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

/* End of Reset */

/* Formatting Divs */

h1
	{
	font-size: 1.5em;
	font-weight: bold;
	padding: 0px 10px 10px 10px;
	}

h1.sub
	{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 10px 10px 10px;
	}

h2
	{
	font-size: 1.0625em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 8px 10px 0px 0px;
	}

h3
	{
	font-size: 1.5em;
	font-weight: bold;
	padding: 4px 0px 0px 10px;
	}

h4
	{
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	padding: 15px 0px 0px 120px;
	}

h5
	{
	font-size: 2.5em;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
	}

h6
	{
	width: 278px;
	height: 30px;
	font-size: 1.1875em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px 0px 0px;
	background: #ba2f19;
	color: #ffffff;
	}

/* End of Formatting Divs */

/* Main Container Divs */

#shadowone
	{
	width: 906px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 1px 0px;
	background: #c6c6c6;
	}
	
#shadowtwo
	{
	width: 904px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 1px 0px;
	background: #c0c0c0;
	}

#shadowthree
	{
	width: 902px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 1px 0px;
	background: #b7b7b7;
	}
	
#maincontainer
	{
	width: 900px;
	margin: 0px auto 0px auto;
	background: #000000;
	}

/* End of Main Container Divs */

/* Header Area Divs */

#headerarea
	{
	clear: both;
	width: 900px;
	height: 75px;
	}

#headerlogoarea
	{
	float: left;
	width: 73px;
	height: 75px;
	}

#headerlogoarea img
	{
	width: 63px;
	height: 47px;
	border: none;
	padding: 13px 0px 0px 5px;
	}

#headertitle
	{
	float: left;
	width: 627px;
	height: 75px;
	}

#headertitle p
	{
	font-size: 0.75em;
	padding: 0px 0px 0px 2px;
	}

#headercontent
	{
	float: right;
	width: 200px;
	height: 75px;
	text-align: right;
	}

/* End of Header Area Divs */

/* Nav Area Divs */

#navarea
	{
	clear: both;
	width: 900px;
	height: 25px;
	background: #ffffff;
	}

#nav
	{
	float: left;
	width: 312px;
	height: 25px;
	text-align: center;
	}

#nav ul 
	{
	float: left;
	height: 25px;
	list-style: none;
	}

#nav ul li 
	{
	float: left;
	}

#nav ul li a 
	{
	display: block;
	height: 22px;
	font-size: 1.0625em;
	text-decoration: none;
	text-align: center;
	color: #ba2f19;
	padding: 3px 0px 0px 0px;
	}

#nav ul li a:hover 
	{
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-position: 0 -200px;
	}

#nav ul li.over a, #nav ul li.over a:hover 
	{
	text-align: center;
	color: #ffffff;
	}

#home 
	{
	width: 70px;
	background: url(../images/home.gif) 0 0 no-repeat;
	}

#homeover
	{
	width: 70px;
	background: url(../images/home.gif) 0 -200px no-repeat;
	}

#vehicle
	{
	width: 128px;
	background: url(../images/vehicle.gif) 0 0 no-repeat;
	}

#vehicleover
	{
	width: 128px;
	background: url(../images/vehicle.gif) 0 -200px no-repeat;
	}

#contact
	{
	width: 114px;
	background: url(../images/contact.gif) 0 0 no-repeat;
	}

#contactover
	{
	width: 114px;
	background: url(../images/contact.gif) 0 -200px no-repeat;
	}

#navbar
	{
	float: right;
	width: 588px;
	height: 25px;
	}

#navbar img
	{
	width: 588px;
	height: 25px;
	border: none;
	}

/* End of Nav Area Divs */

/* Main Image Area Divs */

#topmainimage
	{
	clear: both;
	width: 900px;
	height: 239px;
	}

#topmainimageleft
	{
	float: left;
	width: 610px;
	height: 239px;
	background: url(../images/ecs-main-bg-one.jpg) no-repeat;
	}

#topmainimageleftvehicle
	{
	float: left;
	width: 610px;
	height: 239px;
	background: url(../images/ecs-main-bg-five.jpg) no-repeat;
	}

#topmainimageright
	{
	float: left;
	width: 290px;
	height: 239px;
	background: url(../images/ecs-main-bg-two.jpg) no-repeat;
	}

#topmainimagerightvehicle
	{
	float: left;
	width: 290px;
	height: 239px;
	background: url(../images/ecs-main-bg-six.jpg) no-repeat;
	}

#bottommainimage
	{
	clear: both;
	width: 900px;
	height: 92px;
	}


#bottommainimageleft
	{
	float: left;
	width: 610px;
	height: 92px;
	background: url(../images/ecs-main-bg-three.jpg) no-repeat;
	}

#bottommainimageleft p
	{
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	padding: 30px 0px 0px 10px;
	}

.subline
	{
	font-size: 0.83em;
	font-weight: normal;
	}


#bottommainimageright
	{
	float: left;
	width: 290px;
	height: 92px;
	background: url(../images/ecs-main-bg-four.jpg) no-repeat;
	}

#bottommainimageright p
	{
	text-align: center;
	font-size: 2.0625em;
	padding: 10px 120px 0px 0px;
	}

/* End of Main Image Area Divs */

/* Clear Divs */

.clear
	{
	clear: both;
	width: 900px;
	height: 10px;
	margin: 0px auto 0px auto;
	}

.clear img
	{
	display: block;
	width: 900px;
	height: 10px;
	border: none;
	}

.clearone
	{
	clear: both;
	width: 900px;
	height: 1px;
	}

.clearone img
	{
	display: block;
	width: 900px;
	height: 1px;
	border: none;
	}

.cleartwo
	{
	clear: both;
	width: 880px;
	height: 1px;
	margin: 0px auto 0px auto;
	}

.cleartwo img
	{
	display: block;
	width: 880px;
	height: 1px;
	border: none;
	background: #000000;
	}

/* End of Clear Divs */

/* Homepage Main Content Divs */

#maincontentcontainer
	{
	clear: both;
	width: 900px;
	}

#maincontentleft
	{
	float: left;
	width: 150px;
	}

#maincontentleft img.one
	{
	width: 142px;
	height: 163px;
	padding: 0px 4px 0px 4px;
	border: none;
	}

#maincontentleft img.two
	{
	width: 142px;
	height: 139px;
	padding: 80px 4px 0px 4px;
	border: none;
	}

#maincontentcentre
	{
	float: left;
	width: 450px;
	}

#maincontentcentre p
	{
	font-size: 0.875em;
	line-height: 1.4em;
	padding: 0px 10px 0px 10px;
	}

#maincontentright
	{
	float: right;
	width: 278px;
	height: 440px;
	margin: 0px 10px 0px 10px;
	background: #ffffff;
	border: 1px #ffffff solid;
	}

#maincontentright ul
	{
	margin: 15px 20px 15px 20px;
	}

#maincontentright ul li
	{
	font-size: 0.8125em;
	line-height: 1.6em;
	list-style: url(../images/tick.gif) inside;
	color: #000000;
	}

#maincontentright p
	{
	font-size: 1.125em;
	line-height: 1.6em;
	color: #ba2f19;
	padding: 0px 20px 0px 20px;
	}

#maincontentright p a
	{
	font-size: 1em;
	color: #ba2f19;
	text-decoration: none;
	}

#maincontentright p a:hover
	{
	font-size: 1em;
	color: #ba2f19;
	text-decoration: underline;
	}

/* End of Homepage Main Content Divs */

/* Footer Divs */

#footer
	{
	width: 900px;
	text-align: center;
	margin: 0px auto 0px auto;
	}

#footer p
	{
	font-size: 0.75em;
	line-height: 1.4em;
	color: #000000;
	}

#footer p a
	{
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	}

#footer p a:hover
	{
	font-size: 1em;
	color: #000000;
	text-decoration: underline;
	}

/* End of Footer Divs */

/* Vehicle Divs */

#vehiclecontainer
	{
	clear: both;
	width: 900px;
	background: #ffffff;
	color: #000000;
	}

#vehicletop
	{
	clear: both;
	width: 900px;
	height: 170px;
	}

#vehicleimage
	{
	float: left;
	width: 250px;
	height: 170px;
	}

#vehicleimage img
	{
	width: 230px;
	height: 150px
	border: none;
	margin: 10px 0px 0px 10px;
	}

#vehicleheadlinecontainer
	{
	float: right;
	width: 650px;
	height: 170px;
	}

#vehicleheadline
	{
	width: 650px;
	height: 85px;
	text-align: center;
	}

#vehicleheadline p
	{
	font-size: 1.875em;
	color: #ba2f19;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	}

#vehicleheaders
	{
	width: 650px;
	height: 85px;
	text-align: center;
	}

.box
	{
	float: left;
	width: 130px;
	}

.box p
	{
	font-size: 0.875em;
	line-height: 1.4em;
	font-weight: bold;
	}

.boxlast
	{
	float: right;
	width: 130px;
	}

.boxlast p
	{
	font-size: 0.875em;
	line-height: 1.4em;
	font-weight: bold;
	}

.vehicleline
	{
	clear: both;
	width: 900px;
	background: #ffffff;
	color: #000000;
	}

.vehicletext
	{
	float: left;
	width: 250px;
	}

.vehicletext p
	{
	font-size: 0.875em;
	padding: 2px 10px 4px 10px;
	}

.vehiclebox
	{
	float: left;
	width: 130px;
	text-align: center;
	}
	
.vehiclebox p
	{
	font-size: 0.875em;
	padding: 2px 10px 4px 10px;
	}

.vehicleboxlast
	{
	float: right;
	width: 130px;
	text-align: center;
	}

.vehicleboxlast p
	{
	font-size: 0.875em;
	padding: 2px 10px 4px 10px;
	}
	
/* End of Vehicle Divs */

/* Contact Divs */

#contactleft
	{
	float: left;
	width: 160px;
	text-align: right;
	} 
	
#contactleft img
	{
	float: left;
	border: none;
	padding: 0px 0px 10px 10px;
	} 

#contactcentre
	{
	float: left;
	width: 400px;
	padding: 0px 0px 0px 40px;
	} 

#contactcentre p
	{
	font-size: 0.875em;
	padding: 0px 10px 0px 10px;
	} 

input
	{
	width: 300px;
	height: 20px;
	margin: 2px 0px 2px 0px;
	}
	
textarea
	{
	width: 300px;
	height: 80px;
	margin: 2px 0px 2px 0px;
	}
	
.button
	{
	width: 120px;
	height: 25px;
	}

#contactright
	{
	float: right;
	width: 300px;
	} 

#contactright p
	{
	font-size: 0.875em;
	padding: 0px 10px 0px 10px;
	} 

#contactright p a
	{
	font-size: 1em;
	text-decoration: none;
	color: #ffffff;
	} 

#contactright p a:hover
	{
	font-size: 1em;
	text-decoration: underline;
	color: #ffffff;
	} 

/* End of Contact Divs */

/* Site Map */

#contactcentre ul li
	{
	list-style: disc;
	} 

#contactcentre ul li a
	{
	font-size: 0.875em;
	line-height: 1.6em;
	color: #ffffff;
	} 


