/* CSS Document */

/*This CSS file was written by Iain Hanlon iain@jetblackinc.co.uk*/
/**********************************/

/*Structural Elements*/
/**********************************/
body {
	background-color: #333333;
	text-align: center;
	font-family:  Georgia, Times New Roman, Times, serif;
	margin: 0px 0px 5px;
	background-image: url(images/structure09/grad_bg.jpg);
	background-repeat: repeat-x;
}

div#wrapper {
	width: 800px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color:#A98045;
	}

div#header {
	width: 800px;
	background-repeat: no-repeat;
	height: 220px;
	background-image: url(images/structure09/head_bg.jpg);
	}
	
div#logo {
	width:400px;
	height:66px;
	float:left;
	margin-top:100px;
	}

div#logo h1 {
	width: 400px;
	height: 66px;
	background-image: url(images/structure09/logo_bg.jpg);
	background-repeat: no-repeat;
	font-size: 38px;
	text-align: center;
	line-height: 66px;
	text-indent: -2000em;
	margin:0px;
	}

div#logo h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}

div#navcontainer {
	height: 54px;
	width:800px;
	background-image: url(images/structure09/nav_bg.jpg);
	background-repeat: no-repeat;
	float:left;
	}

div#navbox {
	height: 54px;
	width:390px;
	background-repeat: no-repeat;
	margin-left:175px;
	}


div#main {
	width: 800px;
	float: left;
	background-color:#A98045;
	}

div#left {
	width:175px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(images/structure09/left_column_bg.jpg);
}

div#middle {
	width:465px;
	float: left;
	margin-right:15px;
}


div#middletext {
	width:445px;
	padding:10px;
	background-color:#A9752B;
	margin-bottom:15px;
	}

div#middlemenu {
	width:625px;
	float: left;
}


div#middletextmenu {
	width:595px;
	padding:10px;
	background-color:#A9752B;
	margin-bottom:15px;
	}

div#menubox {
	width:150px;
	float:right;
	padding:5px;
	margin-left:5px;
	background-color:#A98045;
	}

div#bannerad {
	width:465px;
	height:111px;
	padding:0px;
	background-color:#A9752B;
	}

div#right {
	width:145px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(images/structure09/right_column_bg.jpg);
	background-position: left bottom;
}


div#subbox {
	width:135px;
	height:90px;
	margin-left:15px;
	padding-left:5px;
	padding-right:5px;
	background-color:#A9752B;
	margin-top:15px;
	margin-bottom:15px;
	padding-top:43px;
	background-image: url(images/structure09/subscribeto.jpg);
	background-repeat: no-repeat;
	}

div#resaward {
	width:145px;
	height:60px;
	margin-left:15px;
	margin-top:15px;
	}

div#resaward h1 {
	width: 145px;
	height: 60px;
	background-image: url(images/structure09/resaward.jpg);
	background-repeat: no-repeat;
	font-size: 60px;
	text-align: center;
	line-height: 60px;
	text-indent: -2000em;
	margin:0px;
	}

div#resaward h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}

div#twitter {
	width:145px;
	height:56px;
	margin-left:15px;
	margin-top:15px;
	}

div#twitter h1 {
	width: 145px;
	height: 56px;
	background-image: url(images/structure09/follow_us_twitter.jpg);
	background-repeat: no-repeat;
	font-size: 56px;
	text-align: center;
	line-height: 56px;
	text-indent: -2000em;
	margin:0px;
	}

div#twitter h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}


div#bookbox {
	width:135px;
	margin-left:15px;
	margin-bottom:15px;
	}
	
div#giftbox {
	width:135px;
	margin-left:15px;
	margin-bottom:15px;
	}

div#adboxone {
	width:135px;
	margin-bottom:15px;
	float:left;
	}

div#adboxtwo {
	width:135px;
	margin-bottom:15px;
	float:left;
	}

div#adboxthree {
	width:130px;
	height:160px;
	background-color:#FFFFFA;
	margin-bottom:15px;
	}
	
	
div#adboxfour {
	width:135px;
	margin-bottom:15px;
	float:left;
	}

div#footer {
	clear: both;
	text-align: left;
	background-image: url(images/structure09/footer_bg.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	padding-top:40px;
	height: 80px;
	}


/*Structural Elements*/
/**********************************/

div#photobox {
	width:400px;
	height:166px;
	float:left;
	background-image: url(images/structure09/oyster_bar.jpg);
	background-repeat: no-repeat;
	}
.photoboxrest {
	background-image: url(images/structure09/restaurant.jpg);
	background-repeat: no-repeat;
	}

.photoboxprivate {
	background-image: url(images/structure09/private_dining.jpg);
	background-repeat: no-repeat;
	}

