@charset "utf-8";
/* CSS Document for Cars for all Occasions */

body {
	margin: 0;
 	padding: 0;
	background: url(/images/body-background.jpg) 50% top #333;
	}

* {margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; text-align: left}


/* -------------------------------- LAYOUT DIVS ------------------------------ */
div#container {
	margin: 0 auto;
	width: 766px;
	padding: 0 5px;
	background: url(/images/container-background.jpg) 0 0 repeat-y #fff
}

div#content {
	margin: 0 auto;
	width: 766px;
	padding: 10px 0;
	background: url(/images/right-col.gif) right 0 repeat-y #fff;
	overflow: hidden	
}

body#models-available div#content,
body#our-cars div#content
{
	background: #fff
}

div#left-col {
	float: left;
	width: 500px;
}

div#right-col {
	float: right;
	width: 266px;
}

div.half-col {
	float: left;
	width: 383px;
	overflow: hidden
}


div#nav {
	width: 766px;
	height: 58px;
	background: url(/images/nav-background.gif) 0 bottom no-repeat;
	overflow: hidden
}


div#main-image {
	width: 766px;
	height: 260px;
	background: #000
}

div#contact-details {
	clear: both;
	margin: 0 10px;
	margin-top: 40px;
	padding: 0 0 20px 0;
	border-top: 1px solid #ccc
}

div.clear {clear: both}

div.hr {margin: 15px; border-bottom: 1px solid #ccc; height: 20px;}

/* -------------------------------- MAIN NAV ------------------------------ */
div#nav ul {
	height: 37px;
	margin: 0;
	padding: 10px 0 0 70px;
}

div#nav ul li {
	display: block;
	float: left;
	height: 37px;
	margin: 0;
	list-style: none inside
}

div#nav ul li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 37px;
	line-height: 37px;
	padding: 0 10px;
	font-size: 0.95em;
	color: #fff;
	text-decoration: none;
	border-bottom: 5px solid #262626
}

div#nav ul li a:hover, div#nav ul li a.current {border-bottom: 5px solid #fff}

div#nav ul li#nav-home {width: 135px}
div#nav ul li#nav-models-available {width: 215px}
div#nav ul li#nav-our-cars {width: 165px}
div#nav ul li#nav-our-service {width: 170px}

/* CURRENT STATES */
body#home div#nav ul li#nav-home a {border-bottom: 5px solid #fff} 
body#models-available div#nav ul li#nav-models-available a {border-bottom: 5px solid #fff}
body#our-cars div#nav ul li#nav-our-cars a {border-bottom: 5px solid #fff}
body#our-service div#nav ul li#nav-our-service a {border-bottom: 5px solid #fff}


/* -------------------------------- TYPEOGRAPHY ------------------------------ */
div#main-image h1 a span {
   display: inline;
   float: left;
   width: 300px;

   background-image: url(/image-here.jpg);
   background-position: top left;
   background-repeat: no-repeat;

   padding: 0px 0px 0px 0px;
   overflow: hidden;

    height: 0px !important;
    height /**/: 150px;

    font-size: 9px;
}

div#main-image h1 a img {float: left; margin: 0; padding: 0; height: 260px}

p {
	margin: 10px 15px;
	font-size: 0.75em;
	line-height: 1.8;
	color: #333
}

p.note {
	margin: 10px 15px;
	font-size: 0.70em;
	line-height: 1.4;
	color: #333
}

div#contact-details p {
	margin: 10px 5px;
	font-size: 0.70em;
	line-height: 1.4;
	color: #333
}


a, a:link, a:visited {color: #095fa7}
a:hover {color: #333}

ul, ol {
	margin: 10px 15px;
	padding: 0;
	list-style-position: outside;
	font-size: 0.75em;
	line-height: 1.8;
}
ul {list-style-type: square}
ol {list-style-type: decimal}

table {margin: 0 15px; font-size: 0.75em}
table td {padding-right: 20px; line-height: 1.8}

div#areas-we-cover p {margin: 10px 15px 0 15px; font-size: 0.70em; line-height: 1.2}

div#areas-we-cover ul {margin: 10px 15px; list-style-position: outside; list-style-type: none; font-size: 0.70em; line-height: 1.2}
	
div#areas-we-cover ul li {}

img.right {float: right; margin: 10px 15px 10px 10px; border: 1px solid #000}
img.left {float: left; margin: 10px 10px 10px 15px; border: 1px solid #000}