/* Min CSS Reset */

html, body, div{
  margin: 0;
  padding: 0;
  border: 0;
  
  }
 
/* CSS Grid */

.main{margin:0 auto;  width:970px; padding-top:10px; }


.g80,
.g150,
.g160,
.g240,
.g320,
.g400,
.g480,
.g560,
.g640,
.g720,
.g800,
.g880,
.g960
{float:left; display: inline; margin-left:10px;  } 


.g150{width:150px;}
.g160{width:180px; }
.g320 {width:305px;}
.g480{width:470px;}
.g640{width:630px;}
.g800{width:790px;}
.g960{width:950px;}

.g80 {width:70px;}
.g240{width:230px;}
.g400{width:390px;}
.g560{width:550px;}
.g720{width:710px;}
.g880{width:870px;}

.ml10{padding-left: 10px;}
.ml40 {margin-left:40px;}
.ml80 {margin-left:80px;}
.ml120 {margin-left:120px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}


.inside{margin-left:0;}

p{ text-align: left; padding-left:10px; color:#fff; font-size:20px;}
  
.clear {clear:both;}
.clear20px{clear:both; height:20px;}
.clear50px{clear:both; height:50px;}

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }
	 
.clearfix, .main{ display:block;} 


/* Nav Menu */


#menu {padding-left: 20px; margin:0 auto; list-style:none;  height:50px;}
#menu li {position:relative; float:left;}
#menu li a {display:block; height:50px; padding: 0px 20px 0px 20px; float:left; color:#000; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:20px; text-align:center; cursor:pointer; line-height:50px; color:#ffdd02;}
#menu li a b {position:relative;}


