/*-----------------------------------------------------------------------------
Bloggs Garage Style Sheet
version:   1.0
author:    steve stocker
email:     steve@bloggsgarage.biz
website:   http://www.bloggsgarage.biz/
-----------------------------------------------------------------------------*/
/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
     margin: 0;
	padding: 0;
}
/* Put it back on certain elements */
h1, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
     margin: 1em 0;
}
/* Class for clearing floats */
.clear {
	clear:both;
}
/* Remove borders around linked images */
img {
	border: 0;
}
.pdafont {
  font-size: 0.6em;
}
/* =Typography
-----------------------------------------------------------------------------*/
body {
     font-family: verdana, arial, sans-serif;
     font-size: 0.9em;
	background-color: #efefef;
	width: 800px;
	margin-left: auto;
     margin-right: auto;
     overflow: -moz-scrollbars-vertical;
}
/* =Header
-----------------------------------------------------------------------------*/
#Header {
     margin: 5px 0 5px 0;
     width: 800px;
     height: 60px;
}
#Header h1 {
     margin-top: 0;
}
/* =MainNav
-----------------------------------------------------------------------------*/
#MainNav
ul {
     margin: 0;
     padding: 0;
     float: left;
     width: 800px;
     background: #cacaca url(images/nav.gif) repeat-x;
     list-style: none;
     font-weight: normal;
}
#MainNav ul li {
     float: left;
     width: 120px;
}
#MainNav ul a {
     padding: 0 1em;
     line-height: 2.1em;
     background: url(images/mainNavBorder.gif) repeat-y left top;
     text-decoration: none;
     color: #505050;
     text-align: center;
     display: block;
}
#MainNav ul a:hover {
     color: #99332a;
}
#MainNav ul li .first {
     background: none;
}
/* =Main Page Area
-----------------------------------------------------------------------------*/
#wrapper {
	text-align: left;
	margin: 0px auto;
	border:0;
	width: 800px;
}
#left_side {
	float: left;
	width: 145px;
	background-color: #efefef;
	padding-top: 10px;
}
#left_side a {
     text-decoration:none;
     display:block;
     width:75px;
     height:75px;
}
#service {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_service.png) 0 0 no-repeat;
}
#service a:hover {
     text-decoration:none;
     background:url(artwork/button_service_hover.png) 0 0 no-repeat;
}
#mot {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_mot.png) 0 0 no-repeat;
}
#mot a:hover {
     text-decoration:none;
     background:url(artwork/button_mot_hover.png) 0 0 no-repeat;
}
#tool {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_tool.png) 0 0 no-repeat;
}
#tool a:hover {
     text-decoration:none;
     background:url(artwork/button_tool_hover.png) 0 0 no-repeat;
}
#tyre {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_tyre.png) 0 0 no-repeat;
}
#tyre a:hover {
     text-decoration:none;
     background:url(artwork/button_tyre_hover.png) 0 0 no-repeat;
}
#right_side {
	float: right;
	width: 145px;
	background-color: #efefef;
	padding-top: 10px;
}
#right_side a {
     text-decoration:none;
     display:block;
     width:75px;
     height:75px;
}
#car {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_car.png) 0 0 no-repeat;
}
#car a:hover {
     text-decoration:none;
     background:url(artwork/button_car_hover.png) 0 0 no-repeat;
}
#recycle {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_recycle.png) 0 0 no-repeat;
}
#recycle a:hover {
     text-decoration:none;
     background:url(artwork/button_recycle_hover.png) 0 0 no-repeat;
}
#man {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_man.png) 0 0 no-repeat;
}
#man a:hover {
     text-decoration:none;
     background:url(artwork/button_man_hover.png) 0 0 no-repeat;
}
#ecu {
     width:75px;
     height:75px;
     margin:0 auto;
     background:url(artwork/button_ecu.png) 0 0 no-repeat;
}
#ecu a:hover {
     text-decoration:none;
     background:url(artwork/button_ecu_hover.png) 0 0 no-repeat;
}
.caption {
	/*font-size: 0.7em;
	font-weight: bold;*/
	text-align: center;
	margin-bottom: 1.5em;
}
#MainContent  {
     float: left;
     width: 500px;
     text-align: center;
     font-weight: bold;
     color: #99332a;
	background-color: #efefef;
	margin: 5px;
	padding: 15px 0 5px 0;
}
#SubContent img{
     float: left;
}
#SubContent p {
     font-size: 0.8em;
     text-align: left;
     clear: left;
     padding: 15px;
}
#SubContent ul{
     list-style-type: none;
}
/* =SecContent
-----------------------------------------------------------------------------*/
#piccontent {
     width: 100%;
     padding: 10px;
}
#piccontent img {
     padding: 15px;
}
/* =Footer
-----------------------------------------------------------------------------*/
#Footer {
     clear: both;
     width: 800px;
     height: 60px;
     background: none;
     text-align: center;
     padding: 5px;
     font-size: 0.7em;
     line-height: normal;
}
div#preload { 
  display: none;
}