@charset "utf-8";

@import url("css/css3.css"); /* import custom font and shadow effects */


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

body {
	font: normal 87% 'Arial', 'Helvetica', sans-serif;
	line-height:150%;
	color:#fff;
	background:url(images/body_noise.gif) center top repeat;

}

html { 
	background: #000 ; 
	height:100%; 
} 

body { 
	background:transparent url(images/body_light.png) center top no-repeat;
	background-attachment: fixed; 
	height:100%; 
} 
	/* Hackety-hack-hack... FF2, with the above code, 
	will only display the repeat-y image for as high as the 
	window's viewport is; higher content (upon scrolling) will not 
	have the bg. This "hack" makes the tiled background work properly in FF2. 
	This type of "advanced selector" is not understood by IE6...dunno 'bout IE7. */ 
html>body { min-height:100%; height:auto; } 


/*
.bg{
	position:relative;
	background:transparent url(images/body_light.png) center top no-repeat;
	background-attachment: fixed;

}
*/

h1, h3, h4 {
	font: normal 48px '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;
	
}


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;}


#header_bg{

	height: 50px;
	width:100%;
	min-width: 325px;
	position:fixed;
	z-index:200;
	background: #000;
	
}


#menu {
	clear:left;
	float:left;
	padding:0;
	width:100%;
	overflow:hidden;

}

#menu ul {

	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:50%;
	text-align:center;


}

#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:14px;
	text-transform:uppercase;
	font-family: 'Arial', 'Helvetica', sans-serif;
	display:block;
	float:left;
	margin:0 1px;
	padding:5px 10px 0 28px;
	text-decoration:none;
	color:#959595;
	position:relative;
	bottom:1px;
}


#menu ul li a:hover, #menu ul li.active a {
	color:#fff;
	}


 
 .section {
	position:relative;
	padding-top:100px;
	color:#cf804f;
	min-height:1000px;

	/*border:1px red solid;*/
}


#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;


}

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

.topd2 {
	position:relative;
	background: url(images/logo_ahd.png) no-repeat center top;
	margin:0 auto;
	width: 100%;
	height: 150px;
	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/smallbell_ico.png) no-repeat;

}

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

}

.contact {
	background: url(images/contact_ico.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: 195px;
	margin-left: 20px;
	margin-bottom:20px;
	float: left;
	font-size: 12px;
	height: 117px;
	overflow: hidden;
	position:relative;
	padding:0;
	background:#000;
}

.imgs li img {
	float:left;
	width:195px;
	height:117px;
	margin-top:0;
}
.imgs li h3 {
	position:relative;
	font: normal 14px 'MichromaRegular', 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', 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;}
.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', 'Lucida Grande', 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;
}


/* MY */






.prod-button
{
margin-left:auto;
margin-right:6px;
text-align:center;
vertical-align:middle;
}

.prod-group {
    text-align:center;
    margin:40px auto;
    min-width:570px;
}

.prod-button {
    display:inline-block;   
    vertical-align:top;
    text-decoration:none;
    color:black;
    margin:0 30px;
}

.prod-button span {
    display:block;
    margin-bottom:30px;
    text-align:center;
}

.prod-button img {
    display:block;
}


/* END MY */


/* 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;}