*{margin:0; padding:0;}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body	{

/*width: 970px;*/
background-image: url(../images/blued5x5.gif);
background: #112b60;
background: #152e5f; /* nav and bottom darker blue */


font-family: times new roman, Arial, Verdana,  Helvetica, sans-serif;
font-size: 100%;
color: #ffffff;


height: 1000px;	/* so that even on the shorter content pages the scroll bar is present */
				/* so that pages width do not jump about */


}




#topwrap{

	margin: 0 auto; 
	background-image: url("../images/background-top-sides.gif");
	height: 320px;
	font-size:0.8em; 
	_width: 960px; /* IE 6 and below */

}


#top {
	margin: 0 auto; 
	width: 960px;
	height: 320px;
	background-color: orannnnge;
	background-image: url("../images/background-top.gif");
	background-repeat: no-repeat;
	
}

#header {
	height: 208px;
	background-color: black;
	background-image: url("../images/background-header.gif");
	background-repeat: no-repeat;
	position: relative;
	color: yellow;
	font-size: 0.8em;
	vertical-align: top;	

}

#header p {

	font-size: 1em;
	display: block;
	border: 1px black solid;
	font-weight: bold;
}
	
	#header p span { display:inline-block; position:absolute;}
	
	/* #header p.email { text-align: right; }
	#header p.email a { color: white; text-decoration: none;}
	*/

	#header p.fax { text-align: right; }


	
	#header span.word { font-size: 1.5em; }
	#header span.data { font-size: 2.3em;	color: white;	width: 200px;}
	
	
	.tel, .fax, .email{ position:absolute; color: yellow; }
	

	.tel { left:11px;	top:61px;	}
	#header p.tel span.word { left:0px;	top:-5px;	}
	#header p.tel span.data { left:125px; top:-6px; }
	
	/*.fax { left:11px;	top:91px;	}	
	#header p.fax span.word { left:0px; top:-5px; }
	#header p.fax span.data { left:125px; top:-6px;	}
*/

	.fax{ right:11px;	top:61px;	}
	#header p.fax span.word { right:160px;	top:-5px;	}
	#header p.fax span.data {	 right: 0px;	top:-6px;	}

/*	.email { right:11px;	top:61px;	}
	#header p.email span.word { right:160px;	top:-5px;	}
	#header p.email span.data {	 right: 0px;	top:-6px;	}	
*/
	

	
	#header h1 {
		margin: 0 auto;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.2em;
		margin-top: 5px;
		display: block;
		width: 100%;
	}
	
	#header h1 {
		position: absolute;
		left: 50%;
		margin-left: -50%; /* Half the width */
		text-align: center;
	}

	#header img.logo {
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   width: 266px;
	   height: 209px;
	   margin-top: -104px; /* Half the height */
	   margin-left: -133px; /* Half the width */
	}
	


	#navigation { width:960px;	}
	#navigation a  {
		display:block;
		background:url(../images/nav1.gif); 
		height:97px;
		text-indent:-9000px;
	}
	
	#navigation a.home  {	width:159px;}
	#navigation a.motor_services  {	width:164px;}
	#navigation a.mot_tests  {	width:157px;}
	#navigation a.autogas_lpg  {	width:212px;}
	#navigation a.hgv_servicing {	width:135px;}
	#navigation a.about_us {	width:133px;}
	
	ul li { float:left; list-style: none; }
	
	#navigation a.home:hover, #navigation li.over a.home {background-position:0px 97px;}
	
	#navigation a.motor_services {background-position:-159px 0px;}
	#navigation a.motor_services:hover, #navigation li.over a.motor_services {background-position:-159px 97px;}
	
	#navigation a.mot_tests {background-position:-323px 0px;}
	#navigation a.mot_tests:hover, #navigation li.over a.mot_tests {background-position:-323px 97px;}
	
	#navigation a.autogas_lpg {background-position:-480px 0px;}
	#navigation a.autogas_lpg:hover, #navigation li.over a.autogas_lpg {background-position:-480px 97px;}
	
	#navigation a.hgv_servicing {background-position:-692px 0px;}
	#navigation a.hgv_servicing:hover, #navigation li.over a.hgv_servicing {background-position:-692px 97px;}
	
	#navigation a.about_us {background-position:-827px 0px;}
	#navigation a.about_us:hover, #navigation li.over a.about_us {background-position:-827px 97px;}



#middlewrap {

	display: block;
	background-color: #112b60;
	width: auto;
	margin: 0 auto; 
}


#middle{

	width: auto;
	margin: 0 auto; 
	width: 940px;
	_width: 940px; /* IE 6 and below */
	
	background-image: url("../images/background-middle.gif");
	background-repeat: no-repeat;

}

#middle p {

	padding-bottom: 10pt;
	clear:both;
	
}

#middle ul li {

float:none; list-style: none;

}



#middle li.l {
	
}

#middle li.r.y {
	float:right;
	color: green;
}

#middle ul { 
	padding-left:31px;
}

#middle ul span{
	float:left;
	width: 303px; /* 3x width + above left pad => 940px ! */
	padding-bottom: 30px;
}

#middle span.one {
	float:left;
	width: 616px;
}

#middle span.two {
	float:left;
	width: 273px;

	padding-left:50px;
}



#middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6 {
	font-size: 1.2em;
	color: #ffe901; /* yellow */
	padding-bottom: 10pt;
}



#bottomwrap{
	display: block;
	width: auto;
	height: 220px; 
	background-color: #152e5f; /* nav and bottom darker blue */
	background-image: url("../images/background-bottom.gif");
	background-repeat: repeat-x;
	margin: 0 auto; 
}

#bottom {

	width: auto;
	background-image: url("../images/background-bottom.gif");
	background-repeat: repeat-x;
	margin: 0 auto; 
	width: 940px;
	_width: 940px; /* IE 6 and below */
	padding-top: 55px;
			
}

	#address { float: left;	width: 32%; }
	
	#index_links { float: left; width: 28%;	}
	
	#index_links ul {
		list-style: none;
		padding-left:0px; 
		margin: 0;
		padding: 0;
	}

	#index_links ul { margin: 0; padding: 0; }
	#index_links a img { border:none;  }
	#index_links li img {display: block;}
	
	
	#logos_copyright {
		float: right;
		width: 40%;
		background-color: #152e5f; /* nav and bottom darker blue */
		text-align: right;
		padding-top: 4px;
		font-size: 0.8em;
	}
	
	#logos_copyright img{
		padding-bottom: 0px; /* normal browsers */
		*padding-bottom:/* All IEs */
	}
	
	#bottom .header {
		font-size: 2em;
		color: #ffe901; /* yellow */
	}
	
	a, a:active, a:visited { color: white; }
	a:hover { color: #ffe901; }
	
	#bottom a { text-decoration: none; }
	
	/*
	#bottom a, #bottom a:active, #bottom a:visited { color: white; text-decoration: none; }
	#bottom a:hover { color: #ffe901; text-decoration: none;) 
	*/
	
	
	bold_text {
		font-weight: bold;
	}