@charset "utf-8";

@import url("css/css3.css"); /* import custom font and shadow effects */
img { width: auto\9; /* IE 8 Hack */}

html, body{ 
	margin: 0;
	padding: 0;
	height: 100%;
	overflow:hidden;
}

html { 
	background: #6b7d89 url(images/body_lightee.jpg) no-repeat; 
	align: center; margin:auto;
} 


body {
	
	line-height:150%;
	color:#6b7d89;
	background:transparent url(images/body_light.png) center top no-repeat;
	background-attachment: fixed;
	
	


}

	
html>body {
	min-height:100%;
	height:auto;
	
} 


h1, h3, h4 {
	font: normal 48px 'MichromaRegular', 'Arial', 'Helvetica',  sans-serif;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
	color: #fff;
}


h2 {
	font: normal 36px  'Pinyon Script', 'Georgia', cursive;
	margin: 0;
	padding: 0;
	color: #fff;
	margin-bottom:40px;
	
}
#header_bg{
	height: 50px;
	width:100%;
	position:fixed;
	z-index:200;
	background: none;
	font-family: Arial, Helvetica, sans-serif;	
}

h3{	
	
	font-size:24px;
	margin-bottom: 15px;
}

h4{
	font-size:14px;
	text-transform: none;
	font-variant: normal;
	margin-bottom: 3px;
}


a{
	color: #fff;
	text-decoration:none;
	outline: 0;
}

a:hover{
	color:#e79621;
	
}

/*remove hash from location string */

a[href="javascript:"]:after, a[href="#"]:after {
    content: "";

}

hr {
	border:none;
}

h1 a, h2 a, h3 a, h4 a{
	color:#fff;
}

p {margin-bottom:10px;}

/* black stripe*/



/* menu */

#menu {
	clear:left;
	float:left;
	padding:0;
	width:100%;
	overflow:visible;
	margin-top: 289px;
	z-index:9999;
}

#menu ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:50%;
	text-align:center;
	z-index:9999;
}

#menu ul li {
	display:block;
	float:left;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
	right:50%;
	background: url(images/menu_divider.png) no-repeat 0px 13px;
	
}

#menu ul li.first { background: none; }

#menu ul li a {
	font-size:11px;
	text-transform:uppercase;
	font-family: 'MichromaRegular', 'Arial', 'Helvetica', sans-serif;
	display:block;
	float:left;
	margin:0 1px;
	padding:5px 10px 0 28px;
	text-decoration:none;
	color:#FFF;
	position:relative;
	bottom:1px;
}


#menu ul li a:hover, #menu ul li.active a {
	color:#fff;
	font-family: MichromaRegular, Arial, Helvetica, sans-serif;
	}


 
 .section {
	position:relative;
	padding-top:0px;
	color:#473520;
	min-height:1000px;
	
}


#logo {
	position:relative;
	width: 615px;
	margin:0 auto;

}

#logo h1 {
	font-size: 60px;
	font-family: "Pinyon Script", Georgia, cursive;
	text-transform: none;	

}

#logo h3 {
	font-size: 14px;
	margin-top:4px;
	text-transform: none;
	font-variant: small-caps;
	letter-spacing:1px;
	line-height:24px;


}

/* decorative dividers */
.topd {
	position:relative;
	background: url(images/topdivider.png) no-repeat center top;
	margin:0 auto;
	width: 100%;
	height: 17px;
	border:0;
	outline:0;
	
	
}

.bottomd {
	position: relative;
	background: url(images/bottomdivider.png) no-repeat center top;
	margin:0 auto;
	width: 100%;
	height: 24px;
	margin-top:10px;
	border:0;
	outline:0;
	
	
}

/* slides bg */
/* the rest of slider formatting is in css/flexislider.css */


.slide2 {
	width:944px;
	float:left;
	position:relative;
	height:418px;
	background: url(images/s2_bg.png) no-repeat center top;
	margin-top:0;

}


/* forms */


form {
	/*margin-left:35px;*/
	font-size:12px;

}

form div.fgroup {
	float:left;
	width:190px;
}


form div#li_selects {
	
	width:142px;
}

form div#li_mess, form div#li_submit {
	
	width:543px;
	
}

form input, form textarea, form select{
	position:relative;
	border:none;
	color:#cf804f;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	outline:none;
	background:#643a1f url(images/fieldbg.png) repeat-x top;
	background: rgba(0,0,0,.25) url(images/fieldbg.png) repeat-x top;
	border-bottom: 1px solid #9b6039;
	border-right: 1px solid #9b6039;
	margin:0;
	width:152px;
	padding: 5px;
	height:18px;
	display:block;
}

form select { width: 142px;}


form textarea {
	overflow:auto;
	width:534px;
	height:67px;
}

/* button */

div.btn a {
	padding: 5px 20px 8px 20px;
	color: #c2c2c2;
	background: #0a0a0a url(images/glass_btn.png) repeat-x 0 50%;
	font: normal 14px 'MichromaRegular', 'Arial', 'Helvetica', sans-serif;
	border-top: 1px #0a0a0a solid;
	cursor:pointer;
	line-height:18px;
}


div.btn a:hover {
	background:#3f241a url(images/glass_btn.png) repeat-x 0 50%;
	color:#fff;
}

/* links with icons */

#quicklinks span {
	
	width: 69px;
	height: 69px;

}

.bookings {
	background: url(images/smallphone.png) no-repeat;

}

.special {
	background: url(images/smallcompass.png) no-repeat;

}

.contact {
	background: url(images/smallcontact.png) no-repeat;

}

/* picture and text block that doesn't flow around image */

.overflow {overflow: auto; word-wrap: break-word;}
.image {float:left; max-width: 100%; height: auto; padding-right:15px;}
.text {overflow: hidden;}

/* ABOUT US*/

/* 3 columns on about page */

#col3links h3 {
	font-size:18px;
	letter-spacing:1px;
	margin-bottom:10px;
}


/* ROOMS */

/*room images grid */

.imgs {
	width: 944px;
	overflow: hidden;
	margin:0 auto;
	margin-left:-20px;
	list-style:none;
	padding: 0;
}
.imgs:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.imgs li {
	width: 293px;
	margin-left: 20px;
	margin-bottom:20px;
	float: left;
	font-size: 12px;
	height: 208px;
	overflow: hidden;
	position:relative;
	padding:0;
	background:#000;
}

.imgs li img {
	float:left;
	width:293px;
	height:176px;
	margin-top:0;
}
.imgs li h3 {
	position:relative;
	font: normal 14px 'MichromaRegular', 'Arial', 'Helvetica', sans-serif;
	margin:0;
	text-transform:none;
	padding-top:2px;
	z-index:200;
}

a.zoom {
    background: url(images/zoom.png) no-repeat scroll right top transparent; 
	height: 25px;
	width: 25px;
    position: absolute;
	left:47%;
    top: 40%; 
	outline:0;
    z-index: 10;
}

.mask{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 176px;
	background: #000;
	z-index: 9;
}


/* Hover Style for all the items: blur, scale down*/
.blur{
	opacity: 0.6;
}


/* Hover Style for single item: scale up */
.active{
	z-index: 100;	
	opacity: 1;
}

/* CONTACT US */

ul#icolinks1 {

	position:relative;
	list-style:none;
	margin-top:0px;
	padding:0;
	width:100%;

}

ul#icolinks1 li{
	float: left;
	margin: 0;
	width:294px;
	padding: 0 25px 0 0;
	font-size:11px;
	line-height:16px;
}

ul#icolinks1 li.last{

	padding-right: 0 !important;
}

ul#icolinks1 li span {
	width: 69px;
	height: 69px;

}

ul#icolinks1 li {
	width:200px;
}


.phone {
	background: url(images/smallphone_ico.png) no-repeat;

}

.address {
	background: url(images/smallcompass_ico.png) no-repeat;

}




#contactform label {
	float:none;
	display: block;
	margin: 0 0 4px 0;
	font-size: 14px;

}

#contactform input, #contactform textarea {
	float:none;
	width: 350px;
	padding: 5px;

}


#contactform textarea {
	width:90%;
}

.wrapper {
	background: #432516;
	background: rgba(0,0,0,.10);
	


}

/*----------------------------*/
/* additional styles */

.divider {width:214px; height:15px; display:block; background:url(images/text_divider.png) no-repeat; margin:0 auto; margin-top:10px; margin-bottom:5px;}
.lined {width:100%; font: normal 18px 'MichromaRegular', 'Arial', 'Helvetica', sans-serif; padding-bottom:10px; border-bottom: 1px #d0871e solid; margin-bottom:25px; color:#fff;}

.left, .float_left  { float:left;}
.right, .float_right { float:right;}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	height:0px;
	font-family: Arial, Helvetica, sans-serif;
}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}
.overflow {overflow: auto;}
.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .cf:after { clear: both; }
.clearfix, .cf { zoom: 1; }

