html { min-height: 100%; margin-bottom: 1px }

body {
	margin: 0;
	font: 100%/1.5 verdana, tahoma, sans-serif;
	color: #FFF;
	background: #003768;
}

body.mceContentBody {	font-size: 67.5% }

#wrap {
	width: 980px;
	margin: 2em auto 0;
	font-size: 80%;
	background: #00284B url(../images/content_bg2.jpg) 0 -1px no-repeat;
	border: 2px solid #0F1542
}

#content {
	position: relative;
	z-index: 10;
	clear: both;
	width: 906px;
	overflow: hidden;
	margin: 20px auto 0;
}

#index #content { margin-top: 40px }

#text {
	position: relative;
	float: left;
	display: inline;
	width: 660px;
	min-height: 260px;
	margin-left: 10px
}
.contact #text, .bookings #text { width: 900px }
.bookings #text p { margin-right: 100px }

#sidebar {
	float: right;
	width: 220px;
	padding: 0 15px 2em
}

/*------ general styles ------*/

a { text-decoration: none; color: #FF9; font-weight: bold }
a:hover, a:focus, a:active { color: #FC0; text-decoration: underline }
h1, h2, h3, h4, h5 { 
	margin: 1.5em 0 .3em; 
	line-height: 1.2;
	font-family: Calibri, Helvetica, Arial, sans-serif;
}
.no-margin { margin-top: 0 }
h1 { 
	margin: 0 0 0.5em;
	font-size: 320%;
	font-weight: normal;
	font-style: italic; 
	line-height: 1.25;
	text-transform: capitalize; 
}
h2 { font-size: 170%;}
h3 { margin-top: 1em; font-size: 150% }
h4 { font-size: 120% }
h5 { font-size: 100% }
p { margin-bottom: 1em; line-height: 1.5 }
images { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong, .em { font-weight: bold }
em { font-style: italic }
address { font-style: normal }
.address p { margin: 0 }
.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

/*------ header ------*/

#title { 
	width: 964px; 
	margin: 0 auto;
	font-size: 100%;
	line-height: 1 
}

#title img {
	display: block; 
	margin: 0 auto;
	overflow: hidden 
}

.flash-replaced .alt {
	width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
}

#nav { 
	position: relative;
	z-index: 10;
	width: 966px;
	height: 40px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none
}

	#nav li {
			position: relative;
			float: left;
			height: 40px;
			margin: 0;
			overflow: hidden
		}
			#nav a { 
				position: relative;
				float: left;
				display: block;
				width: 101px;
				height: 40px;
				overflow: hidden;
				color: #FFF;
				font-size: 100%
			}
				#nav em {
					display: block;
					position: absolute;
					top: 0; left: 0;
					width: 101px;
					height: 40px;
					z-index: 1;
					background: url(../images/nav_bg3.png) no-repeat; 
					cursor: pointer;
				}
				#n-home a, #n-home em { width: 41px }
				#n-home em { background-position: 0 0 }
				#n-home a:hover em, #n-home a:focus em, #n-home .active em { background-position: 0 -41px }
				#n-services em { background-position: -41px 0 }
				#n-services a:hover em, #n-services a:focus em, #n-services .active em { background-position: -41px -40px }
				#n-tours a, #n-tours em { width: 102px }
				#n-tours em { background-position: -142px 0 }
				#n-tours a:hover em, #n-tours a:focus em, #n-tours .active em { background-position: -142px -40px }
				#n-fleet a, #n-fleet em { width: 102px }
				#n-fleet em { background-position: -245px 0 }
				#n-fleet a:hover em, #n-fleet a:focus em, #n-fleet .active em { background-position: -245px -40px }
				#n-testimonials a, #n-testimonials em { width: 103px }
				#n-testimonials em { background-position: -347px 0 }
				#n-testimonials a:hover em, #n-testimonials a:focus em, #n-testimonials .active em { background-position: -347px -40px }
				#n-gallery a, #n-gallery em { width: 102px }
				#n-gallery em { background-position: -450px 0 }
				#n-gallery a:hover em, #n-gallery a:focus em, #n-gallery .active em { background-position: -450px -40px }
				#n-about a, #n-about em { width: 103px }
				#n-about em { background-position: -552px 0 }
				#n-about a:hover em, #n-about a:focus em, #n-about .active em { background-position: -552px -40px }
				#n-bookings a, #n-bookings em { width: 102px }
				#n-bookings em { background-position: -655px 0 }
				#n-bookings a:hover em, #n-bookings a:focus em, #n-bookings .active em { background-position: -655px -40px }
				#n-community a, #n-community em { width: 102px }
				#n-community em { background-position: -757px 0 }
				#n-community a:hover em, #n-community a:focus em, #n-community .active em { background-position: -757px -40px }
				#n-contact a, #n-contact em { width: 103px }
				#n-contact em { background-position: -860px 0 }
				#n-contact a:hover em, #n-contact a:focus em, #n-contact .active em { background-position: -860px -40px }

