@import 'reset.css';
@import 'sIFR-screen.css' screen;

body {
	background: url(../img/bg.jpg) repeat-x top left;
}


a {
	color: #004B85;
}
a:hover {
	color: #004B85;
	text-decoration: none;
}
#wrapper {
	margin: 0 auto;
	width: 950px;
}

#header {
	height: 86px;
	padding-top: 30px;
}

#logo {
	float: left;
}

#topnav {
	float: right;
}

#topnav li {
	display: block;
	float: left;
	text-align: center;
	width: 65px;
}
#topnav span {
display: none;
}
#topnav a {
	color: #003152;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#topnav li.home a:hover {
	background: url(../img/topnav/home-hover.jpg) no-repeat top center;
	display: block;
	padding-top: 66px;
}

#topnav li.home a:hover img {
	display: none;
}

#topnav li.about-us a:hover {
	background: url(../img/topnav/about-us-hover.jpg) no-repeat top center;
	display: block;
	padding-top: 66px;
}

#topnav li.about-us a:hover img {
	display: none;
}

#topnav li.car-services a:hover {
	background: url(../img/topnav/car-services-hover.jpg) no-repeat top center;
	display: block;
	line-height: 15px;
	padding-top: 60px;
}

#topnav li.car-services a:hover img {
	display: none;
}

#topnav li.commercial-and-special a:hover {
	background: url(../img/topnav/commercial-and-special-hover.jpg) no-repeat top center;
	display: block;
	line-height: 15px;
	padding-top: 60px;
}

#topnav li.commercial-and-special a:hover img {
	display: none;
}

#topnav li.technical a:hover {
	background: url(../img/topnav/technical-hover.jpg) no-repeat top center;
	display: block;
	padding-top: 66px;
}

#topnav li.technical a:hover img {
	display: none;
}

#topnav li.quality a:hover {
	background: url(../img/topnav/quality-hover.jpg) no-repeat top center;
	display: block;
	padding-top: 66px;
}

#topnav li.quality a:hover img {
	display: none;
}
#topnav li.enviromental a:hover {
	background: url(../img/topnav/enviro-hover.jpg) no-repeat top center;
	display: block;
	padding-top: 66px;
}

#topnav li.enviromental a:hover img {
	display: none;
}
#topnav li.location a:hover {
	background: url(../img/topnav/location-hover.jpg) no-repeat top center;
	display: block;
	padding-top: 66px;
}

#topnav li.location a:hover img {
	display: none;
}

#topnav li.contact a:hover {
	background: url(../img/topnav/contact-hover.jpg) no-repeat top center;
	display: block;
	padding-top: 66px;
}

#topnav li.contact a:hover img {
	display: none;
}

#main {
	clear: both;
	padding-top: 35px;
}

/***
 * Main Page Blocks
 */
#blocks div {
	border: 1px solid #fff;
	float: left;
	height: 492px;
	padding: 1px;
	margin-right: 25px;
	width: 296px;
}

#blocks div div {
	border: none;
	height: auto;
	padding: 0;
}

#blocks div.last {
	margin-right: 0;
}

#blocks h1, #blocks div.phone {
	display: block;
	height: 30px;
	font-size: 20px;
	font-family: "Univers Condensed", Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.5px;
	padding: 10px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 296px;
}

#blocks .yellow h1, #blocks .yellow div.phone {
	background: #FFF200;
	color: #004B85;
}

#blocks .green h1 {
	color: #000000;
	height: 40px;
	padding: 0;
	background-color: #003152;
}

#blocks .green h1 span.vs {
	clear: both;
	display: block;
	font-size: 18px;
}

#blocks .green h1 span.hds {
	font-size: 19px;
}

#blocks .green h1 span {
	font-size: 18px;
}

#blocks .blue h1, #blocks .blue div.phone {
	background: #004B85;
	color: #ffffff;
	font-size: 20px;
}
#blocks .blue div.phone {
	display: block;
	width: 296px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-color: #004B85;
	background-image: url(../img/car-telephone.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#blocks .yellow div.phone {
	display: block;
	width: 296px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-color: #FFF200;
	background-image: url(../img/technical-telephone.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#blocks .green div.phone {
	display: block;
	width: 296px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-color: #002E52;
	background-image: url(../img/vehcile-telephone.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#blocks div.phone p{
	background: none;
	text-indent: -9999px;
}

#blocks div div.copy {
	background: #ffffff;
	position: relative;
	bottom: 1px;
	height: 208px;
	padding: 12px;
	width: 272px;
}

#blocks div div.copy h2 {
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 0.3em;
	font-weight: bold;
}

