/* ------------------------------------------
project:	Wentworth Hotel
date:		29/05/2006
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; background: url(../img/wh_bg_html.jpg); }
body { position: relative; min-height: 100%; margin: 0; padding: 0; background: url(../img/wh_bg_body.jpg) repeat-x; color: #666; }
body, input, textarea, select, option { font: 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
strong { color:#444444; }

/* ELEMENTS
-------------------------------------*/
form { display: inline; }
img { border: 0px; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }


p { margin: 0 0 10px; padding: 0; text-align: justify; }
p:hover a { text-decoration: underline; }

address { margin: 0 0 10px; padding: 0; font-style: normal; }

/* CONSTANTS
-------------------------------------*/
.fl { float: left; } .fr { float: right; }
.clear { clear: both; margin: -1px 0 0 !important; height: 1px; margin: 0; }

/* ANCHORS
-------------------------------------*/
a {	color: #957f43; text-decoration: none; }
a:hover { color: #554415; text-decoration: underline; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 5px; padding: 0; font: normal 32px Georgia,Arial,Helvetica,sans-serif; color: #7d0c23; }
h2 { margin: 0 0 10px; padding: 0; font: normal 24px "Times New Roman", Times, Arial,Helvetica,sans-serif; color: #796737; }
h3 { margin: 0 0 10px; padding: 0; font: normal 18px "Times New Roman", Times, Arial,Helvetica,sans-serif; color: #796737; }
h4 { margin: 0 0 10px; padding: 0; font: normal 14px "Trebuchet MS", Arial,Helvetica,sans-serif; color: #796737; }
h5 { margin: 0 0 10px; padding: 0; font: normal 12px "Times New Roman", Times, Arial,Helvetica,sans-serif; color: #796737; }

/* TOOL TIPS
-------------------------------------*/
#dhtmltooltip{ position:absolute; left:-300px; width:150px; border:1px solid #c8a541; padding:2px; background-color:#fef9f1; visibility:hidden; z-index:100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=155);*/ }
#dhtmlpointer{ position:absolute;left: -300px;z-index: 101;visibility: hidden; }

/* LAYOUT
-------------------------------------*/
#root { width: 777px; margin: 0 auto; }
 #top {	position: relative;	height: 115px; }
  #skip-links { list-style: none; position: absolute; right: 10px; top: 0; margin: 0; padding: 0; }
   #skip-links li { }
    #skip-links li a { position: absolute; top: -200px; right: 0; width: 200px; padding: 3px 0; border: 1px solid #d5cbae; border-top: none; background: #edece9; text-align: center; color: #685b34; } #skip-links li a:focus, #skip-links li a:active { top: 0; background: #f3f1eb; text-decoration: none; } #skip-links .promo { position:relative; top:0px; left:-15px; }
  #logo { position: absolute; top: 28px; left: 7px; width: 179px; height: 42px; background: url(../img/wh_logo.png) 50% 50% no-repeat; }
   #logo a { display: block; overflow: hidden; width: 179px; height: 42px; text-indent: -10001px; }

  #top-nav { list-style: none; position: absolute; top: 0px; right: 0; margin: 0; padding: 0; border-right: 1px solid #f2efe8; }
   #top-nav li { display: inline; color: #998852; height:50px; width:65px; border-left: 1px solid #f2efe8; text-align: center; line-height: 1.2em; font-size: 10px; margin: 0px; float:left;  }
   #top-nav li.first { }
	 #top-nav li a.home { background: url(../img/ico-uber-home.gif) no-repeat left top; }
	 #top-nav li a.contact { background: url(../img/ico-uber-contact.gif) no-repeat left top; }
	 #top-nav li a.photo { background: url(../img/ico-uber-photo.gif) no-repeat left top; }
	 #top-nav li a.gift { background: url(../img/ico-uber-gift.gif) no-repeat left top; }
   #top-nav li a { display:block; color: #998852; width: 65px; padding-top: 26px; overflow:hidden;  }
   #top-nav li a:hover { background-position:left -50px; text-decoration:none; }
 
 #nav { position: absolute; bottom: -1px; width: 772px; list-style: none; min-height: 29px; margin: 0; padding: 0 0 0 5px; border-bottom: 1px solid #ccc; background: url(../img/wh_bg_nav.png) no-repeat; }
  #nav li { position: relative; float: left; height: 15px; padding: 7px 0 7px; font: 12px "Times New Roman", Times, Verdana, sans-serif; background: url(../img/wh_bg_nav.gif) 0 5px no-repeat; }
  #nav li.first { background: none; }
   #nav li a { padding: 0 7px; color: #89743c; }
   #nav li a:hover { color: #3e310e; text-decoration: none; }
   #nav li ul { display: none; position: absolute; top: 29px; left: 0; list-style: none; width: 165px; margin: 0; padding: 8px 0 0; z-index: 10; }
   #nav li:hover ul, #nav li.over ul { display: block; }
    #nav li ul li { display: block; float: none; padding: 3px 0px; border-bottom: 1px solid #ccc; border: 1px solid #dbe3e5; border-top: none; background: #f2efe8; }
     #nav li:hover ul li ul, #nav li.over ul li ul { display: none; position: absolute; top: -8px; left: 160px; padding-left: 5px; }
     #nav li ul li:hover ul,
     #nav li ul li.over ul { display: block; }
 #wrapper { overflow: hidden; border: 1px solid #ccc; border-bottom: none; background: #fff; }
 #sub-nav { width: 753px; margin: 0 auto; padding: 0 12px 60px; background: url(../img/wh_bg_subnav.gif) 50% 0 no-repeat; }
 	#sub-nav img { float:right; margin:8px 0 0 0; }
  #sub-nav ul { overflow: hidden; list-style: none; margin: 0; padding: 15px 0 15px 0; /*background: url(../img/wh_bg_subnav_ul.png) 98% 50% no-repeat; */}
   #sub-nav ul li { display: inline; padding: 2px 4px 2px 6px; background: url(../img/wh_bg_subnav_li.gif) 0 50% no-repeat; color: #957f43; font-size: 10px; }
   #sub-nav ul li.first { background: none; padding-left: 0; }
    #sub-nav ul li a { color: #957f43; }
    #sub-nav ul li a:hover { color: #333; text-decoration: underline; }
 #footer { position: absolute; bottom: 0; width: 100%; padding: 5px 0 30px; background: #7f1026; color: #fff; text-align: center; font: 11px "Times New Roman", Times, Verdana, sans-serif; }
  #footer p { margin: 0 0 1px; text-align: center; }
   #footer p a { color: #fff; }

/* HOME
-------------------------------------*/
#home { padding: 6px 0 0; background: url(../img/wh_mainpic.jpg) 50% 4px no-repeat; }
 #slideshow { display: block; margin: 0 auto; }
 #slidealt { display: block; margin: 0 auto; }
 #main { display: inline; float: left; width: 550px; margin: 0 0 0 10px; }
  #main h2 { margin: 0; color: #7d0c23; }
  #main-cols { overflow: hidden; padding: 5px 0; }
   #main-cols div.col { display: inline; float: left; width: 268px; }
   #main-cols div.first { margin-right: 10px; }
    #main-cols div.col div { overflow: hidden; padding: 0 0 8px; }
    #main-cols div.col div:hover a { text-decoration: underline; }
     #main-cols div.col div img { float: left; margin: 0 0 10px; }
     #main-cols div.col div h3 { margin: -2px 0 0 75px; font-size: 12px; text-transform: uppercase; }
     #main-cols div.col div p {	margin: 0 0 0 75px;	font-size: 10px;	text-align: left;	line-height: 1.3em; }
     #main-cols div.col div a { font-size: 10px; text-align: left; }
	#resbox { margin:0 0 10px; font-size: 9px; }
		#resbox form { padding:0; margin:0 0 0 220px; display: block; background: #F3F1E9; } 	
		#resbox select {	font-family:Arial, Helvetica, "Trebuchet MS", sans-serif;	font-size:9px; padding:0; margin:0;	border: 1px solid #AA9969; } 	
		#resbox .dateselect {float:left; width:auto }
		#resbox .formDivider { float:left; position:relative; top:10px; }
.btnGallery { margin-top: 10px; }

 #side { display: inline; float: right; width: 180px; margin: 0 10px 0 0; padding: 25px 0 5px; }
 	#side h3 { margin: 6px 0 0; font-size: 12px; text-transform: uppercase; }
 	#side .nsnav { padding: 8px 0 0 0; }
	#side #container { background-color: #f9f8f4; border: 1px solid #ece8da; }
		#side .nscontent { font-size: 10px; line-height:10px; margin:0; padding:0; list-style:none; }
			#side .nscontent a { display:block; text-decoration:none; padding:4px 1px 4px 2px; line-height:1em; list-style:none; }
				#side .nscontent a:hover { background-color:#fff; }
			#side .nscontent, #side ul  { margin:0; padding:0; line-height:1px; list-style:none;  }
				#side .nscontent li { display:block; margin:0; margin-bottom:0em; padding:0; list-style:url(../images/_.gif) none outside; } 

/* SUBS
-------------------------------------*/
#side-nav { display: inline; float: left; width: 145px; margin: 0 20px 0 6px; padding: 115px 0 100px; }
#side-nav.n2 { padding-top: 107px; }
#side-nav.nr { padding-top: 117px; }
#side-nav.n2r { padding-top: 79px; }
 #side-nav h2 { margin: 0 0 5px; color: #957f43; font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; text-transform: uppercase; }
 #side-nav h2.subitem { padding-right: 15px; }
  #side-nav h2 a { color: #957f43; }
#content { float: left; width: 350px; padding: 35px 0 100px; }
 #content ul { margin-left: 2em;
}
 #email-form {	width: 140px; background: #F3F0EA url(../img/bg-resbox.gif) repeat-x left top; padding: 10px; border: 1px solid #cec3a7; margin: 20px; }
 #email-form label { text-transform:uppercase; font: 10px "Times New Roman", Times, serif; color:#796737; }
 #email-form input { border:1px solid #d4c9aa; font-size:10px; color:#333; padding:1px 3px; width:155px; }
 #email-form .form-button { background-color:#957f43; border:1px solid #796737; margin:5px 0 0 0; color:#fff; font-weight:bold; width:161px; text-transform:uppercase; font-size:10px; border:1px solid #fff; }
 #email-form .form-button:hover { background-color:#b3a47a; }
 .spa #email-form { width:160px; height:110px; padding:40px 10px 0 10px; background: #fff url(../img/bg-spa-box.gif) no-repeat left top; border:none; margin:0 0 20px 0; }
 .subscribe #email-form { width:160px; height:110px; padding:40px 10px 0 10px; background: #fff url(../img/bg-subscribe-form.gif) no-repeat left top; border:none; margin:0 0 20px 0; }  
#content.one-col { width: 580px; }
#right { display: inline; float: right; width: 230px; margin: 0 6px 0 0; padding: 75px 0 100px; }
 #right h3 { color: #7d0c23; 	margin-bottom: 3px; } #right .booking { font-size: 9px; line-height: 1em; margin-top: 4px; }

/* ELEMENTS
-------------------------------------*/
.img_L_a { display: inline; float: left; margin: 0 10px 5px 0; padding: 3px; border: 1px solid #947e42; }
.img_R_a { display: inline; float: right; margin: 0 0 5px 10px; padding: 3px; border: 1px solid #947e42; }
.img_C_a { display: block; margin: 10px auto; padding: 3px; border: 1px solid #947e42; }

.img_L_b { display: inline; float: left; margin: 0 10px 5px 0; }
.img_R_b { display: inline; float: right; margin: 0 0 5px 10px; }
.img_C_b { display: block; margin: 0 0 auto; }

.small { font-size: 10px; }

.icon { padding-top:0.2em; margin-bottom:-0.2em; }

p.res { display: block; color: #957f43; font-size: 18px; font-weight: bold; text-align: right; }
 p.res a { font: normal 12px "Times New Roman", Arial, Helvetica, sans-serif; color: #7d0c23; }

dl.list_a { font-size: 10px; }
 dl.list_a dt { padding: 3px 0 0; color: #aa9969; font-weight: bold; }
  dl.list_a dt a { color: #aa9969; }
 dl.list_a dd { margin: 0; padding: 0 0 8px; background: url(../img/wh_bg_dldd_a.gif) 0 100% repeat-x; line-height: 1.3em; }

#r div { overflow: hidden; padding: 4px 0; }
 #r div label { display: block; float: left; width: 120px; padding: 3px 0 0; }
 #r div div { display: block; overflow: visible; margin-left: 120px; }
 #r div.submit { padding: 8px 0 0 120px; }

.list_a { margin: 0 0 15px; padding: 0 0 0 20px; } .list_a li { position: relative; margin: 0 0 10px; }

.list_b { list-style: none; margin: 0 0 15px; padding: 0; }
 .list_b li { position: relative; margin: 0 0 10px; }
  .list_b li span { display: block; font-weight: bold; } 
 
/* HACKS
-------------------------------------*/
@media all and (min-width: 0px){
  #nav li ul { top: 28px; }
}
*:first-child+html #nav li ul { top: 21px; }