body
{background:#000;
color:#663300;
margin:0;
padding:0;
font-size:16px;
line-height:25px;}

/********************Alpha Elements*/

a:link
{color:#7a0005;
text-decoration:none;}

img
{border:none;}

a:visited
{color:darkred;
text-decoration:none;}

a:hover
{text-decoration:underline;}

br.clear
{clear:both;}

br.red
{border:1 px solid #7a0005;
color:#7a0005;

background:#7a0005;
width:100%;
height:3px;}

img.img
{float:right;
padding:5px;
border:1px solid #7a0005;}

p.submit_button
{border:1px solid #7a0005;
width:90%;
text-align:center;}

a.tiles
{float:left;
width:119px;
overflow:hidden;
border:4px solid transparent;}

a.tiles:hover
{border:4px solid #7a0005;}

/****************Paragraphs*/
p
{margin:5px;
}

p#thankyou,.warning
{color:yellow;}

p.action
{clear:both;
font-size:18px;
letter-spacing:1px;
margin:10px 0;
padding:5px;
background:#7a0005;
border:5px solid #7a0005;}

p.action a
{color:#000;}

/****************Headers*/
h1,h2
{border:5px solid #7a0005;
margin:50px 5px 20px 5px;
padding:5px 0 5px 0;
color:#fff;
font-size:17px;
position:relative;
width:98.8%;
height:62px;
overflow:hidden;}

h2
{margin:25px 5px 20px 5px;
font-size:55px;
padding:0 0 35px 0;
border-bottom:5px solid #7a0005;}

h2.inside
{font-size:22px;
color:#fff;
font-family:helevtica, arial, sans-serif;
padding:10px 5px;
height:100%;
margin:0 0 10px 0;
font-family:'times new roman',times,serif;
width:98%;}

h2.restaurants
{border:5px solid #7a0005;
margin:10px 5px 20px 5px;
padding:5px 0 5px 0;
color:#fff;
font-size:17px;
position:relative;
width:98.8%;
height:62px;
overflow:hidden;}

h3,h4,h6
{margin:5px;
font-weight:bold;
color:#777;
clear:both;
font-size:24px;
line-height:26px;}

h6
{font-size:18px;
border-bottom:1px solid;}

h1 span, h2 span
{position:absolute;
top:5px;left:0;
padding:5px;
width:100%;
height:100%;
background-color:#000;
background-image:url(images/h1-welcome.gif);
background-repeat:no-repeat;
background-color:#000;}

h1.packages span
{background:url(images/h1-packages.gif) no-repeat;}

h2 span.restaurants
{background:url(images/h2-restaurants.gif) no-repeat;}

h1 span.attractions
{background:url(images/h1-attractions.gif) no-repeat;}

h1.rooms span
{background-color:#000;
background-image:url(images/h1-rooms.gif);
background-repeat:no-repeat;}


h1.reservations span
{background:url(images/h1-reservations.gif) no-repeat;}

h1.locations span
{background:url(images/h1-location.gif) no-repeat;}

h1.contact span
{background:url(images/h1-contact.gif) no-repeat;}

.feature h4
{font-size:18px;}

/***************************Primary Section Divs*/

#container
{margin:5px auto 0 auto;
padding:0;
width:1000px;
text-align:left;
font-family:helvetica,arial, sans-serif;
color:#fff;
position:relative;
border:1px solid #000;}

#branding
{width:180px;
height:100%;
background:#000 url(images/curtain-home.jpg) no-repeat top center;
position:absolute;
top:-5px;
left:0;}

#branding a#logo
{width:180px;
display:block;
position:relative;
text-indent:-9999px;
height:248px;
overflow:hidden;}

#branding a#logo span
{position:absolute;
top:-5px;left:0;
width:100%;
height:100%;
background:url(images/logo.png) no-repeat center;}

#maincontent
{width:765px;
position:relative;
margin:0 0 0 190px;}

.feature
{border:1px solid #333;
position:relative;
width:231px;
float:left;
margin:5px;
padding:5px;}

div.map
{width:47%;
margin:0 0 0 10px;
float:left;}

div.policy
{width:46%;
margin:0 0 0 10px;
float:left;
padding:0 0 0 25px;
border-left:5px solid #7a0005;}

div.rests
{border:1px solid #333;
width:49%;
font-size:14px;
float:left;
height:145px;
margin:0 0 4px 5px;}

div.rests img
{border:1px solid #7a0005;}

div.rests p
{padding-bottom:5px;}

/***************************Primary Navigation*/


a#b-rooms, a#b-reservations,
a#b-packages, a#b-contact,
a#b-location, a#b-attractions,
a#b-vodka, a#b-bar
{display:block;
padding:0;
width:300px;
height:105px;
color:#fff;
font-weight:bold;
text-decoration:none;
position:relative;
text-align:left;
font-size:16px;}


a#b-rooms span,
a#b-reservations span,
a#b-packages span, a#b-contact span,
a#b-location span, a#b-attractions span,
a#b-vodka span, a#b-bar span
{display:block;
margin:0 0 0 0;
padding:0 0 0 89px;
height:105px;
background:url(images/bed-icon.gif) no-repeat bottom left;}


a#b-rooms span em,
a#b-reservations span em,
a#b-packages span em, a#b-contact span em,
a#b-location span em, a#b-attractions span em, 
a#b-vodka span em, a#b-bar span em
{font-style:normal;
display:inline-block;
margin:42px 0 0 -5px;
width:220px;
padding:4px 5px;
background-color:#7a0005;}

a#b-rooms span:hover
{background:url(images/h-bed-icon.gif) no-repeat bottom left;
color:#000;}


a#b-rooms span em:hover,
a#b-reservations span em:hover,
a#b-packages span em:hover, a#b-contact span em:hover,
a#b-location span em:hover, a#b-attractions span em:hover, 
a#b-vodka span em:hover, a#b-bar span em:hover
{background-color:#fff;}

a#b-attractions span
{background:url(images/attractions-icon.gif) no-repeat bottom left;
margin:0 0 0 65px;}

a#b-attractions:hover span:hover
{color:#000;
background:url(images/h-attractions-icon.gif) no-repeat bottom left;}

a#b-reservations span
{background:url(images/reservations-icon.gif) no-repeat bottom left;
margin:0 0 0 65px;}

a#b-reservations:hover span:hover
{color:#000;
background:url(images/h-reservations-icon.gif) no-repeat bottom left;}

a#b-packages span
{background:url(images/packages-icon.gif) no-repeat bottom left;}

a#b-packages:hover span:hover
{color:#000;
background:url(images/h-packages-icon.gif) no-repeat bottom left;}

a#b-location span
{background:url(images/location-icon.gif) no-repeat bottom left;}

a#b-location:hover span:hover
{color:#000;
background:url(images/h-location-icon.gif) no-repeat bottom left;}

a#b-contact span
{background:url(images/contact-icon.gif) no-repeat bottom left;
margin:0 0 0 65px;}

a#b-contact:hover span:hover
{color:#000;
background:url(images/h-contact-icon.gif) no-repeat bottom left;}

ul#sidenav
{margin:0 0 0 -40px;}

ul#sidenav a
{color:#fff;
font-size:18px;}

ul#sidenav a:hover
{
text-decoration:none;
font-size:18px;
color:#7a0005;}

ul li.rooms-li,
ul li.attractions-li,
ul li.contact-li,
ul li.packages-li,
ul li.location-li,
ul li.reservations-li
{background-image:url(images/s-rooms.gif);
background-repeat:no-repeat;
list-style-type:none;
display:block;
width:100%;
margin:10px 0 0 -40px;
height:40px;}

ul li.reservations-li
{background-image:url(images/s-reservations.gif);}

ul li.packages-li
{background-image:url(images/s-packages.gif);}

ul li.attractions-li
{background-image:url(images/s-attractions.gif);
}

ul li.location-li
{background-image:url(images/s-location.gif);}

ul li.contact-li
{background-image:url(images/s-contact.gif);}

ul li.rooms-li:hover
{background-image:url(images/s-rooms-h.gif);
background-repeat:no-repeat;}


ul li.reservations-li:hover
{background-image:url(images/s-reservations-h.gif);
background-repeat:no-repeat;}


ul li.packages-li:hover
{background-image:url(images/s-packages-h.gif);
background-repeat:no-repeat;}


ul li.contact-li:hover
{background-image:url(images/s-contact-h.gif);
background-repeat:no-repeat;}


ul li.location-li:hover
{background-image:url(images/s-location-h.gif);
background-repeat:no-repeat;}


ul li.attractions-li:hover
{background-image:url(images/s-attractions-h.gif);
background-repeat:no-repeat;}

ul#sidenav li a
{padding:10px 0 10px 42px;
display:block;}

li#t_on
{background:url(images/on.gif) no-repeat;}

li#t_on a
{color:#7a0005;
font-size:16px;
font-weight:bold;}

.policy ul
{list-style-type:circle;
margin:0 0 0 25px;
padding:0;}


.policy ul li
{margin:7px 0;
padding:0;}
/**************************tables*/

table
{width:100%;
border-collapse:collapse;}




/*************************forms*/

form
{width:46%;
margin:0 5px;
float:left;}

form label
{display:block;
margin:0 5px;}

form input,
form select,
form textarea
{width:90%;
margin:5px;}

form textarea
{height:150px;}
/********************Footer*/
#footer
{margin:.5em auto 0 auto;
padding:0;
width:1000px;
clear:both;
text-align:left;
color:#fff;
border-top:3px solid #7a0005;}



/*******************************Lightbox*/
/******************************************LIGHTBOX*/
#lightbox
{position: absolute;
top: 40px;
left: 0;
color:#fff;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;}

#lightbox a img
{border:1px solid #7a0005;
width:70px;
height:20px;
margin:0 0 10px -5px;
background-image:url(closelabel.gif);
background-repeat:no-repeat;
display:block;}

#outerImageContainer
{position: relative;
background-color: #000;
width: 250px;
height: 250px;
margin: 0 auto;}

#imageContainer
{padding: 10px;}

#loading
{position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;}

#hoverNav
{position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink
{width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;}

#prevLink 
{left: 0; 
float: left;
background: url(images/prevlabel.gif) left 1% no-repeat;}

#nextLink 
{ right: 0; 
 background: url(images/nextlabel.gif) right 1% no-repeat; 
float: right;}

#imageDataContainer
{font: 10px Verdana, Helvetica, sans-serif;
background-color: #000;
margin: 0 auto;}

#imageData
{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay
{position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #7a0005;}

.clearfix:after 
{content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}

* html>body .clearfix 
{display: inline-block; 
width: 100%;}

* html .clearfix 
{/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */}