@import url("facebox.css");
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */ 


body{
			font-size:62.5%;
			font-family:Helvetica, Arial,  sans-serif;
			background:url(../img/body-bg.gif) repeat;
		
}
div#wrapper{
			width:960px;
			margin:0 auto;
	}
div#branding{ margin-bottom:10px; height:140px; position:relative; padding:0;}

a#logo{
			width:265px;
			height:135px; 
			float:left;
			margin-top:5px;
			background:url(../img/ohlogo.png) no-repeat;
			text-indent:-9999px;
	}
ul#top-nav{
			float:right; 
			width:540px; 
			list-style-type:none;
}
#changeFont{width:auto; height:20px; position:absolute; right:0; top:50px; color:#FFF; font-size:1.2em;}
#changeFont a{color:#FFFFFF; text-decoration:underline; cursor:pointer; }
ul#top-nav li{ float:right; margin:5px 0 0 0;}

ul#top-nav li a{
			color:#FFF;
			padding:0 10px;
			border-right:1px solid #FFF; 
			margin-left:5px;
			font-size:1.2em;
			display:block;
		
			}
ul#top-nav li#book-now{			
			background:url(../img/transparent-white.png) repeat;
				margin:0 0 0 5px;
			
			}
			ul#top-nav li#book-now a{	
			padding:5px 5px;
			text-align:center;
		
			}
			ul#top-nav li#book-now a:hover{	
				color:#8F9194;
			}
			
ul#top-nav li a.last{
			border-right:none;
			padding-right:0;
	}
div#navigation{
			background:url(../img/transparent-white.png) repeat;
			height:20px; width:920px;
			padding:20px 20px; 
			margin-bottom:5px;
	}
	
	
ul#menu{
			list-style-type:none;
			padding:0; margin:0;
	}
	
ul#menu li{ 
			margin-top:10px;
			display:inline;
			
				}
				
				
ul#menu li a{
			color:#FFF; 
			padding:2px 22px 2px 0; 
			text-decoration:none;
			border-right:1px solid #FFF;
			font-size:1.6em;
			text-transform:uppercase; 
			margin-right:22px;
			
}
ul#menu li a.last{
			border-right:none;
			padding-right:0; 
			margin-right:0;
	}

ul#menu li a:hover{
text-decoration:underline;
}


div#content{
			background:#FFF; 
			padding:20px;
			position:relative;
			top:-10px;
	}
	#content-inner{height:auto; width:920px;}
	
#services{margin-bottom:20px; width:920px; height:360px;}

div#welcome{width:450px; float:left; min-height:200px; margin-right:10px; height:auto;}
div#booking-form{ border:1px solid #300007; width:450px; float:left; }
div#internal-booking-form{ border:1px solid #300007; width:450px; float:left; }

div.news-headline{
			padding:20px 0 10px 0;
			border-top:1px solid #CCC;
			width:450px; float:left;
			margin-right:20px; margin-top:20px;
	}
	
.news-headline img{
			float:right; margin:0 0 10px 10px;
}
div#footer{color:#FFF; background:url(../img/transparent-white.png) repeat; height:20px; padding:10px; margin-top:-10px;}

.fltlt{float:left;}
.flrt{float:right;}
.clearboth{clear:both; height:1px;}
#alacarte{width:600px; float:left; margin-right:10px;}


h1{font-size:1.8em; line-height:2.7em;}
h2{font-size:1.8em; line-height:2.4em; font-weight:normal;}
h3{font-size:1.4em; line-height:2.1em;}
h4{font-size:1.4em; line-height:2.1em;}
h5{font-size:1.6em; line-height:2.4em;}

ul#dining-options{padding-left:0;}
ul#dining-options li{font-size:1.2em; line-height:145%; margin-bottom:10px; list-style:none; }
h2#strapline{background:url(../img/strapline.png) no-repeat; float:right; width:605px; height:44px; text-indent:-9999px; margin-top:50px;}
#welcome h1{color:#64383D; margin-top:0;}
.news-headline h2{color:#64383D; margin-top:0;}
#booking-form h3{background:#8f9194; color:#FFF; display:block; padding-left:10px; margin:0 0 10px 0;}
#text-holder #internal-booking-form h3{background:#8f9194; color:#FFF; display:block; padding-left:10px; margin:0 0 10px 0;}
#reservation-callto h5{color:#64383D; margin-top:0; font-weight:normal; letter-spacing:1px;}

p, #main-content ul, blockquote{font-size:1.2em; line-height:1.7em; margin-top:0;}
blockquote{margin-left:0;}
#booking-form p{padding:10px;}

#footer a{color:#FFF;}

/** homepage slider **/

/*--Main Image Preview--*/

.main_image {
	width: 670px; height: 345px;
	float: left;
	background: #FFF;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 15px;
	line-height:15px;
	text-transform:uppercase;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px 10px 0 10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	display:none;
}

.main_image a{color:#D2A75D;}
.main_image p {
	font-size: 1.3em;
	padding: 10px;	margin: 0;
	line-height: 16px;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(../images/icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
	padding:10px 0;
}

.main_image a.collapse {
	background: url(../images/btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	float: left;
	width: 245px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	float:right;
	border:1px solid #FFF;
	margin-top:2px;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 5px 10px;
	width: 225px;
	float: left;
	border-right: 1px solid #ccc;
}

.image_thumb ul li#dining{
background: #56262e url(../img/home-slider/dining-bg.gif) repeat-x;
}

.image_thumb ul li#business{
background: #56262e url(../img/home-slider/business-bg.gif) repeat-x;
}

.image_thumb ul li#bedrooms{
background: #56262e url(../img/home-slider/bedrooms-bg.gif) repeat-x;
}

.image_thumb ul li#wedding{
background: #56262e url(../img/home-slider/weddings-bg.gif) repeat-x;
}


.image_thumb ul li.hover {
	
	cursor: pointer;
}

html .image_thumb ul li h2 {
	font-size: 1.8em;  line-height:2em; 
	 font-family:Helvetica, Arial, Verdana,  sans-serif; font-weight:normal;
	margin: 20px 0; padding: 0;
	color:#FFF;
}
html .image_thumb ul li h2:hover{text-decoration:underline;}

#design h2, #design a{color:#F089B6;}
#print h2, #print a{color:#2CC4F5;}
#websites h2, #websites a{color:#89C881;}
#copywriting h2, #copywriting a{color:#F59565;}
#email h2, #email a{color:#A6A0CE;}
#marketing h2, #marketing a{color:#E8D821;}

.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 90px;
}	
.image_thumb ul li p{display: none;}

form#booking-form{}
form#booking-form div{margin-bottom:5px; border:1px dotted #CCC; padding:5px;}
form#booking-form fieldset{border:none;}
form#booking-form label{width:200px; float:left; font-size:1.4em;}
form#booking-form input{}
form#booking-form input#submit{}

div#rhs-booking-form{width:300px; float:right; margin-right:10px; border:1px solid #300007;}
#rhs-booking-form h3{background:#8f9194; color:#FFF; display:block; padding-left:10px; margin:0 0 10px 0;}
form#rhs-booking-form{}
form#rhs-booking-form div{margin-bottom:5px; border:1px dotted #CCC; padding:5px;}
form#rhs-booking-form fieldset{border:none;}
form#rhs-booking-form label{width:200px; float:left; font-size:1.4em;}
form#rhs-booking-form input{}
form#rhs-booking-form input#submit{}



