/*-- ROOT ELEMENTS --*/
/*-- ROOT ELEMENTS --*/
/*-- MASTER POSITIONAL --*/
	#body-wrap { width: 100%; height: auto; }
	#body-inner { width: 938px; height: auto; margin: 3px auto; border: 1px solid #003399; }
/*-- MASTER POSITIONAL --*/
/*-- CONTENT --*/
	#header { width: 938px; height: 86px; overflow: hidden; }
			.header-alpha { float:left; width: 767px; height: 86px; overflow: hidden; }
			.header-beta { float:right; width: 171px; height: 86px; overflow: hidden; background-color: #003399; }
			.header-beta p { width: 100%; padding: 15px 0px 0px 0px; text-align: center; font-style: italic; font-weight: bold;}	
			.class-1 a,					
			.class-1 a:link { color: #ffffff; text-decoration: none; }
			.class-1 a:hover,
			.class-1 a:focus { text-decoration: none; color: #15b6b0; }				
	#nav { width: 938px; height: 34px; background-color: #cbe9bd; /*overflow: hidden; */margin: 0 auto 0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #003399; }
		#nav ul { float: left; margin: 0 0 0 110px; padding: 0; list-style-type: none; }
		#nav ul li { position: relative; float: left; margin: 0 0 0 0; padding: 0; list-style-type: none; font-size: 14px; }
		#nav ul li.item { float: left; margin: 9px 0 0 0; padding: 0; list-style-type: none; }
		#nav ul li.item a { color: #003399; text-decoration: none; }
		#nav ul li.item a:hover { color: #00c161; text-decoration: none; }
		#nav ul li.sep { float: left; margin: 8px 14px 0 14px; padding: 0; list-style-type: none; color: #8dabb3; }
		
		#nav  li ul { position: absolute; left: -10px; top: 16px; display: none; background-color: #cbe9bd; margin: 0; padding: 9px 0 0 0; list-style: none; width: 175px; }
		#nav  li ul li { float: left; width: 164px; height: 22px; padding: 5px 0 0 10px; border-left: 1px solid #003399; border-right: 1px solid #003399; border-bottom: 1px solid #003399;}

		#nav li:hover ul { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; }
* html #nav ul li a { height: 1%; }
/* End */

		
		#content-index { width: 938px; height: 710px; background: url(../images/content.jpg); border-top: 1px solid #003399;}
		#content-index p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff;}
		#content-rates { width: 938px; height: 710px; background: url(../images/rates.jpg); border-top: 1px solid #003399;}	
		#content-rates p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff;}
		#content-about { width: 938px; height: 710px; background-color: #ffffff; border-top: 1px solid #003399;}			
		#content-bikehire { width: 938px; height: auto; background-color: #ffffff; border-top: 1px solid #003399;}	
		#content-sales { width: 938px; height: 650px; background-color: #ffffff; border-top: 1px solid #003399;}					
		#content-portmap { width: 938px; height: 750px; background-color: #ffffff; border-top: 1px solid #003399;}
		#content-bookings { width: 938px; height: 400px; background-color: #ffffff; border-top: 1px solid #003399;}					
		#content-team { width: 938px; height: auto; background-color: #ffffff; border-top: 1px solid #003399; padding: 20px 0 0 0;}	
		
		.col-1col-alpha { float: left; width: 850px; height: auto; padding: 30px 0 0 70px; }
		#colsub-1col-alpha { float: left; width: 578px; height: auto; padding: 0 0 0 0;}
		#colsub-1col-alpha p { text-align: left; font-size: 11px; padding: 0 0 0 0; }	
		#colsub-1col-beta { float: left; width: 578px; height: auto; padding: 5px 0 0 0; }
		#colsub-1col-beta p { text-align: left; font-size: 11px; padding: 0 0 5px 0; }	


		.hero-shots-wrap { width: 850px; height: auto; overflow: hidden; padding: 0 0 0 0;}
		.hero-shots-heading { width: 578px; height: auto; padding: 0 0 0 0; }	
		.hero-image-holder-inner { float: left; width: 578px; height: 346px; overflow: hidden; border: 2px solid #836e2d; }
		#hero-shots { float: left; width: 578px; height: auto; }
		#hero-shots img { margin: 0 0 0 0; }

		.col-2col-alpha { float: left; width: 455px; height: auto; padding: 20px 0 0 0; }
		.col-2col-beta { float: right; width: 465px; height: auto; padding: 0 0 0 0; }

		#colsub-2col-alpha { float: left; width: 470px; height: auto; }
		#colsub-2col-alpha p { text-align: left; font-size: 10px; padding: 10px 0 0 30px; }
		#colsub-2col-beta { float: left; width: 470px; height: auto; }
		#colsub-2col-beta p { text-align: left; font-size: 10px; padding: 0 0 0 30px; }	
		
	.heading { width: 370px; height: 32px; padding: 10px 0 0 70px; }
	.heading-right { width: 400px; height: auto; padding: 4px 0 0 30px; }	
	.event-wrap-heading { width: 450px; padding: 5px 0 5px 70px; }		
	.event-wrap-heading p { width: 450px; padding: 5px 0 5px 0px; }		
	.image-heading { width: 100%; height: 24px; padding: 0 0 4px 0; margin: 0 0 20px 0; border-bottom: 1px solid #6d7072; }
	
	.image-holder-wrap { width: 405px; height: auto; overflow: hidden; margin: 35px 0 0 20px; }
	.image-holder-wrap img { border: 1px solid #003399;}
	.image-holder-wrap-map { width: 405px; height: auto; overflow: hidden; padding-top: 60px; margin: 15px 0 0 20px; }
	.image-holder-wrap-map img { border: 1px solid #003399;}

	.prev { float: left; width: auto; height: auto; overflow: hidden; margin: 0 0 0 90px; }	
	.image-holder-wrap-left { width: 460px; height: auto; overflow: hidden; }
	.image-holder-inner { float: left; width: 460px; height: auto; overflow: hidden; }
		#small-image { float: left; width: 367px; height: 200px; overflow: hidden; padding: 25px 0 0 90px; }
	.image-item-calypso{ float: left; width: 280px; height: 236px; margin: 25px 10px 0 0; text-align: center; }
	.image-item img { margin: 0 0 0 0; }
	.class-2 a:link { text-decoration: none; color: #ffffff; }
	.class-2 a:visited { text-decoration: none; color: #fffd3f; }
	.class-2 a:active { text-decoration: none; color: #fffd3f; }
	.class-2 a:hover { text-decoration: none; color: #fffd3f; }
	
	.class-3 a:link { text-decoration: none; color: #ffffff; }
	.class-3 a:visited { text-decoration: none; color: #00c161; }
	.class-3 a:active { text-decoration: none; color: #00c161; }
	.class-3 a:hover { text-decoration: none; color: #00c161; }
	
	
	/*Gallery images*/

.gallerywrap { padding-left: 70px;}
.gallerywrap img { margin: 0 25px 5px 0; border: 1px solid #003399;}
/*Gallery images*/

	#footer { width: 100%; height: 100px; background: url(../images/footer.jpg); }
	#footer-left { float: left; width: 635px; height: auto; }
		#footer-left-alpha { float: left; width: 275px; height: auto; padding: 0 0 0px 25px; }
		#footer-left-alpha p { color: #ffffff; font-size: 10px; line-height: 14px; text-align: left; padding: 5px 0 0 35px; }
		#footer-left-beta { float: right; width: 330px; height: auto; }
		#footer-left-beta p { color: #ffffff; font-size: 10px; line-height: 14px; text-align: center; padding: 2px 0 0 15px;}
		
	#footer-right {  float: right; width: 300px; height: auto; padding: 0 0 0 0; }
	#footer-right p { font-size: 9px; line-height: 11px; text-align: center; padding: 5px 0 0 20px; color: #ffffff;}
	
	#fader-top { width: 100%; height: 320px; overflow: hidden; }

	#fader-home { float: left; width: 367px; height: 200px; overflow: hidden; margin: 25px 0 0 90px; }
	
	.arrows-holder { float: left; width: auto; height: auto; overflow: hidden; padding: 6px 0 0 15px; }	
	.prev { width: auto; height: auto; overflow: hidden; }	
	.next { width: auto; height: auto; overflow: hidden; }		

	.event-wrap-rates { float: left; width: 440px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: 2px solid #ffffff; } 
	.event-wrap-rates p { margin: 0 0 0 0; text-align: left; color: #ffffff;}	

	.event-option-heading p { float: left; color: #f37736; width: 240px; height: auto; padding: 10px 0 5px 0; } 
	.event-option { float: left; width: 240px; height: auto; padding: 0 0 0 0; } 
	.event-option p { float: left; width: auto; height: auto; padding: 10px 0 10px 0; } 	
	
	.event-vehicle-heading p { float: left; color: #f37736; width: 100px; height: auto; padding: 10px 0 5px 0; } 
	.event-vehicle { float: left; width: 100px; height: auto; padding: 0 0 0 0; } 
	.event-vehicle p { float: left; width: auto; height: auto; padding: 10px 0 10px 0; } 	

	.event-adult-heading p { float: left; color: #f37736; width: 100px; height: auto; padding: 10px 0 5px 0; } 
	.event-adult { float: left; width: 100px; height: auto; padding: 0 0 0 0; } 
	.event-adult p { float: left; width: auto; height: auto; padding: 10px 0 10px 0; } 	
	.image-hover { position: absolute; width: 300px; height: 220px; padding: 10px; background-color: #6d7072; }
	.image-hover img { float: left; }
	.image-hover span { float: left; font-size: 12px; margin: 5px 0 0 0; }
	
		
/*-- CONTENT --*/