/*------ content ------*/
ul, ol { padding-left: 1.5em; margin: 0 0 2em 1.5em }
li { margin-bottom: .5em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal }

#index #text div {
	float: left;
	display: inline;
	width: 200px;
	margin-left: 20px
}
#index #text p:first-child + div { margin-left: 0 }

#index h2 { margin-top: 0 }
	#index #text a { color: #FFF }

#index #text div p img { margin: 0 }

#video {
	position: absolute;
	top: 73px; right: -230px;
	text-align: center
}
	#video  h3 { margin-top: 0; font-size: 120% }

#text p img, #text li img { border: 3px solid #AAACAE }
#text p img { margin-right: 10px }

.img-r {
	float: right;
	margin: 0 0 1em 15px
}

.img-l {
	float: left;
	margin: 0 15px 1em 0
}

.details { margin: 0 }
.link { margin-top: 2em }

.specs { border-collapse: collapse }

body.mceContentBody table { font-size: 100% }

.specs caption { 
	margin-top: 2em;
	padding-bottom: .5em;
	border-bottom: 1px dotted;
	font-weight: bold;
	font-size: 120%;
	text-transform: uppercase 
}
.specs th, .specs td { 
	text-align: left;
	padding: .5em 0;
	border-bottom: 1px dotted;
	color: #FFF 
}
.specs th { padding-right: 20px }

.thumbs {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none
}

.thumbs li { 
	float: left;
	width: 210px;
	height: 15em;
	margin-right: 10px;
	text-align: center
}

.services .thumbs a { color: #FFF }

.thumbs img { 
	display: block;
	margin: 0 auto .5em
}

.address p { margin: 0 }

.gallery {
	width: 100%;
	margin: 2em 0;
	padding: 0;
	list-style: none;
	overflow: hidden
}

.gallery li { 
	float: left;
	width: 110px;
	height: 11em;
	margin-right: 10px;
	text-align: center;
	line-height: 1.2; 
	font-size: 82.5%
}

.gallery img { vertical-align: bottom; margin-bottom: .5em }


/* forms */
form { 
	margin: 2em 0 1em; 
	font-size: 90% 
}

.bookings fieldset { width: 860px }

fieldset {
	position: relative;
	margin-top: 2em;
	padding: 3em 0 1em;
	border: 0;
}

legend { padding: 0 }

legend span {
	position: absolute;
	left: 0;  
	margin: 0 0 1em 0;
	color: #FFF;
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px
}

label {
	clear: left;
	float: left;
	font-weight: bold;
	text-align: right
}

.contact label { width: 11em }
.bookings label { width: 15em }

label.inl { float: none; display: inline; margin-right: 5px }

input, textarea, select {
	padding: 2px 4px;
	font-size: 14px;
	border: 0;
	margin: 0 0 1em 10px;
	vertical-align: middle
}
input, textarea { width: 200px }
select { width: 205px }
.zip { 
	float: none; 
	width: auto; 
	display: inline;
	vertical-align: top 
}
#state { width: 50px }
#zip { width: 62px }

fieldset div {
	float: left;
	width: 50%
}

input:hover, textarea:hover { background-color: #ECF5FF }
.contact .btn, .bookings .btn { width: auto; padding: 0 }
.contact .btn { margin: 0 0 0 9em }
.btn:hover { background: none }

.checkbox { 
	width: auto; 
	padding: 0;
	background: none;
	border: none 
}

#content form p { margin: 1em 0 0 10px; font-size: 90% }
#content form img { float: none; margin: 0; padding: 0; border: 0 }
label.error { color: #F90 }
input.error, textarea.error { border: 1px solid #F90 }

#map {
	float: right;
	display: inline;
	width: 425px;
	height: 350px;
	margin: 1.5em 70px 0 15px;
	border: 1px solid #89919F
}

/*------ footer ------*/

#footer { 
	clear: both;
	position: relative;
	width: 906px;
	margin: -180px auto 0;
	padding-top: 290px;	
	font-size: 82.5%;	
	background: url(../images/pilot.png) 50% 0 no-repeat	
}

#footer p {
	margin: 0 235px 0 0;
	padding: 1.5em 0 37px;
	text-align: right
}

#footer p span { float: left }
#footer a { color: #FFF; text-decoration: none }
#footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline }

#phone {
	position: relative;
	margin: -150px 0 0 -59px;
}

/* #phone embed {
	position: relative;
	top: -150px; left: -59px;
	margin-bottom: -50px
}
*/
#phone img { margin: 60px 0 60px 60px }