@charset "UTF-8";

/* RESETS & FLOATS */

* { margin: 0; padding: 0; }

.floatleft {
	float: left; 
	}

.floatright {
	float: right;
	}

.clear {
	clear: both;
	}

/* BASIC */
html {overflow-y: scroll; }

body {
	font: 62.5% Myriad Pro, Arial, Helvetica, sans-serif;
	background:url(../images/bg-image.jpg) top left repeat-x #fff;
	}
	
	#wrapper {width: 1063px;}
	
	p {font-size: 1.3em; color: #333333; line-height: 1.5em; padding-bottom: 12px;}
	
	h1 {color: #ef3e36; text-transform: uppercase; padding-bottom: 14px;}
	
	h2 {padding-bottom: 6px;}
	
	#middle ul {font-size:1.3em; color:#666666; line-height: 1.5em; list-style-image:url(../images/bullet.jpg); }
	#middle ul li {padding-bottom: 10px;}
	
	img {border: none;}
	hr { border: 1px #CCC solid; }
	
/* HEADER */	
	#header {
		height: 188px;
		width: 1063px;
		}
		
		.logo {
			float: left;
			height: 153px;
			width: 190px;
			background-color:#fff;
			}
	
		.banner {
			float: left;
			height: 153px; 
			width: 872px; 
			background:url(../images/banner.jpg) no-repeat;
			}	
		
		#nav {
			position: relative; 
			left: 0px; 
			float: left;
			display: block; 
			list-style: none;
			width: 939px;
			height: 35px; 
			background:url(../images/nav-bar.jpg) no-repeat; 
			text-indent: -999px;
			}
	
			#nav li {
				float: left;
				}
				
				#nav li a {display: block;}
				
					#nav li.logoBottom {height: 35px; width: 190px; background:url(../images/logoBottom.jpg) no-repeat;}
					#nav li a.home {height: 35px; width: 64px; background:url(../images/homeBtn.jpg) no-repeat;}
					#nav li a.about {height: 35px; width: 70px; background:url(../images/aboutBtn.jpg)  no-repeat;}
					#nav li a.rallies {height: 35px; width: 71px; background:url(../images/ralliesBtn.jpg)  no-repeat;}
					#nav li a.caravans {height: 35px; width: 87px; background:url(../images/caravansBtn.jpg)  no-repeat;}
					#nav li a.gallery {height: 35px; width: 71px; background:url(../images/galleryBtn.jpg)  no-repeat;}
					#nav li a.reservations {height: 35px; width: 114px; background:url(../images/reservationsBtn.jpg)  no-repeat;}
					#nav li a.testimonials {height: 35px; width: 114px; background:url(../images/testimonialsBtn.jpg)  no-repeat;}
					#nav li a.policies {height: 35px; width: 76px; background:url(../images/policiesBtn.jpg)  no-repeat;}
					#nav li a.contact {height: 35px; width: 82px; background:url(../images/contactBtn.jpg)  no-repeat;}
				
						#nav li a.home:hover {background:url(../images/homeBtn-hover.jpg) no-repeat;}
						#nav li a.about:hover {background:url(../images/aboutBtn-hover.jpg) no-repeat;}
						#nav li a.rallies:hover {background:url(../images/ralliesBtn-hover.jpg) no-repeat;}
						#nav li a.caravans:hover {background:url(../images/caravansBtn-hover.jpg) no-repeat;}
						#nav li a.gallery:hover {background:url(../images/galleryBtn-hover.jpg) no-repeat;}
						#nav li a.reservations:hover {background:url(../images/reservationsBtn-hover.jpg) no-repeat;}
						#nav li a.testimonials:hover {background:url(../images/testimonialsBtn-hover.jpg) no-repeat;}
						#nav li a.policies:hover {background:url(../images/policiesBtn-hover.jpg) no-repeat;}
						#nav li a.contact:hover {background:url(../images/contactBtn-hover.jpg) no-repeat;}
	
/* LEFT */
	#left {float: left; width: 192px; background: #fff;}
	
	#left img {position: relative; left: 16px;}
	
	#left span {display: block; position: relative; top: 10px; left: 40px; font-family:Arial, Helvetica, sans-serif; font-size: 1.6em; color: #ef3e36;}
	
/* MIDDLE */
	#middle {width: 633px; float: left; margin: 40px 0 15px 0;}
	#middle img.floatright, #middle img.floatleft {border: solid 1px #666; margin: 8px;}
	.rates {margin-bottom: 16px;}
	#middle ul.trips li {margin-bottom: 5px;}
	#middle img.rates {padding-bottom: 10px;}
	
/* FOOTER */	
	#footer {position: absolute; height: 165px; width: 100%; background:url(../images/footer-bg.jpg) top left repeat-x;}
	
		#bottomNav {
	position: absolute;
	top: 40px;
	left: 200px;
	display: block;
	margin: 0 auto;
	list-style: none;
	color: #ef3e36;
}
		
			#bottomNav li {float: left; font-size: 1.4em; font-family:Arial, Helvetica, sans-serif;}
			
			#bottomNav li a {text-decoration: none; color: #ef3e36;}
			
			#bottomNav li a:hover {text-decoration: underline;}
		
		#footer span {font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #8eacac;}
		
		.copyright {position: absolute; top: 85px; left: 280px;}
		
		.attribution {position: absolute;top: 110px; left: 280px;}