.photoboxcafe {
	background-image: url(images/structure09/cafe_rogano.jpg);
	background-repeat: no-repeat;
	}



/*Horizontal Nav*/
/**********************************/

ul#topnav  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

#topnav li  {
	list-style-type: none;
	display:block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	float:left;
	}


#topnav li a {
	width: 58px;
	height: 54px;
	display: block;
	text-indent: -5000px;
	}

#topnav li a:hover {
	background-position: 0px 54px;
	}
	
#topnav .home {
	background-image: url(images/structure09/top_nav.jpg);
	background-position: 0px 0px;
	}

#topnav .reservations {
	background-image: url(images/structure09/top_nav.jpg);
	width:110px;
	background-position: -58px 0px;
	}

#topnav li a.reservations:hover  {
	background-position: -58px 54px;
	}

#topnav .contact {
	background-image: url(images/structure09/top_nav.jpg);
	width:75px;
	background-position: -168px 0px;
	}

#topnav li a.contact:hover  {
	background-position: -168px 54px;
	}

#topnav .gallery {
	background-image: url(images/structure09/top_nav.jpg);
	width:67px;
	background-position: -243px 0px;
	}

#topnav li a.gallery:hover  {
	background-position: -243px 54px;
	}

#topnav .location {
	background-image: url(images/structure09/top_nav.jpg);
	width:80px;
	background-position: -310px 0px;
	}

#topnav li a.location:hover  {
	background-position: -310px 54px;
	}
	



/*left Formatting*/
/**********************************/

div#leftnav-one {
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/01_restaurant_30.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

div#leftnav-one a {
	display:block;
	width:175px; height:30px;
	margin:0; padding:0;

	text-decoration: none;
	}
div#leftnav-one a:hover {
	display:block;
	width:175px;
	height:30px;
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/01_restaurant_30.jpg);
	text-decoration: none;
	background-position: -175px;
	}
div#leftnav-one a span { display:none }


div#leftnav-two {
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/02_oyster_bar_30.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

div#leftnav-two a {
	display:block;
	width:175px; height:30px;
	margin:0; padding:0;

	text-decoration: none;
	}
div#leftnav-two a:hover {
	display:block;
	width:175px;
	height:30px;
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/02_oyster_bar_30.jpg);
	text-decoration: none;
	background-position: -175px;
	}
div#leftnav-two a span { display:none }

div#leftnav-three {
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/03_cafe_30.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

div#leftnav-three a {
	display:block;
	width:175px; height:30px;
	margin:0; padding:0;

	text-decoration: none;
	}
div#leftnav-three a:hover {
	display:block;
	width:175px;
	height:30px;
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/03_cafe_30.jpg);
	text-decoration: none;
	background-position: -175px;
	}
div#leftnav-three a span { display:none }


div#leftnav-four {
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/04_group_menus_51.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

div#leftnav-four a {
	display:block;
	width:175px; height:51px;
	margin:0; padding:0;

	text-decoration: none;
	}
div#leftnav-four a:hover {
	display:block;
	width:175px;
	height:51px;
	margin:0;
	padding:0;
	background-image: url(images/structure09/left_nav/04_group_menus_51.jpg);
	text-decoration: none;
	background-position: -175px;
	}
div#leftnav-four a span { display:none }



/*Text Formatting*/
/**********************************/
p {
	font-size: 14px;
	color: #000000;
	margin-top: 0px;
	line-height: 20px;
	margin-bottom: 8px;
}

a {
	color: #000000;
	text-decoration: underline;
	margin-top: 0px;
}

h1 {
	font-size: 18px;
	line-height: 22px;
	color: #270A00;
	margin-top:0px;
	margin-bottom: 5px;
	font-weight: bold;
}
h2 {

	font-size: 14px;
	line-height: 18px;
	color: #270A00;
	margin-bottom: 5px;
	margin-top:0px;
	font-weight: bold;
}

h3 {

	font-size: 14px;
	line-height: 18px;
	color: #270A00;
	margin-bottom: 0px;
	margin-top:0px;
	font-weight: bold;
}

 h4, h5, h6 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	font-weight: normal;
	margin-bottom:5px;
}



/*side Text Formatting*/
/**********************************/
div#footer p {
	font-size: 14px;
	color: #A96502;
	line-height: 60px;
	margin-bottom: 0px;
	text-align: center;
}



/*Inline Elements Text*/
/**********************************/
.boldbody {
	font-weight: bold;
}


.formlabel {
	clear: left;
	float: left;
	width: 50px;
	padding-right: 5px;
	text-align: right;
	font-size: 12px;
	}

.smalltext {
	font-size: 11px;
	color: #270A00;
	line-height:13px;
	}

.bigtext {
	font-size: 18px;
	font-weight: bold;
	}

