/********************************************
   AUTHOR:  			Abraham Thomas 
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	background: url(../images/header-bg-top.jpg) repeat;
	text-align: center;		
}

/* links */
a { background: inherit; color: #faa440; text-decoration: none; }
a:hover { background:none; color: #ffffff; text-decoration: underline; }


/* headers */
h1, h2, h3 { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size: 16px; color: #faa440;}
h2 { font-size: 14px; color: #faa440;}
h3 { font-size: 12px; }
p  { font-size: 12px; }

p.standout {
	font-size: 13px;
}
h1.standout {
	font-size: 16px; color: #FFF; background: #07356c;
}
h1.title-big {
	font-size: 26px; font-weight:normal; letter-spacing: 0px; line-height: 1em; margin-top:8px; margin-bottom:12px;
}
h1.title-medium {
	font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1em;
	margin: 4px 0px 8px 0px;
}

.spotlink {
	font-size: 12px; font-weight:bold; letter-spacing: 0px; line-height: 1em; color: #faa440;	
	padding: 0px 8px 0px 0px;
}


/***********************
	  LAYOUT
************************/

#header, #slideShow, #content, #footer {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

/* header */
#hdr-content {padding: 0; height: 120px;background: url('../images/body-bg.gif') repeat 0 0;}
#hdr-content #hdr-logo { position: relative; padding-left:4px; float: left;}
#hdr-content #hdr-logo img.logo {border: none; padding: 6px 0px 12px 0px; background: none;}
#hdr-content #hdr-name { margin:8px 0px 2px 2px;float: left;}
#hdr-content #hdr-name img.name {border: none; padding: 6px 0px 12px 0px; background: none;}
#hdr-content #hdr-name h3.type {
	padding: 2px 12px 0px 10px; 
	font-size: 12px; font-weight:bold; letter-spacing: 0px; color: #BCA695;
	text-align: left;
}
#hdr-content #hdr-name h1.name {
	padding: 0px 12px 2px 8px; 
	font-size: 40px; font-weight:normal; letter-spacing: -1px; text-transform: uppercase;  
}
#hdr-content #hdr-name h3.byline {
	padding: 2px 12px 2px 8px; 
	font-size: 10px; font-weight:bold; letter-spacing: 1px; color: #BCA695;
	text-align: left;
}
#hdr-content #hdr-contact { text-align: left; float: right; padding: 25px 20px 0px 20px;}
#hdr-content #hdr-contact h2.phone {
	font-size: 20px; font-weight:normal; letter-spacing: 0.1em; line-height: 1.3em; text-transform: uppercase;color: #faa440;
}
#hdr-content #hdr-contact h2.email {
	font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em; line-height: 1.3em; color: #faa440;
}


/* slide show */
	#slideShow {
		position: relative;
		height: 370px;
		background:url(../images/header-bg3.png) no-repeat left top;
	}

	#slideShowItems{
		overflow:hidden;
		position:absolute; top:0px; left:0px;
	  	height:320px;
		width:640px;
		float: left;
	}
	
	#slideShowItems div{
		position: absolute; top:7px; left:5px;
	}
	
	#slideShowItems img{
		/*margin-right:13px;*/
		float:left;
	}

	#slideShow #form{
	  	height:358px;
		width:316px;
		float:left;
		position: absolute;
		top:7px; right:4px;
	}

	#slideShow #nav {
		position: absolute;
		left:5px; top:318px;
		width: 640px;
		height: 50px;
	}

	#slideShow #nav ul {
		position: relative;
		list-style: none;
		margin: 0; padding: 0;		
	}
	
	#slideShow #nav li {
		display: inline;
	}

	#slideShow #nav li a {
		float: left;
		display: block;
		width:158px; height:55px; line-height: 52px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;	color: #faa440;
		text-align:center; text-decoration: none; text-transform:uppercase;
		background:url(../images/nav-bg1.png) no-repeat left top;
	}
	#slideShow #nav li a:hover {
		background:url(../images/nav-bg3.png) no-repeat left top;
		color: #FFF;
	}
	#slideShow #nav li a#current  {
		background:url(../images/nav-bg3.png) no-repeat left top;
		color: #FFF;
	}

/*==================forms====================*/
	input, select, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em;}
	input, select { text-align:left; vertical-align:middle; font-weight:normal;}
	/*object { vertical-align:top; outline:none;}*/

	.inner {padding:15px 10px 8px 45px; text-align:left;}
	#form h1 {
		margin:0px 0px 10px 0px; 
		line-height:1em;
		font-size: 22px;
		font-weight: normal;
		text-align: left;
	}
	
	#reservation-form { font-size:1em; font-weight:bold;}
	#reservation-form fieldset { border:none;}
	#reservation-form .field { display:block; height:55px;} 
	#reservation-form label { display:block; padding-bottom:4px;color:#BCA695}
	#reservation-form label .help {font-style:italic; font-weight:lighter; color:#fff;}
	#reservation-form select { border:1px solid #5d3825; background:#1d110b; color:#bca695;}
	#reservation-form select.select1 { width:40px; margin-right:10px;}
	#reservation-form select.select2 { width:127px;}
	#reservation-form input { width:23px; text-align:center; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
	#reservation-form input.long { width:175px;}
	#reservation-form .button { font-size:1em;}
	.button { text-align:center; font-size:.91em;}
	.button span { display:inline-block; background:url(../images/button-side1.jpg) no-repeat left top; padding-left:1px;}
	.button span span { background:url(../images/button-side1.jpg) no-repeat right top; padding-right:1px; padding-left:0;}
	.button span span a { display:inline-block; background:url(../images/button-bg1.jpg) left top repeat-x; padding:0 0 3px 0; color:#d5c6bb; width:151px; text-decoration:none; text-transform:uppercase; font-weight:bold;}
	.button span span a:hover { text-decoration:underline;}

	

#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;	
	/*background: #1D110B none repeat scroll 0 0;*/
}