.nodots {list-style:none;}

.padding {padding:10px}
.pleft {padding-left:35px; }
.pright {padding-right:35px; }
.ptop {padding-top:30px;}
.mtop {margin-top:30px;}
.mleft {margin-left:25px;}
.mbottom {margin-bottom:8px;}
.sptop {padding-top:5px;}
.spleft {padding-left:10px;}
.spbottom {padding-bottom:5px;}
.spright {padding-right:10px;}


.bold {font-weight:600;}
.italic {font-style:italic;}
.smallcaps {font-variant:small-caps; letter-spacing:1px;}
.serif {font-family: 'Droid Serif', 'Georgia', serif;}
.sans-serif {font-family: 'Arial', 'Helvetica', sans-serif;}
.nocaps {text-transform:none;}
.big {font-size:18px; line-height:29px;}
.small {font-size:12px; line-height:18px;}
.smallest {font-size:11px; line-height:14px;}

/* colors */
.base {color:#cf804f;}
.black{color:#000;}
.white {color:#fff;}
.orange {color: #e79621;}
.cocoa {color:#eb9764;}
.red {color: #d43321;}
.gray {color: #a7a7a7;}
.dark {color: #854b2e;}


.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.alignnone{
	float: none;
	margin: 0 0 20px 0;
}


/* effets */
p.fl:first-letter {
    color: rgba(231, 150, 33, 1);
    float: left;
    font: 48px/24px 'Droid Serif', 'Georgia', serif;
    margin: 8px 5px 0 0;
    padding: 0;
    position: relative;
}

.drkborder {border-bottom: 1px solid #494441; border-right: 1px solid #494441;}

.sansseriftextd {
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color:#39261c;
}
.sansseriftext2d {
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	color:#39261c;
}
.italicseriftext {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color:#ffffff;
}
.italicseriftext2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
}
.italicseriftextd {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color:#39261c;
}
.italicseriftext2d {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#39261c;;
}
.seriftext {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
}
.seriftext2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	font-style: normal;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
}

.italicsansseriftext {
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.italicsansseriftext2 {
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style: italic;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
}
.italicseriftext {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
}
.italicseriftext2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
}
.whitekeyline {
	border: 1px solid #FFF;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-align:center;	

	
}
.nokeyline {
	border: none;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-align:center;	

	
}
.whitekeylinemap {
	border: 1px solid #FFF;
	
	font-size: 12px!important;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-align:left;	

	
}
.whitekeylinelink a:link{
	border: 1px solid #FFF;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	
}
.whitekeylinelink a:visited{
	border: 1px solid #FFF;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}
.whitekeylinelink a:hover{
	border: 1px solid #FFF;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}
.whitekeylinelink a:visited{
	border: 1px solid #FFF;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}

	
	
.sansseriftext a:link {
    color: #fee4c1;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	
}

.sansseriftext a:visited {
    color: #fee4c1;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.sansseriftextd a:hover {
    color: #ffffff;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.sansseriftextd a:active {
    color: #fee4c1;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.sansseriftext3 {
	font-family:'MichromaRegular', 'Arial', 'Helvetica', sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color:#ffffff;
}
.sansseriftext3d {
	font-family:'MichromaRegular', 'Arial', 'Helvetica', sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color:#39261c;
}

.sansseriftext4 {
	font-family:'MichromaRegular', 'Arial', 'Helvetica', sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color:#ffffff;
}



.sansseriftextd a:link {
    color: #684939;
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	
	
}

.sansseriftextd a:visited {
    color: #684939;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.sansseriftextd a:hover {
    color: #39261c;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.sansseriftextd a:active {
    color: #684939;
	font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}



.seriftext a:link {
    color: #fee4c1;
}

.seriftext a:visited {
     color: #fee4c1;
}

.seriftext a:hover {
    color: #ffffff;
}

.seriftext a:active {
    color: #fee4c1;
}

.seriftextd a:link {
    color: #684939;
}

.seriftextd a:visited {
     color: #684939;
}

.seriftextd a:hover {
    color: #39261c;
}

.seriftextd a:active {
    color: #684939;
}

.toptext {
	position: absolute;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0px;
	color: #ffffff;
	width: 468px;
}
.sansseriftext {
	font-family: 'arial_narrowregular','Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color:#ffffff;
}
.sansseriftext2 {
	
	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;	
	font-family: 'arial_narrowregular','Arial Narrow', Arial, sans-serif;
	font-stretch: condensed;
	font-size: 15px;
	line-height: 17px;
	font-style: normal!important;
}