/* 

GLOBAL STYLESHEET
=============================================

Created by Chelsea Otakan for Inn of the Mountain Gods.

URI: http://www.livelylabs.com


COLORS
---------------------------------------------
	Dark Tan					#5b5643
	Medium Tan				#91886d
	Light Tan					#a3997b
	Extra Light Tan		#d5d1c7
	Light Blue 				#bbbfe2
	Orange						#fa9134
---------------------------------------------

*/

@import url("reset.css");
@import url('smoothDivScroll.css');
@import url("prettyPhoto.css");
@import url("datepicker.css");


/* GLOBALS 
=========================================== */


/* Clear Fix */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
/* For IE6 */ * html .clr { height: 1% }
/* For IE7 */ *:first-child+html .clr { min-height: 1px }

body { background: #91886d; margin: 0; padding: 0 }

/* WRAPPER ----------------------------------------------- */

#wrapper { background: #5b5643; margin: 0 auto 20px auto; width: 960px; }


/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */

/* Defaults */ 
body, td, p, input { font:normal normal normal .8em/140% "Arial","Helvetica",sans-serif; }

#gsw__top, #gsw__bottom
{
color: #d5d1c7;
}

h1 { font-weight: bold; color:#fa9134; font-size: 1.5em; text-transform: uppercase; margin-top: 30px }
h2 { font-weight: bold; color:#fa9134; font-size: 1.3em; text-transform: uppercase; margin-top: 30px }
h3 { font-weight: bold; color:#fa9134; font-size: 1em; text-transform: uppercase; margin-top: 30px }
h4 { font-weight: bold; color:#fa9134; font-size: .95em; margin-top: 30px }
h5 { color:#fa9134; font-size: .95em; margin-top: 30px }

p { margin: 1.2em 0 }

#gsw__top a:link,#gsw__top a:visited,#gsw__top a:active, #gsw__bottom a:link,#gsw__bottom a:visited,#gsw__bottom a:active { color: #bbbfe2; text-decoration: none }
#gsw__top a:hover, #gsw__bottom a:hover { color: #fa9134 }

strong { font-weight: bold }

#page-content ul { margin: 5px 50px;list-style-type: disc;  }
#page-content ul li, #page-content ol li { font-size: .85em; line-height: 140%; margin: 8px 0; text-transform: uppercase }
#page-content ol { list-style-type: decimal; margin: 5px 50px }


/* ELEMENTS
------------------------------------------------------------------------------------------ */

input { 
	font-size: 1em;
	background: #706b55 url('bg_input.gif') repeat-x;
	border: 1px #857d5f solid;
	padding: 1px }
input:focus { border: 1px #a3997b solid }

input.orange { 
	font-size: .95em;
	color: #5b5643;
	background: #fa9134 url('input_bg_orange.gif') repeat-x }
input.submit.orange {
	border: 0; 
	background: url('submit_orange.gif') no-repeat }
img {  }
img.left { }
img.right { }
img.center { }



/* HEADER
------------------------------------------------------------------------------------------ */

#header { padding: 0 20px 5px 20px}

/* LOGO */ 

#header a.logo { 	
	background: url('logo.gif') no-repeat;
	display: block;
	float: left;
	height: 145px;
	margin: 0 5px;
	width: 323px;
	text-indent: -9999px; }
	
/* RESERVATIONS */
#reservations {
	color: #a3997b; 
	font-size: .85em; 
	float: right; 
	margin: 33px 0 0 0;	
	width: 310px; }
	
#reservations h2 { 
	background: url('title_reservations.gif') -2px 0 no-repeat;
	display: block;
	height: 30px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	width: 309px;
}

#reservations ul { list-style-type: none;}
#reservations ul li { display: inline; float: left; margin: 0 6px 0 0}

#reservations fieldset { display: inline; float: left; margin: 0 6px 0 0}
#reservations input { display: block; width: 40px }

#reservations #arrival { width: 95px }
#reservations a.submit { display: block; margin: 25px 0 0 0;  background: url('submit_blue.gif') no-repeat; border: 0; width: 40px; height: 13px; text-indent: -9999px}
#reservations a.submit:hover { background-position: 0 -13px}

div#XbeViewPanel p, div#XbeViewPanel td, div#XbeViewPanel { color: #000; font-size: 12px }
div#XbeViewPanel a { color: #fa9134}

/* MAIN NAVIGATION ---------------------------------------- */
#main-nav { border: 1px #5b5643 solid; display: block; float: left; margin: 5px; width: 900px;  }
#main-nav li { border-left: 1px #91886d solid; float: left; padding: 0 10px; line-height: 75%; margin: 0 0 0 -1px; }
#main-nav li a { color: #bbbfe2; font: normal normal normal .9em/90% "Arial",sans-serif; letter-spacing: 1px; text-transform: uppercase}
#main-nav li a:hover { color: #ffffff }
#main-nav li.active a { color: #fa9134}

/* CONTENT
------------------------------------------------------------------------------------------ */
#content { clear: both }



/* FOOTER
------------------------------------------------------------------------------------------ */
#footer { padding-bottom: 10px }
#footer .footer-nav {border-top: 2px #a3997b dotted; border-bottom: 2px #a3997b dotted; margin: 20px auto; font-size: 14px}
#footer ul { text-align: center; list-style: none; padding: 8px 0}
#footer ul li { text-align: center; display: inline; margin: 0 -3px 0 -2px; padding: 0 8px; position: relative;border-right: 1px #a3997b solid;border-left: 1px #a3997b solid;; background: transparent}

#footer ul li a span { color: #a3997b }


#footer p.meta {
	background: url('shadow_footer.gif') repeat-x;
	color: #a3997b;
	display: block;
	padding: 20px;
	font-size: 11px;
	text-align: center }