.head {
	
	float: left;
	margin: 0px;
	

}
.head2 {
	clear: both;
	float: left;
	margin: 0px;
	}
	
.spacer {
  clear: both;
  margin:0px;
  line-height:0px;
  }


.menutext {
	font-size: 14px;
	color: #000000;
	line-height: 16px;
	}
.menuheadtext {
	font-size: 14px;
	color: #270A00;
	line-height: 16px;
	font-weight: bold;
	margin-bottom:0px;
	}

.pricetext {
	font-size: 14px;
	color: #270A00;
	line-height: 16px;
	}

/*Inline Elements Structure*/
/**********************************/

.picspan {
	height: 133px;
	width:200px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #000000;
}
.picspan1 {
	height: 133px;
	width:200px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
}


.picspanright {
	display: block;
	padding: 3px;
	float: right;
	vertical-align: middle;
	margin-top: 7px;
	margin-right: 7px;
	margin-left: 7px;
	list-style-type: none;
	background-color: #FFFFFF;
	overflow: hidden;
}

.picspanrightplain {
	display: block;
	padding: 0px;
	float:right;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	margin-left: 7px;
	background-color: #FFFFFF;
	overflow: hidden;
}

.picspanleft {
	display: block;
	background-color: #FFFFFF;
	overflow: hidden;
	margin-bottom: 5px;
	float: left;
	margin-right: 5px;
}

.picspangallery {
	background-color: #FFFFFF;
	overflow: hidden;
	margin-bottom: 8px;
	float: left;
	margin-right: 8px;
}

.picspanthirdgallery {
	background-color: #FFFFFF;
	overflow: hidden;
	margin-bottom: 8px;
	float: left;
}

.picspaninteriors_ver {
	height: 116px;
	width: 175px;
	margin-right: 0px;
	margin-bottom: 10px;
	display: block;
	float: right;
	overflow: hidden;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #000000;
}

.picspaninteriors_left {
	height: 116px;
	width: 175px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	float: left;
	overflow: hidden;
	margin-top: 5px;
	border: 1px solid #000000;
}

.picspaninteriors_right {
	height: 116px;
	width: 175px;
	margin-right: 0px;
	margin-bottom: 5px;
	display: block;
	float: right;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 10px;
	border: 1px solid #000000;
}


.picspanright_banner {
	display: block;
	padding: 3px;
	height: 90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	width: 580px;
	margin-bottom: 5px;
}

.picspanright_nosizeborder {
	display: block;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	overflow: hidden;
	float: right;
}

.picspanleft_nosizeborder {
	display: block;
	padding: 3px;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 0px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	overflow: hidden;
	float: left;
}

.picspan_images {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	margin-top: 0px;
	position: relative;
	padding: 5px;
	border: 1px solid #005287;
	background-color: #FFFFFF;
}

.indexthumb {
	margin-bottom: 10px;
	float: left;
	border: 1px solid #FFFFFF;
}


	
	
/*Image Pop when mouse is rolled over an image*/
/**********************************/


div#imagepopup {
	width: 175px;
	height: 116px;
	}

div#imagepopup a {
	width:500px;
	height:333px;
	text-decoration:none;
	color: #FFFFFF;
	}
	
div#imagepopup a span {
	height: 0; width: 0; border-width: 0;
	display: none;
	position: relative;
	left: -675px;
	z-index: 100;	
	}

div#imagepopup a:hover {
	display:inline;
	color: #333333;
	background:transparent;
	border-right-style: none;
	}

div#imagepopup a:hover span {
	display: block;	
	}

/*opentable css*/
/**********************************/

.OT_Widget_Wrapper{
	width:135px;
	background-image: url(images/dc_widget_frame.gif);
	background-repeat: no-repeat;
	background-position: 50% top;
}

.OT_Widget_Img{width:125px;height:79px;}

.OT_Img_Wrapper{width:125px;height:79px;margin:0 auto 5px auto;position:relative;top:5px;}

a.OT_Widget_Link:link,a.OT_Widget_Link:visited,a.OT_Widget_Link:hover,a.OT_Widget_Link:active{
	font-family:Verdana,Arial,sans-serif;
	text-decoration:none;
	color:#61594E;
	font-size:12px;
	display:block;
	width:135px;
	padding-bottom:25px;
	text-align:center;
	position:relative;
	bottom:-5px;
	background-image: url(images/dc_widget_frame.gif);
	background-repeat: no-repeat;
	background-position: 50% bottom;
}

a.OT_Widget_Link:hover{text-decoration:underline;}

a.OT_Widget_Link span{cursor:pointer;}

.OT_Widget_Restaurant{font-weight:bold;display:block;width:125px;margin:0 auto;}

.OT_Widget_City{font-weight:normal;display:block;margin:0 auto;width:125px;}