#blocks .green div.copy h2 {
	color: #002E52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 0.3em;
	font-weight: bold;
}

#blocks div div.copy p {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin-bottom: 1.5em;
}

.title {
	color: #004B85;
	font-weight: bold;
}

#technical-services-header h1 {
	background: none;
	text-indent: -9999px;
}

#blocks .yellow #technical-services-header h1 {
	background: url(../img/technical-services-header.gif) no-repeat center center;
	background-color: #FFF200;
	display: block;
	width: 296px;
	height: 40px;
	padding: 0;
	margin: 0;
}
#vehicle-services-header h1 {
	background: none;
	text-indent: -9999px;
}

#blocks .green #vehicle-services-header h1 {
	background: url(../img/vehicle-services-header.gif) no-repeat center center;
	background-color: #002E52;
	display: block;
	width: 296px;
	height: 40px;
	padding: 0;
	margin: 0;
}
#car-services-header h1 {
	background: none;
	text-indent: -9999px;
}

#blocks .blue #car-services-header h1 {
	background: url(../img/car-services-header.gif) no-repeat center center;
	background-color: #004B85;
	display: block;
	width: 296px;
	height: 40px;
	padding: 0;
	margin: 0;
}

/***
 * Footer
 */

#footer {
	clear: both;
	padding-top: 40px;
	margin: 0 auto;
	width: 975px;
}

#footer li {
	display: block;
	float: left;
	margin: 0 13px 3px 13px;
	width: 440px;
}

#footer li p {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
}

#footer li p a{
	color: #004B85;
	text-decoration: none;
}

#footer li p a:hover{
	color: #004B85;
	text-decoration: underline;
}

/***
 * Content
 */

.text ul {
	margin-left: 0em;
}

.text li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	text-indent: 1.5em;
	background: url(../img/sections/bullet.gif) no-repeat 0px 10px;
}

.text h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1em;
}

/***
 * Highlight
 */
div.highlight {
	background: #FFFCBF;
	border: 1px solid #FFF200;
	color: #004B85;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	width: 340px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div.highlight h2{
line-height: 1.8em;
}
div.overflow_highlight {
	background: #FFFCBF;
	border: 1px solid #FFF200;
	color: #004B85;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	padding: 10px;
	width: 310px;
}
div.overflow_highlight h2{
line-height: 1.8em;
}

/* Alternative Index */

#home-wrapper {
	width: 950px;
	height: 478px;
	background-color: #FFFFFF;
	margin: 10px 0 10px 0;
}
#left-home-column {
	width: 160px;
	height: 478px;
	float: left;
}
#left-home-column ul{
	margin: 0;
	padding: 0;
	border: 1px solid #FFF;
}
#left-home-column li{
	margin: 0;
	padding: 0;
	position: relative;
}
.hide {
display: none;
}
a.tech-box:link, a.tech-box:active, a.tech-box:visited{
	width: 158px;
	height: 158px;
	display: block;
	background-image: url(../img/home-menu/technical-block.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #FFF;
}
a.tech-box:hover {
	width: 158px;
	height: 158px;
	display: block;
	background-image: url(../img/home-menu/technical-block-f2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
a.heavy-box:link, a.heavy-box:active, a.heavy-box:visited{
	width: 158px;
	height: 158px;
	display: block;
	background-image: url(../img/home-menu/heavyduty-block.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #FFF;
}
a.heavy-box:hover {
	width: 158px;
	height: 158px;
	display: block;
	background-image: url(../img/home-menu/heavyduty-block-f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
a.car-box:link, a.car-box:active, a.car-box:visited{
	width: 158px;
	height: 158px;
	display: block;
	background-image: url(../img/home-menu/carservices-block.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	float: left;
}
a.car-box:hover {
	width: 158px;
	height: 158px;
	display: block;
	background-image: url(../img/home-menu/carservices-block-f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#home-animation {
	width: 476px;
	height: 476px;
	float: left;
	border-top: 1px solid #FFF;
}
#home-welcome {
	width: 240px;
	height: 416px;
	float: left;
	background-color: #FFFFFF;
	padding: 30px;
}
#home-welcome h1{
	color: #004B85;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 1em;
	font-weight: bold;
}
#home-welcome p{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	margin: 0 0 15px 0;
	padding: 0;
}
.centre {
text-align: center;	
}