html, body {height:100%;}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-color:#090B08;
	background-image:url(../images/bg.jpg);
	background-attachment:fixed;
	margin: 0px;
	background-repeat: no-repeat;
	height:100%;
}

p, h1, h2, h4, h5, h6, li {
	margin: .3ex .3em;
}
h3 {
	background-color: #5D5D5D;
	color: #FFFFFF;
	padding: 4px;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



h5 {
	color: #FFFFFF;
	padding-top: 2px;
}

p {
	margin: 3px 3px;
}

p.rooms {
	margin: 5px 20px;
}

/**global styles*================================================================================*/

div#topLogo {
	width: 100%;
	height: 97px;
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#topMenu {
	width: 991px;
	height: 30px;
	position: relative;
	margin: 0 auto 0 auto;
	text-align:left;
}


div#topMenubg {
	width: 100%;
	position: relative;
	height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/transparent.png);
	background-repeat: repeat-x;
	background-position: left top;
}
div#topMenu ul{
	margin: 0;
	text-align: left;
	padding-top: 5px;
}

div#topMenu ul li{
display: inline;
}

div#topMenu ul li a{
color: #000000;
font-weight: bold;
padding: 0px 3px 0px 3px;
margin-right: 10px; /*spacing between each menu link*/
text-decoration: none;
}

div#topMenu ul li a:hover {
color: #FFFFFF;
}



div#outerDiv {
	width: 991px;
	min-height:600px;
	text-align: left;
	margin: 20px auto 0 auto;
	background-repeat: repeat;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	}

div#logoContainer {
	width: 993px;
	height: 97px;
	position: relative;
	margin: 0 auto;
}

div#logo {
	float: left;
	width: 203px;
	margin-top: 5px;
}
div#logoRight {
	float: right;
	width: 200px;
	height: 97px;
}
div#translator {
	float: right;
	width:100px;
	padding-right: 20px;
	padding-top: 40px;
}

/**=======================================================================================================body**/



div#header {
	width: 977px;
	position: relative;
	height: 312px;
	background-color: #00FFFF;
	margin: 7px 7px 0px 7px;
}

div#body {
	width: 977px;
	position: relative;
	margin: 7px 7px 7px 7px;
}

div#body.one {
	width: 977px;
	position: relative;
	margin: 7px 7px 7px 7px;
	background-color: #5D5D5D;
}

div#bodyOuter {
	width: 977px;
	position: relative;
	margin: 0;
}

div#bodyLeft {
	width: 324px;
	float: left;
	border: 1px solid #999999;
	background-color: #FAF8EF;
	padding: 5px;
}
div#bodyRight {
	width: 645px;
	float: right;
	background-color: #FAF8EF;
	height: 300px;
}

div#bodyRight, div#bodyLeft h3 {
	background-color: #FFFEFC;
	color: #666666;
	width: 639px;
	
}
div#containerLR {
	width: 977px;
}

div#containerF {
	width: 977px;
	background-color: #5D5D5D;
	margin-left: 7px;
	margin-bottom: 0px;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 7px;
}

div#containerF p {
	color: #FFFFFF;
}

div#video {
	width: 314px;
	margin-bottom: 10px;
}

/* ============================================================================================== images ===== */

div.float {
	float: left;
	width: 153px;
	padding-bottom: 5px;
  }
  div.float1 {
	float: right;
	width: 153px;
	padding-bottom: 5px;
  }
  
div.float, div.float1 p {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
   }


/* =========================================================================================== footer ===== */

div#footer {
	clear: both;
	background: transparent;
	margin: 0 auto;
	padding-top: 10px;
	width: 979px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#footer p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer a {
    color: #FFFFFF;
    text-decoration: none;
}

#footer a:hover{
    color: #E4A500;
    text-decoration: none;
}


/* ===== miscellaneous styles ===== */

.clear { clear: both }




/*------------------------------------------------bodyBot--------------------*/

#story{
	width:300px;
	background:url(images/body_bot_div.gif) right top no-repeat;
	float:left;
	padding:0 0px 0 0;
	margin:0 10px 0 0;
}
#story h2{
	color:#FFCC00;
	background-color:inherit;
	font:normal 28px/22px Arial, Helvetica, sans-serif;
	margin:0 0 15px 10;
	display:block;
}
#story ul{
	padding:0 0 0px 0;
}
#story ul li{
	font-size:12px;
	line-height:18px;
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#story ul li a{
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#story ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#story a.rm3{
	margin:0 0 0 0px;
	color:#FFFFFF;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#story a.rm3:hover{
	color:#FAC81C;
	background-color:inherit;
}



#story.one {
	width: 210px;
	margin-right: 0px;
}


#story.two {
	width: 400px;
}



#story.three {
	width: 482px;
	margin-right: 0px;
}
#story.four {
	width: 400px;
}


div#float {
	float: left;
	width: 33px;
	margin-right: 10px;
	height: 33px;
	display: block;
  }
  div#float1 {
	float: left;
	width: 76px;
	margin-right: 10px;
	height: 53px;
	display: block;
  }
    div#float2 {
	float: left;
	width: 99px;
	margin-right: 10px;
	height: 140px;
	display: block;
	margin-left: 10px;
	border: thin solid #CCCCCC;
	padding: 2px;
	margin-bottom: 10px;
  }
      div#float3 {
	float: left;
	width: 122px;
	height: 100px;
	display: block;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
  }
        div#float4 {
	float: left;
	width: 130px;
	height: 130px;
	display: block;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
  }
          
div#float5 {
	float: left;
	width: 146px;
	height: 100px;
	display: block;
	margin-left: 5px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 5px;
  }
  
  div#float6 {
	float: left;
	width: 170px;
	display: block;
  }
p.topDiv{
	display:block;
	height:168px;
	width:8px;
	margin:0px 10px 0 0;
	float:left;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
p.topDiv1{
	display:block;
	height:168px;
	width:8px;
	margin:0px 0px 0 0;
	float:left;
	background-image: url(../images/shadow1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

p.topDiv2{
	display:block;
	height:168px;
	width:8px;
	margin:0px 0px 0 0;
	float:left;
	background-image: url(../images/shadow2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}



/* ================================================================================================== boxes ===== */



img#listingFloatingImage {
	float: left;
	border: 1px;
	margin: 5px;
	padding: 5px;
}

div#listingDescbox1 {
	float: left;
	width: 488px;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	background-color: #5D5D5D;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

div#listingDesc1 {
	width: 331px;
	float: right;
	margin-left: 5px;
	margin-top: 0px;
}

div#listingDesc1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

div#listingDesc1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

div#listingDesc1 li {
	color: #FFFFFF;
	
}


/* ================================================================================================== form ===== */

form p {
	margin:0 0 10px 0;
	padding:0;
	}


form {
	width:640px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
form ol {
	list-style:none;
	margin:0;
	padding:0;
	}
	
form li {
	padding:6px;
	background:#e1e1e1;
	margin-bottom:1px;
	}
	
	form li#send {
		background:none;
		margin-top:6px;
		}

form label {
	float:left;
	width:110px;
	text-align:right;	
	margin-right:7px;
	color:#595959;
	line-height:23px; /* This will make the labels vertically centered with the inputs */
	}
	
form input,
form textarea {
	padding:4px;
	font:13px Georgia, "Times New Roman", Times, serif;
	border:1px solid #999999;
	width:400px;
	}
form textarea {
	height: 90px;
	}
	
	form input:focus,
	form textarea:focus {
		border:1px solid #666;
		background:#e3f1f1;
		}
	
form li#send button {
	background:#540202 url(images/css-form-send.gif) no-repeat 8px 50%;
	border:none;
	padding:4px 8px 4px 28px;
	border-radius:15%; /* Don't expect this to work on IE6 or 7 */
	-moz-border-radius:15%;
	-webkit-border-radius:15%;			
	color:#fff;
	margin-left:77px; /* Total width of the labels + their right margin */
	cursor:pointer;
	}
	
	form li#send button:hover { 
		background-color:#A4955C;
		}
div#directions {
	width: 977px;
	height: 200px;
}
div#direOne {
	width: 977px;
	float: left;
	padding: 10px;
}
div#direTwo {
	width: 315px;
	float: left;
	padding: 10px;
}
div#direThree {
	width: 320px;
	float: left;
	padding: 10px;
}