html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
.sentence {
	background-color: #FFF;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	line-height: 20px;
	}
	
.sentence a:link, .sentence a:visited {
	color: #999;
	}
	
#background {
	background: #201D52 url(/img/wdgrange/background.gif) repeat-x; /* matching yellow bg #201D52 */
	}

	
#wrapper {
	width: 768px;
	margin: auto auto;
	background-color: #FFF;
	border-top: 1px solid #201D52; /* matching top line*/
	border-bottom: 1px solid #201D52; /* matching btm line*/
	}
	
.header {
	z-index: 1;
	}
	
.logo {
	z-index: 2;
	position: absolute;
	top: 21px;
	}
	
#nav {
	height: 28px;
	background:url(/img/wdgrange/nav_bkg.gif) no-repeat right;
	border-bottom: 6px solid #201D52; /* nav-menu line */
	}
	
#nav a:link, #nav a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin-right: 1px;
	text-align: center;
	padding: 8px 5px 3px 5px;
	float: left;
	margin-top: 1px;
	}
	
#nav a:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	}

#nav a.one:link, #nav a.one:visited {background: url(/img/wdgrange/nav-home.gif) no-repeat; width: 50px; margin-left: 8px;}
#nav a.sone:link, #nav a.sone:visited {background: url(/img/wdgrange/navo-home.gif) no-repeat; color: #FFF; width: 50px; margin-left: 8px;}
#nav a.one:hover{background: url(/img/wdgrange/navy-home.gif) no-repeat}

#nav a.two:link, #nav a.two:visited {background: url(/img/wdgrange/nav-about.gif) no-repeat; width: 74px;}
#nav a.stwo:link, #nav a.stwo:visited {background: url(/img/wdgrange/navo-about.gif) no-repeat; color: #FFF; width: 74px;}
#nav a.two:hover {background: url(/img/wdgrange/navy-about.gif) no-repeat}

#nav a.three:link, #nav a.three:visited {background: url(/img/wdgrange/nav-contact.gif) no-repeat; width: 78px;}
#nav a.sthree:link, #nav a.sthree:visited {background: url(/img/wdgrange/navo-contact.gif) no-repeat; color: #FFF; width: 78px;}
#nav a.three:hover {background: url(/img/wdgrange/navy-contact.gif) no-repeat}

#nav a.four:link, #nav a.four:visited {background: url(/img/wdgrange/nav-bakery.gif) no-repeat; width: 80px;}
#nav a.sfour:link, #nav a.sfour:visited {background: url(/img/wdgrange/navo-bakery.gif) no-repeat; color: #FFF; width: 80px;}
#nav a.four:hover {background: url(/img/wdgrange/navy-bakery.gif) no-repeat}

#nav a.five:link, #nav a.five:visited {background: url(/img/wdgrange/nav-carwash.gif) no-repeat; width: 114px;}
#nav a.sfive:link, #nav a.sfive:visited {background: url(/img/wdgrange/navo-carwash.gif) no-repeat; color: #FFF; width: 114px;}
#nav a.five:hover {background: url(/img/wdgrange/navy-carwash.gif) no-repeat}

#nav a.six:link, #nav a.six:visited {background: url(/img/wdgrange/nav-shop.gif) no-repeat; width: 92px;}
#nav a.ssix:link, #nav a.ssix:visited {background: url(/img/wdgrange/navo-shop.gif) no-repeat; color: #FFF; width: 92px;}
#nav a.six:hover {background: url(/img/wdgrange/navy-shop.gif) no-repeat}

#nav a.seven:link, #nav a.seven:visited {background: url(/img/wdgrange/nav-workshop.gif) no-repeat; width: 122px;}
#nav a.sseven:link, #nav a.sseven:visited {background: url(/img/wdgrange/navo-workshop.gif) no-repeat; color: #FFF; width: 122px;}
#nav a.seven:hover {background: url(/img/wdgrange/navy-workshop.gif) no-repeat}

#nav a.eight:link, #nav a.eight:visited {background: url(/img/wdgrange/nav-mot.gif) no-repeat; width: 56px;}
#nav a.seight:link, #nav a.seight:visited {background: url(/img/wdgrange/navo-mot.gif) no-repeat; color: #FFF; width: 56px;}
#nav a.eight:hover {background: url(/img/wdgrange/navy-mot.gif) no-repeat}

#main {
	width: 570px;
	border-left: 200px solid #E4E4E4;
	}
		
#content {padding: 20px}
	
p {margin-bottom: 20px}

.clear15 {clear: left; height: 15px;}
.clear20 {clear: left; height: 20px;}
.clear25 {clear: left; height: 25px;}
.clear35 {clear: left; height: 35px;}
.clear50 {clear: left; height: 50px;}
.clear75 {clear: left; height: 75px;}
.clear85 {clear: left; height: 85px;}
.clear100 {clear: left; height: 100px;}
	
#leftcol {
	float: left;
	width: 168px;
	padding: 15px;
	position: absolute;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
.bold {font-weight: bold}

a:link, a:visited {
	color: #101066;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
p.line {
	border-top: 1px dotted #FF0009;
	padding-top: 20px;
	}
	
#blueline {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #201D52;
	}
	
h1 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #201D52;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
		
h2 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #FF0009;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}

h3 {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	}
	
ul {
	list-style-image: url(/img/wdgrange/list-image.gif);	
	list-style-position: outside;
	margin-left: 15px;
	}
	
ul li {
	margin-bottom: 15px;
	}
	
.img {
	float: right;
	margin-left: 10px;
	z-index: 1;
	}
	
.imagetext {
	font: bold 16px Arial, Helvetica, sans-serif;
	float: right;
	position:absolute;
	margin-left: 40px;
	margin-top: 10px;
	z-index: 2;
	width: 100px;
	line-height: 18px;
	}
	
select {
	border: 1px solid #790003;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 1px;
	}

.footer {
	background-color: #FFF;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	line-height: 15px;
	clear:both;
	}

.footer a:link, .footer a:visited {
	color: #999;
	text-decoration: none;
	}

.footer a:hover {
	text-decoration: underline;
	}

td.img {width: 236px;}

td {vertical-align: top;}

h3 {font-size: 1.2em}

td.centre {vertical-align: middle;}

p.right {text-align: right}