/* ===================================================
   Layout stylesheet - Colshe motor company
   Version: v1.0
   Author: Jon Boyce - 01/02/2008
/* =================================================*/

@import "reset.css";

body {background:#7D7D7D url(../images/html_bg.gif) 0 0 repeat-x; color:#333; font-size:small; font-family:arial;}

#container {position:relative; padding:78px 0 5px 0; width:800px; margin-left:auto; margin-right:auto; background:#fff url(../images/nav/header.jpg) 0 0 no-repeat;}

strong {color:#333; font-weight: bold;}

/* Navigation ====================================*/
a {color:#333;}
a:hover {color:#74SD1B;}
div#nav {border:0px solid;}
div#nav ul {display: block; float:left; width:773px; height:34px; margin:0; padding:0 0 0 27px; background:#fff url(../images/nav/bg_nav.gif) 0 0 repeat-x; list-style:none;}
div#nav ul li {text-indent: -1000px; padding:0 0;}
div#nav ul li a {display:block; float:left; overflow:hidden; height:34px;}

a.home
{width:94px;background:url(../images/nav/home_white.gif) 0 0 no-repeat;}
a.stock
{width:140px;background:url(../images/nav/stock_white.gif) 0 0 no-repeat;}
a.contact
{width:122px;background:url(../images/nav/contact_white.gif) 0 0 no-repeat;}
a.home:hover
{width:94px;background:url(../images/nav/home_green.gif) 0 0 no-repeat;}
a.stock:hover
{width:140px;background:url(../images/nav/stock_green.gif) 0 0 no-repeat;}
a.contact:hover
{width:122px;background:url(../images/nav/contact_green.gif) 0 0 no-repeat;}
a.home_hit
{width:94px;background:url(../images/nav/home_green.gif) 0 0 no-repeat;}
a.stock_hit
{width:140px;background:url(../images/nav/stock_green.gif) 0 0 no-repeat;}
a.contact_hit
{width:122px;background:url(../images/nav/contact_green.gif) 0 0 no-repeat;}

/* main content ===================================*/
#content {position:relative; clear:left; overflow:hidden; padding:27px 0 0 27px; width:753px; border:0px solid;}
#content h2#home {display:block; height:28px;text-indent:-1000px; width:301px;background:url(../images/home/title.gif) 0 0 no-repeat;}
#content h2#stock {display:block; height:28px; text-indent:-1000px;width:140px; background:url(../images/stock/title.gif) 0 0 no-repeat;}
#content h2#contact {display:block; height:28px; text-indent:-1000px; width:140px; background:url(../images/contact/title.gif) 0 0 no-repeat;}

h3 {font-weight: bold; color:#74ad1b;}
.italic {font-style:italic; color:#999; font-size: 0.9em;}

p {line-height:20px; margin:15px 0;}

div#flashimage {float:right; height:330px; width:395px; margin:0 0 0 20px; padding:14px 0 0 26px; background:url(../images/home/car.jpg) 0 0 no-repeat;}

#stockList {border:none;}

#content p.tel {display:block; margin-bottom:0;}

#contact_details {float:left; width:300px;}

/* stock =====================================*/

.banners {position:absolute; top:20px; right:0;}
.banners li {display:block; float:left; margin-left:10px; width:239px; height:68px;}
.banners li a.ebay {display:block; width:239px; height:68px; text-indent:-99999px; background:transparent url(../images/stock/ebay.gif) 0 0 no-repeat;}
.banners li.rac {background:transparent url(../images/stock/rac.gif) 0 0 no-repeat; text-indent:-99999px;}




/* google maps =====================================*/
div#map
{float:right; border:#FFF 20px solid; width: 390px; height: 300px; margin:0 0 25px 20px;}


/* footer ==========================================*/
#footer
{margin-top:20px;text-indent:25px;}
#footer img
{margin-left:10px}
p.copyright
{display:block;width:100%;border-top:8px #24526d solid;margin:5px 0 0 0; padding:0; font-size:10px;line-height:25px;}
p.jonboyce
{display:block;margin:5px 0 0 0; padding:0; font-size:10px;line-height:15px;}