﻿	
* {margin:0; padding:0;}
.clear {clear:both;}
body {background:#fff url(../../images/layout/main-bg.gif) repeat-x; font:normal 62.5% 'Lucida Grande',Verdana,sans-serif; text-align:center; color:#504d4d; line-height:1.6em;}
h1 {color:#ff0000; font-size:1.8em; padding-bottom: 15px;}
h2 {font-size:1.4em; padding:10px 0}
h3 {font-size:1.1em; color:#ff0000; padding:0; margin:0}
p {padding-bottom: 10px; font-size:1.2em}
a, a:visited {color:#504d4d}
a:hover, a:active {color:#ff0000}


#container {margin:20px; text-align:left; }
		
#header {width:755px; height:110px; background:#000 url(../../images/layout/head-bg.gif) repeat-y; padding:20px 0px 0px 185px;}
#logo {float:left;}
#search	{float:right; width:250px; color:#fff; font-size:1.2em; padding-right:20px; margin-top:70px;}
#search input {background-color:#e5e2e2;}

#content-container {width:938px; background:#e5e2e2 url(../../images/layout/content-bg.gif) repeat-y; border:1px solid #ff0000;}			

#nav {float:left; height:100%; width:189px; padding-top:20px; color:#fff; font-size:1.4em;}
#nav li {list-style:none; background:url(../../images/nav/nav-bg.gif) repeat-y; border-top:1px solid #ff0000; padding:5px 5px 5px 10px;}
#nav #contact-us-nav {border-bottom:1px solid #ff0000}
#nav a, #nav a:active, #nav a:visited {text-decoration:none; color:#fff; display:block;}
#nav a:hover {color:#ff0000}
#nav .tout {color:#c0c0c0; text-align:center; line-height:40px; margin:100px 0px 40px 0px;}
#nav .tout .large {font-size:30px;}
#nav .tout img {margin-bottom:20px;}
.sub a{padding-left:20px}

#about-us #about-us-nav a, #our-services #our-services-nav a , #our-workshop #our-workshop-nav a, #customer-testimonials #customer-testimonials-nav a, #contact-us #contact-us-nav a, #servicing #servicing-nav a {background:url(../../images/nav/arrow.gif) no-repeat right}

#content {float:left; width:708px; padding:20px}	
#content .content-img {float:right; margin:0 0 10px 10px}
#content li {font-size:1.2em; padding-bottom:10px;}
#content ul {margin-left:15px;}

#footer {clear:both; width:918px; height:20px; padding:5px 10px 0px 10px; background:#a8a8a8 url(../../images/layout/footer-bg.gif) repeat-x; color:#fff;}
#footer li {list-style:none; display:inline; border-right:#fff solid 1px; padding:0px 4px 0px 6px}
#footer .last {border-right:0}
#footer-nav {float:left}
#footer-nav  a, #footer-nav  a:visited {color:#fff; text-decoration:none;}
#footer-nav  a:hover {text-decoration:underline;}
#footer-copy {float:right;}
#footer-copy p {font-size:0.8em;}

#map_canvas {width: 500px; height: 300px; margin-bottom: 15px;}

.service-table {empty-cells:show; border-collapse:collapse; margin-top:20px; font-size:1.1em}
.service-table .light {background-color:#fffdd0;}
.service-table .dark {background-color:#cecece;}
.service-table td {border-bottom:1px solid #ff0000; padding:10px 0px 10px 5px}
.service-table th {background-color:#cecece; border-bottom:1px solid #ff0000; padding:10px 0px 10px 5px}

.galleria_container {float:right;}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */