@charset "UTF-8";
/* CSS Document */

/* OVERIDES */
* {margin: 0; padding: 0; border: 0;}

/* ELEMENTS */
html, body {width: 100%; height: auto; margin: 0 auto 0 auto; text-align: center;}
body {background-image:url(../images/Background_Body.jpg); background-repeat:repeat;}
ul {margin-left: 25px;}

input, textarea {margin-top: 10px; margin-bottom:10px; border: 1px solid #2a848f; }


/* DIVs */
#header {width: 100%; height: 141px; background-image: url(../images/Background_Header.jpg); background-repeat:repeat-x;}
	#nav{ position: relative; width: 900px; height: auto; margin: 0 auto 0 auto; }
	#nav a { position:relative; z-index: 3; display: inline; float: left; margin-right: 38px;}
	#nav > a:first-child {margin-left: 180px;}
		a#tours{display: block; width:67px; height: 35px; background-image:url(../images/Nav_tours_off.png); background-repeat:no-repeat; }
		a#tours:hover {display: block; width:67px; height: 35px; background-image:url(../images/Nav_tours_on.png); background-repeat:no-repeat; }
		a#tourGallery{display: block; width:135px; height: 35px; background-image:url(../images/Nav_tourGallery_off.png); background-repeat:no-repeat; }
		a#tourGallery:hover {display: block; width:135px; height: 35px; background-image:url(../images/Nav_tourGallery_on.png); background-repeat:no-repeat; }
		a#aboutUs{display: block; width:100px; height: 35px; background-image:url(../images/Nav_aboutUs_off.png); background-repeat:no-repeat; }
		a#aboutUs:hover {display: block; width:100px; height: 35px; background-image:url(../images/Nav_aboutUs_on.png); background-repeat:no-repeat; }
		a#contactUs{display: block; width:117px; height: 35px; background-image:url(../images/Nav_contactUs_off.png); background-repeat:no-repeat; }
		a#contactUs:hover {display: block; width:117px; height: 35px; background-image:url(../images/Nav_contactUs_on.png); background-repeat:no-repeat; }
		a#blog{display: block; width:91px; height: 35px; background-image:url(../images/Nav_blog_off.png); background-repeat:no-repeat; }
		a#blog:hover {display: block; width:91px; height: 35px; background-image:url(../images/Nav_blog_on2.png); background-repeat:no-repeat; }
	
		#homePhotos{position: absolute; top: 100px; left: 70px; width: 787px; height: 300px; background-image:url(../images/Photos_Home.gif); background-repeat:no-repeat }
		#logo {position: relative; z-index: 0; width: 241px; height: 144px; left: 80px; background-image:url(../images/Logo.png)}
			#logo a {display: block; width: 100%; height: 60%; text-decoration: none;}
#page {position: relative; width: 925px; height: auto; min-height: 330px; margin: 0 auto 0 auto; text-align: left; }
	#page > img.map {position: absolute; width: 282px; height: 220px; top: -30px; right: 25px; z-index:2}
	#homeCopy{position: relative; width: 749px; height: 177px; display: block; margin-top: 270px; margin-bottom: 50px; margin-left: 70px; background-image:url(../images/Background_HomeCopy.gif); background-repeat:no-repeat;}
	#leftNav{width: 172px; height: auto; margin-top: 40px; margin-bottom: 20px; float: left;}
		#leftNav h3{margin-top: 10px; margin-bottom: 10px;}
		#leftNav > h3:first-child{margin-top: 0;}
		#leftNav h3 + h3{margin-top: -10px;}
		#leftNav ul, #leftNav li {list-style: none; margin-left: 0;}
		#leftNav ul li {margin-left: 25px;}
	#content{width: 723px; height: auto; margin-left: 15px; float: left; }
		#content.interior {padding-left: 185px;}
		#contentTop{width: 723px; height: 51px; display:block; background-image:url(../images/Background_BodyInteriorTop.gif); background-repeat:no-repeat;}
		#contentBody{width: 672px; height: auto; min-height: 575px; background-color:#FFFFFF; padding-left: 30px;}
			#leftColumn {width: 380px; height: auto; float: left; }
				#leftColumn input {border: 0;}
			#rightColumn {width: 250px; height: auto; float: left; }
			#map {position:absolute; display: block; padding: 5px; width: 354px; height: 289px; top: 100px; right: -55px; background-image:url(../images/Background_Map.gif); background-repeat:no-repeat}
			#photo {position:absolute; width: auto; height: auto; display: block; top: 400px; right: -20px;}
			#photoTop {position:absolute; width: auto; height: auto; display: block; top: 100px; right: -20px;}
		#contentBottom{width: 723px; height: 80px; display:block; background-image:url(../images/Background_BodyInteriorBottom.gif); background-repeat:no-repeat;}
	
#footer {width: 100%; height: 228px; bottom: 0; background-image:url(../images/Background_Footer.jpg); background-repeat:repeat-x; text-align:left; background-color:#FFFFFF;}
	#footerContent { position: relative; width: 900px; height: auto; margin: 0 auto 0 auto;}
		#description { position: absolute; top: 35px; width: 180px; height: auto;}
		#contact {position: absolute; top: 35px; left: 180px; width: 380px; height: auto;}
		#links{ position:absolute; top: 35px; right: 0px; width auto; height: auto; text-align:right;}

/* CLASSES */
.glif {position: absolute; width: 98px; height: 92px; right: 10px; display:block; background-image:url(../images/OrangeGlif.gif); background-repeat:no-repeat;}
.featured {padding-top: 15px; padding-left: 110px;}
/*.featured > a:first-child{margin-left: 110px; }*/
.reserve {margin: 10px 0 10px 0;}

#nav img {float: left; display: inline; margin-right: 45px;}
#nav > a:first-child img {margin-left: 180px;}
		
		
		
/* Typogrpahy */

body, h1, h2 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #2a848f; line-height:18px;}
h1{ font-size: 22px; color: #f5882b; }
h2, label {font-size: 18px; color: #f5882b; padding-top: 15px; margin-bottom: 10px;}
label {padding-top: 0}
h3 {font-size: 14px; color: #b387a5;}
p {margin-bottom: 10px;}
li {margin-bottom: 5px; line-height: 16px;;}
ul {margin-bottom: 10px;}
input {font-size:16px;}

p.fineprint {font-size: 11px;}

#contentBody  h1 {margin-left: 0; margin-bottom: 20px;}
#contentBody a {color: #f5882b;}

#footer {color: #FFFFFF; font-size: 11px;}
#homeCopy > p {color: #2a848f; margin-left: 50px; display: block; width: 430px;margin-top: 10px;}
#homeCopy h1 {margin-left: 120px;}
#homeCopy + h1  {margin-left: 120px;}
#homeCopy h2 {margin-left: 50px; }
#leftNav ul, #leftNav li a { color: #2a848f;}
#leftNav li a:hover {color: #f5882b;}

a, a:active {color: #f4f1c1; text-decoration:none}
a:hover {color: #FFFF66; text-decoration:underline;}