@import url('reset.css');
@import url('form.css');
@import url('slimbox2.css');

/*Common Elements*/
body {background: url(../images/backgrounds/body.jpg) no-repeat center 98px #311111; font: 62.5%/1.8em Arial,Verdana,sans-serif;}

a {color: #ff0000; text-decoration: none;}
a:hover {text-decoration: underline;}
iframe {float:right; border:#aaa 3px solid; margin:0 -15px 0 20px;}

.page-image {float:right; border:#aaa solid 3px; margin:0 -15px 0 20px;}

#slideshow { width: 406px; height: 271px; overflow: hidden;  float: right; margin:0 -15px 0 20px; }

#slideshow img { border:#aaa solid 3px; }


/*Containers*/
#header-container {width: 100%; height: 98px; background: url(../images/backgrounds/header.gif) repeat-x 0 0;}
  #header{width: 895px; margin: 0 auto;}
#container {width:951px; margin: 0 auto; padding: 18px 3px 0 3px; background: url(../images/backgrounds/container.jpg) center 15px no-repeat;}
  #wrapper {background: url(../images/backgrounds/wrapper.jpg) no-repeat 0 0 #e0e0e0;}
    #banner {height: 371px; padding: 16px 10px 25px 19px; background: url(../images/backgrounds/banner.gif) no-repeat 12px bottom;}
    #content {background: url(../images/backgrounds/content.gif) 12px 0 repeat-y; color: #3d3d3d; font-size: 1.2em; line-height: 1.8em; padding: 0 50px 0 0 ;}  
#footer {width: 951px; height: 30px; margin: 0 auto; padding: 50px 0 30px 0; background: url(../images/backgrounds/footer.gif) no-repeat 0 0; clear: both;}

/*Header Elements*/
#contact-details {float: right; width:330px; text-align: right; color: #fff219; padding: 20px 0 0 0; font-size: 1.2em;}
#phone {font-size: 1.6em;}
#header a img {float: left; margin-top: 5px; display: inline;}

/*Banner Elements*/
#cta {float: right; width: 261px;}
	#heroshots {float: left; width: 462px; height: 364px; overflow: hidden;}
	#heroshots li {width: 462px; height: 364px; }
	#rides a {width:261px; height: 184px; display:block; background: url(../images/call_to_actions/rides.jpg); text-indent: -9999px;}
	#view_our_products a {width:261px; height: 181px; display:block; padding: 3px 0 0 0; background: url(../images/call_to_actions/view_our_products.jpg) no-repeat 0 3px; text-indent: -9999px;}
	
/*Navigation Elements*/	
#navigation {width: 179px; height: 308px; background: url(../images/backgrounds/navigation.jpg) no-repeat; float: left; padding: 56px 0 0 0 ;}
	#navigation li {font-size: 1.6em; text-align: left; color: #fff; margin: 0 0 25px 0 ; padding: 0 0 0 61px;}
	#navigation li a {color:#fff219; text-decoration: none;}
		
body#home-page #navigation li#home-nav a,
body#profile-page #navigation li#profile-nav a,
body#products-page #navigation li#products-nav a, 
body#services-page #navigation li#services-nav a,
body#rides-page #navigation li#rides-nav a,
body#contact-page #navigation li#contact-nav a, #navigation li a:hover {color: red;}
	
#logos {width: 179px; float: left; padding: 0 0 0 20px; margin: 0 20px 0 0; text-align: center; display: block;}
#logos li {padding: 0 0 20px 0 ;}

/*Content Elements*/
#content h1 {font-size: 1.6em; color: #3d3d3d; padding: 0 0 20px 0;}
#content p {padding-bottom: 20px;}
#content ul.bullets { list-style: square; margin: 10px 0 20px 240px; }

/*Footer Elements*/
#footer img {float: right;}
#footer p {color: #999999; font-size: 1.2em;}
#footer a {color:#aaa;}

/*Product Elements*/
ul#products {}
ul#products li {float:left; width:15%;height:120px; text-align:center;}
#products li a img {border:#aaa solid 2px;}

/*Services Elements*/


/*Contact Elements*/
#contact-h1 {padding:0 0 20px 40px !important;}
#contact-info {width:300px; float:left; padding:0 0 20px 40px;}
#contact-info li {font-size:1.2em;}
#contact-enquiry {padding:0 20px 0 40px;}