#sidebar {
	float: left;
	width: 33%;
	margin: 0px 0px 0px 0px; 
	background: url('../images/body-bg.gif') repeat 0 0;
	background: #1D110B none repeat scroll 0 0;
}	
#sidebar h1 {
	padding: 10px 0px 5px 20px;
	margin: 0;	
}
.sidebox {
	margin:12px 5px 15px 10px;
	padding-top: 12px; padding-bottom: 14px;
}
.sidetext {
	padding-top: 2px; padding-bottom: 4px;
	color:#999;
}
.comments {
	background: url('../images/comment.gif') no-repeat 0 center;
	padding-left: 22px; margin: 0 10px 0 5px;
}
.directions {
	background: url('../images/compass.gif') no-repeat 0 center;
	padding-left: 22px; margin: 0 10px 0 5px;
}
.readmore {
	background: url('../images/page.gif') no-repeat 0 center;
	padding-left: 22px; margin: 0 10px 0 5px;
}

.line-hor { background:#4d3525; height:2px; overflow:hidden; font-size:0; line-height:0; margin:4px 5px 4px 5px;}
.line-ver { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style-position: inside;
	margin: 10px 12px 5px 10px;
	list-style-image: url(../images/bullet.gif);
	color:#bca695;
}
#sidebar ul.sidemenu li {
	padding: 0px 5px;
	font-weight:normal;
	height: 1.8em;	
	line-height: 1.2em;
	text-decoration:none;
}
#sidebar ul.sidemenu a {
	font-weight:normal;
	line-height: 1.5em;
	text-decoration:none;
	color:#FFF;
}

/* main */
#main {
	float: left;
	width: 67%;	
	margin: 0px 0px 0px 0px; 
	background: url('../images/body-bg.gif') repeat 0 0;
	color:#bca695;
}
.mainbox {
	margin:10px 5px 10px 10px;
	padding: 10px 5px 5px 15px;
	line-height: 1.8em;
}
.mapLoc {
	cursor:pointer
}
.maptext {
	color:#224178;
}
.maptext a { background: inherit; color: #5d3825; text-decoration: underline; text-align: right; }
.maptext a:hover { background:inherit; color: #07356c; text-decoration: underline; text-align:right;}

#mapwrap {
	padding: 8px 2px 2px 5px;
}

#mapcontainer {
	margin-top:8px;
	background:url(../images/map-bg1.png) no-repeat left top;
	height: 267px;
}

#mapinset {
	padding:6px 6px 5px 4px;
}
#mapbox {
	height:257px;
}

#locationmapwrap {
	padding: 0px 2px 0px 5px;
}
#locationmapcontainer {
	background:url(../images/map-bg2.png) no-repeat left top;
	height: 454px;
}
#locationmapinset {
	padding:4px 6px 5px 5px;
}
#locationmapbox {
	height:446px;
}

/* feedback */
#facility, #feedback, #aboutus, #contactus {
	float: left;
	width: 100%;	
	margin: 0px 0px 0px 0px; 
	background: url('../images/body-bg.gif') repeat 0 0;
	color:#bca695;
}
.facilitiesbox, .feedbackbox, .aboutusbox, .contactusbox {
	margin:10px 5px 10px 10px;
	padding: 10px 5px 5px 15px;
	line-height: 1.8em;
}
.facilitiesbox-left{
	float: left;
}
.facilitiesbox-right{
	float: right;
}
.facility, .feedback, .aboutus, .contactus {
	text-align:left; vertical-align:middle; font-weight:normal;
	padding: 2px 20px 2px 40px;
}
#feedback p.fname {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color:#EAEAEA;	
	text-align:right;
}
#facility p.fimage {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color:#EAEAEA;	
	text-align:right;
}
#facility p.ftext, #feedback p.ftext, #aboutus p.ftext, #contactus p.ftext {
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EAEAEA;		
}



/* footer */
#footer {
	clear: both;
	margin: 0 auto; padding: 10px 0px 0px 0px;
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EAEAEA;
	text-align: center;	
	border-top: 1px solid #EAEAEA;
}

#footer p {	margin-left: 0; }

#footer-content {	
	margin: 0 auto;
	padding-left: 15px;
}
#footer-content a {
	text-decoration: none;
	color: #EAEAEA;	
}
#footer-content a:hover {
	text-decoration: underline;
	color: #BCA695;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0px 0px 10px 0px;
	display: inline;
}

#footer-content li {
	display: inline;
}

#footer-content li a {
	padding: 0px 32px;	
}

.footer-credits {
	font-size: 0.8em;	
	padding: 8px 0px 0px 0px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }
.float-right {	float: right; }