/** Dining page styles**/
#calltos{width:920px; height:auto;}
.dining-callto{width:210px; height:470px; margin-right:26px; border-top:1px solid #64383D; border-bottom:1px solid #64383D;  padding:10px 0; float:left; margin-top:20px; margin-bottom:10px;}
.dining-callto img{margin-bottom:20px;}
.dining-callto h2{color:#64383D; margin-top:0;}
div.last{margin-right:0;}

/** Location page styles**/
#location-feature{background:#56292e;}
#location-feature h1{color:#FFF; float:left; font-weight:normal; padding-left:10px; margin-bottom:10px;}
#location-feature p{color:#FFF; font-size:1.2em; width:400px; float:left; padding-left:10px;}
#location-feature a{color:#FFC345; }
#location-feature img{float:right; margin-left:10px;}


#directions{float:left; width:430px; margin-right:60px; margin-top:20px;}
#directions h2{color:#64383D; font-weight:normal;}
#directions h3{color:#64383D; margin-bottom:5px; font-weight:normal;}
#map{float:right; width:425px; margin-top:20px;}

/** normal page styles**/

#main-content{width:920px; height:auto; }
#text-holder{width:920px; height:auto; padding:10px 0; float:left; margin-top:20px; border-top:1px solid #64383D; border-bottom:1px solid #64383D;}
#text-holder h2, #weddings h2, #menus h2, #directions h1{color:#64383D; margin-top:0; border-left:3px solid #64383D; padding-left:10px;}
#text-holder h3, #weddings h3, #menus h3{color:#64383D; margin-bottom:5px; font-weight:700; border-bottom:1px dotted #CCC; padding-bottom:0;}
#text-holder #accordion h3{padding-left:30px; outline:none;}
#action{width:210px; float:right; margin-top:20px;}
#action img{margin-bottom:20px;}
#action h4{background:#8F9194; color:#FFF; margin-bottom:5px; font-weight:normal; margin-top:20px; padding:5px;}

#weddings, #conferences{width:450px; float:left; margin-right:20px; margin-top:20px;}
#weddings img{float:left; margin-right:10px;}
#menus, #corporate{width:450px; float:right; margin-top:20px;}
#menus img{float:left; margin-right:10px;}

#latest-events{width:460px; float:left; margin-right:20px;}
#latest-events img{float:left; margin-right:10px;}
#opera-house{widows:450px; float:right;}
#opera-house img{float:left; clear:both; margin-right:10px;}
.opera-event{margin-top:10px;}


#reservation-callto{margin-top:10px;}
#reservation-callto img{border:none;}

/* Contact Form Styles*/
		form.contact, form#signup{width:510px; background:#f9f9f9; border:2px solid #CCC; padding:10px;}
		form.contact label, form#signup label{width:230px;float:left; color:#606060; font-size:1.2em; padding-top:10px;}
		form.contact div, form#signup div{margin-bottom:5px; border:1px dotted #CCC; padding:10px;}
		form.contact input, form#signup input{ border:1px solid #CCC; float:left; padding:5px; height:20px; width:240px; margin-bottom:5px;}
		form.contact select, form.contact textarea, form#signup textarea{width:250px; float:left; margin-bottom:5px;}
		form.contact textarea, form#signup textarea{border:1px solid #CCC; }
		form.contact input#submit, form#signup input#submit{ width:100px; height:40px; padding:10px; clear:both; margin-bottom:20px; background:#300007; color:#FFF;}
		span.blue{color:#6392C0; font-weight:700;}
		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px; font-size:14px; font-weight:normal;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px; font-size:14px; font-weight:normal;}

em.disclaimer{color:#666; font-size:1.2em; line-height:1.8em;}
em.quote{color:#666; font-size:1.4em; line-height:2.1em;}

#contact-form{width:600px; float:left;}

div.callto-maroon{padding:10px; background:#310107; color:#FFF;}
div.callto-callback{padding:10px; background:#736D55; color:#FFF; border:1px solid #CCC;}
div.third img{float:right; margin-left:20px;}

div.callto-pdf{padding:10px; background:#957E53; color:#FFF; border:1px solid #CCC;}

#thirds{margin:10px 0; width:100%;clear:both;}
.third{width:28%; margin-right:3%; float:left; height:100px;}
.third a{color:#FFF;}

.offer, .room{background:#F9F9F9; padding:10px; border:1px solid #CCC; margin-bottom:10px;}
.offer h3, .offer p{width:70%;}
.offer ul{width:65%;}
.left img{float:left; margin-right:20px;}
.left h3, .left p, .left ul{float:right;}
.right img{float:right; margin-left:20px;}
.right h3, .right p, .right ul{float:left;}

div.wrapper
{
  margin-bottom: 1em;
}

ul#castles
{
  width: 30em;
  margin: 0;
  padding: 0;
}
ul#castles li
{
  /* list item dimensions */

  width: 10em;
  height: 2em;

  /* Clear the default margins & padding 
  for cross-browser efficiency */
  margin: 0;
  padding: 0;

  /* suppress item markers */
  list-style-type: none;
  float:left;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a.download{color:#FFFFFF; font-size:1.1em; text-align:center; float:left; font-weight:700; padding:10px 0 10px 0; background:url(../img/download-button.gif) no-repeat; width:160px; height:20px; margin-right:20px;}
a.download-button{color:#FFFFFF; font-size:1.4em; text-align:center; float:left; font-weight:700; padding:10px; background:#300007; width:200px; height:30px; margin-right:20px; margin-bottom:20px;}

#wedding-gallery img{float:left; padding:2px; background:#FFF; border:1px solid #CCC; margin:0 10px 10px 0;}
#gallery-container{width:230px; float:right;}
#accordion div#gallery-thumbs img{ margin-left:7px; float:left; padding:1px;}