#menu li a:hover, 
#menu li a:active,
#menu li a:focus
{cursor:pointer; color:#fff;}

* html #menu li a:hover, 
* html #menu li a:active,
* html #menu li a:focus
{background:none;}

#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b
{cursor:pointer;} 


/* Bottom  Menu */

#bmenu {padding: 0px; margin:0 auto; list-style:none; }
#bmenu li {position:relative; float:left;}
#bmenu li a {display:block; height:50px; padding: 0px 12px 0px 0px; float:left; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:11px; text-align:center; cursor:pointer; line-height:50px; color:#fff;}
#bmenu li a b {position:relative;}


#bmenu li a:hover, 
#bmenu li a:active,
#bmenu li a:focus
{cursor:pointer; color:#ffdd02;}

* html #bmenu li a:hover, 
* html #bmenu li a:active,
* html #bmenu li a:focus
{background:none;}

#bmenu li a:hover b,
#botttommenu li a:active b,
#bmenu li a:focus b
{cursor:pointer;} 


/* Used Cars List */

.usedcarlistdesc {padding: 0px 0px 15px 0px; margin: 20px 0 0 110px;}

dd.description {text-align: left;}

/* Services Lists */

#services {list-style-type:disc; font-size: 19px; padding: 0px 20px 0px 20px;}
#services li {color:#fff; text-align:left;}
li.desc {list-style-image: url("../img/listbullet.png"); margin-left: 30px;}


/*  Section Colours/Heights 

    Black Background Logo - 060807
	"" 2 - 0a0c01
	Original Gold Wording - febd01
	Original Gold Highlight: f2c53d 
	Brighter Logo Yellow - fcd600
	Brighter Logo Yellow 2 - ffdd02
*/
img { border:0;}

body {background-color:#060807; text-align:center; background-image:url("../img/back.jpg");background-repeat:repeat-y;}

.main{background-color:#060807;  border-color:#ffdd02; border-style: none solid; border-width: 1px;}

.title{background-color:#060807; height:217px}

.menu{background-color:#060807; height: 50px; }

.contentmainpage{ background-image:url("../img/contentbg.png"); background-color:#060807; height: 430px; }


.serviceslist{margin-left: 20px;  text-align:left;}

.statement {background-color: #060807; border-style: double none double none; border-width: 1px; border-color:#fff; padding-bottom: 10px;}

.testimonial {border-style: solid none none none; border-width: 2px; border-color: #fff; }

.opt1{ padding-left: 5px; height: 143px; }

.opt2{ height: 143px;}

.opt3{ height: 143px;}

.opt4{ height: 143px;}

.opt5{ height: 143px;}

.opt6{ height: 143px; }

.footer{ padding-top: 30px; background-color:#060807;  border-style: none none solid none; border-width:1px;}



/* Headings/Text */


h1, h4, h5 {color:#fcd600; margin:0; padding:0; }

h2 {
color:#ffcc00;
text-decoration: underline;
font-style: italic;
}

h2.titlewhite {
color:#fff;
font-style:normal;
text-decoration:none;
font-size: 26px;
}

h3 {
color: #ffdd02;
}

h3.titlefooter {
color: #ffdd02;
padding-top: 30px;
margin:0 auto;
font-size: 25px;
}


h3.titlewhite {
color: #fff;
}

h5.titlewhite {
color: #fff;
}

h3.titlewhitebig {
color: #fff;
font-size: 22px;
}

h6 {
color:#fcd600;
}

span.phone {
  color:#fff;
  font-size: 35px;
}

a {color:#ffdd02;}
a:hover {color:#fff;}
a.focus{}
a.active{}

a.lightbox img {border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; color: #000; }
a.lightbox2 img {border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; color: #000; }

a.lightbox:hover img { border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; color: #fff; }
a.lightbox2:hover img { border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; color: #fff; }

.sub:hover
{
 background-color: #736F6E; 

}


/* ADD THIS TO CSS */
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

/* IMAGE ROLLOVERS */


#opt1
{
  display: block;
  width: 180px;
  height: 143px;
  background: url(../img/opt1.jpg) no-repeat;

}

#opt1:hover
{ 
  background: url(../img/opt1hover.jpg) no-repeat ;
}

#opt1 span
{
  position: absolute;
  top: -999em;
}


#opt2
{
  display: block;
  width: 180px;
  height: 143px;
  background: url(../img/opt2.jpg) no-repeat;

}

#opt2:hover
{ 
  background: url(../img/opt2hover.jpg) no-repeat ;
}

#opt2 span
{
  position: absolute;
  top: -999em;
}



#opt3
{
  display: block;
  width: 180px;
  height: 143px;
  background: url(../img/opt3.jpg)no-repeat;

}

#opt3:hover
{ 
  background: url(../img/opt3hover.jpg) no-repeat ;
}

#opt3 span
{
  position: absolute;
  top: -999em;
}


#opt4
{
  display: block;
  width: 180px;
  height: 143px;
  background: url(../img/opt4.jpg) no-repeat;

}

#opt4:hover
{ 
  background: url(../img/opt4hover.jpg) no-repeat ;
}

#opt4 span
{
  position: absolute;
  top: -999em;
}



#opt5
{
  display: block;
  width: 180px;
  height: 143px;
  background: url(../img/opt5.jpg) no-repeat;

}

#opt5:hover
{ 
  background: url(../img/opt5hover.jpg) no-repeat ;
}

#opt5 span
{
  position: absolute;
  top: -999em;
}


#opt6
{
  display: block;
  width: 180px;
  height: 143px;
  background: url(../img/opt6.jpg) no-repeat;

}

#opt6:hover
{ 
  background: url(../img/opt6hover.jpg) no-repeat ;
}

#opt6 span
{
  position: absolute;
  top: -999em;
}

/*Rounded Corners (doesn't work in IE) */
.rc {-moz-border-radius-bottomleft: 10px;  -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;}

/* DEFINITION LIST FOR USED CARS PAGE */

dl.usedcars
{
	float: left;
	width: 520px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #736F6E;
	color: #fff;
}

.usedcars dt
{
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #736F6E;
	font-weight: bold;
	color: #febd01;;
}

.usedcars dd
{
	float: left;
	width: 300px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #736F6E;
	color: #fff;
}






/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
	background:url(../img/slider.png) no-repeat;
    width:850px;
    height: 374px;
	margin-left: 60px;  /*centering of slider */
	
}

#slider {
	position:relative;
    width:630px;
    height:354px;
	background:url(../img/loading.gif) no-repeat 50% 50%;
	margin-left: 100px;
	top: 10px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

/* Position of Bullets */
.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;

}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}