/*
 ******************************************************************
 Cayenne HTML Template
 Developed by Adam Jones - www.adam-jones-websites.net
	
 CSS File - MAIN CSS Design
  
 Created: 27/5/09
 Updated: 8/7/10

 
 Centered CSS: http://www.webtoolkit.info/css-centered-layout.html
 ******************************************************************
*/

body, html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size: 12px;
	
	color:#f8d99c;
}

pre {
	/* VITAL DUE TO PREWRAP TAGS THAT CAN BE ADDED BY FCKEDITOR */
}


form {
	/* fix opera/ie form padding issues */
	margin: 0;
	padding: 0;
}

P {
	/* text-align:justify; */
}

A {
	color:#FFFF00;
	text-decoration: none;
	outline:0;	/* removes dotted lines! */
}
A:visited {
	text-decoration: none;
}
A:hover {
	text-decoration : underline;
}
img {
	border:0px;
}

#maincontent {
	
	padding-left:55px;
	padding-top:40px;

}



div#layout { /* exploder 5.5+ */
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: center;
}
div#layout { /* exploder 5.5+ */
 width: expression((document.body.clientWidth > 790 ? document.body.clientWidth : 790) + "px");
 height: expression((document.body.clientHeight > 490 ? document.body.clientHeight : 490) + "px");
}
* > div#layout { /* normal browsers */
	min-width: 996px;
	min-height: 600px;
	width: 100%;
	height: 100%;
}
div#container {
	position: relative;
	top: 50%;
	margin-top: -300px;	/* MUST BE HALF OF HEIGHT! */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


div#container div.container-top-left {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 1000px;
	height: 1000px;
}
div#container div.container-top {
	position: absolute;
	left: 0px;
	top: -1000px;
	height: 1000px;
}
div#container div.container-top-right {
	position: absolute;
	right: -1000px;
	top: -1000px;
	width: 1000px;
	height: 1000px;
}


div#container div.container-left {
	position: absolute;
	left: -1000px;
	top: 0px;
	width: 1000px;
}
div#container div.container-right {
	position: absolute;
	right: -1000px;
	top: 0px;
	width: 1000px;
}


div#container div.container-bottom-left {
	position: absolute;
	left: -1000px;
	bottom: -1000px;
	width: 1000px;
	height: 1000px;
}
div#container div.container-bottom {
	position: absolute;
	left: 0px;
	bottom: -1000px;
	height: 1000px;
}
div#container div.container-bottom-right {
	position: absolute;
	right: -1000px;
	bottom: -1000px;
	width: 1000px;
	height: 1000px;
}


div#container, div#container div.container-top, div#container div.container-bottom {
	width: 996px;
}
div#container, div#container div.container-right, div#container div.container-left {
	height: 600px;/* main height */
}


/* colors & backgrounds */
div#container {
	background-image:url(../images/bg_main3.jpg);
	background-repeat:no-repeat;
	
}
div#container div.container-top-left {
	background: #000000;
}
div#container div.container-top {
	background: #000000;
}
div#container div.container-top-right {
	background: #000000;
}

div#container div.container-left {
	background: #000000;
}
div#container div.container-right {
	background: #000000;
}

div#container div.container-bottom-left {
	background: #000000;
}
div#container div.container-bottom {
	background: #000000;
}
div#container div.container-bottom-right {
	background: #000000;
}


/* general elements */
#logo {
	padding-left:55px;
	padding-top:55px;
}
#printlogo {
	display:none;
}
#img_printlogo {
	display:none;
}

#address {
	padding-left:60px;
	padding-top:18px;
}


#menu {
	position:absolute;
	top:560px;
	left:55px;
}
.menubtn {
	padding-right:22px;	
	
}



/* about page */
#openinghours {
	width:255px;
	height:130px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:25px;
	left:700px;
	
	text-align:right;
	padding:12px;
}
#openinghours_copy {
	padding-top:12px;
	line-height:20px;
}

#ourpromise {
	width:295px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:180px;
	left:55px;
	
	text-align:right;
	padding:12px;
}
#ourpromise_copy {
	padding-top:0px;
	line-height:20px;
}


#facebookwrapper {
	width:295px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:445px;
	left:55px;
	
	text-align:right;
	padding:12px;
}
#facebook_copy {
	padding-top:12px;
	line-height:20px;
}




#ourpassion {
	width:475px;
	height:115px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:400px;
	left:385px;
	
	text-align:left;
	padding:12px;
}

#ourpassion_copy {
	padding-top:5px;
	line-height:20px;
}
#title_ourpassion {
	margin-bottom:6px;
}


/* menu */
#menubuttons {
	width:490px;
	height:24px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:75px;
	left:400px;
	
	padding-left:45px;
	padding-top:10px;
	padding-bottom:0px;
}
.menubutton_link {
	padding-right:15px;
	color:#f8d99c;
	font-weight:bold;
	text-decoration:none;
}
a.menubutton_link {
	text-decoration:none;
	color:#f8d99c;
}
a.menubutton_link:hover  {
	color:#e2a73d;
}
a.menubutton_link_selected {
	color:#e2a73d;
}
#menuimage {
	width:320px;
	height:385px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:130px;
	left:56px;
	
	padding:0px;	
}
#menulist{
	width:510px;
	height:372px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:130px;
	left:400px;
	
	text-align:left;
	padding:12px;
}

#ourpassion_copy {
	padding-top:5px;
	line-height:20px;
}
#menutable {
	width:100%;	
}
.menutd1 {
	width:300px;
}
.menutd2 {
	width:50px;
	font-size:12px;
}
/* menu copy */
.menu_type {
	font-size:16px;
	font-weight:bold;
	color:#faab11;
	
	padding-bottom:8px;
}
.menu_subtype {
	font-size:13px;
	font-weight:bold;
	color:#faab11;
	
	padding-bottom:6px;
}
.menu_course {
	font-size:14px;
	font-weight:bold;
	color:#faab11;
	
	padding-top:3px;
	padding-bottom:7px;
}
.menu_name {
	font-size:12px;
	text-transform:uppercase;
}
.menu_desc {
	font-size:12px;
	padding-bottom:12px;
}



/* winelist */
#winemenutable {
	width:100%;
}
.winemenutd1 {
	width:260px;
}
.winemenutd2 {
	width:50px;
	font-size:12px;
}
.winemenutd3 {
	width:40px;
	font-size:12px;
}
.winelist_type {
	font-size:14px;
	font-weight:bold;
	color:#faab11;
	
	padding-top:1px;
	padding-bottom:3px;
}
.winelist_subtype {
	font-size:16px;
	font-weight:bold;
	color:#faab11;
	
	padding-top:1px;
	padding-bottom:2px;
}
.winelist_course {
	font-size:14px;
	font-weight:bold;
	color:#faab11;
	
	padding-top:5px;
	padding-bottom:7px;
}
.winelist_name {
	font-size:12px;
	padding-bottom:5px;
}
.winelist_desc {
	font-size:12px;
	padding-bottom:12px;
}
#title_winelist {
	margin-bottom:15px;
}
#winefooternote {
	margin-top:20px;
	padding-bottom:20px;
	color:#f8d99c;
	font-size:11px;	
}


/* dish of the week */
#dishvideobox {
	width:384px;
	height:338px;
}
#recipeblackbox {
	width:365px;
	height:324px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:140px;
	left:55px;
	
	text-align:left;
	padding-top:15px;
	padding-left:15px;
}
#dishphotobox {
	width:380px;
	height:339px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:140px;
	left:55px;
	
}
#photoboxinner {
	text-align:center;
}

#dishofweekcopy {
	width:424px;
	height:128px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:140px;
	left:455px;
	
	text-align:left;
	padding-left:16px;
	padding-top:16px;
}
#dotw_item_title {
	font-size:14px;
	color:#faab11;
	
	padding-top:8px;
}
#dotw_item_serves {
	font-size:12px;
	color:#eecc92;
	
	padding-top:2px;
}
#dotw_item_desc {
	font-size:12px;
	color:#eecc92;
	
	padding-top:8px;
}
#dotw_item_download {
	font-size:12px;
	color:#faab11;
	
	padding-top:14px;
}
#dishofweekgallery {
	width:475px;
	height:146px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	position:absolute;
	top:302px;
	left:455px;
	
	text-align:left;
	padding:15px;
}
.dotw_download {
	color:#faab11;
	font-weight:bold;
}
#img_dotw_title {
	margin-bottom:4px;
}
#title_recipe {
	margin-bottom:2px;
}
#recipe_print {
	font-size:11px;
	margin-bottom:10px;
}
#recipe_thecopy {
	
}

#recipegallerybox {
	
	width: 470px;
	height: 130px;
	/*border: 1px solid #ccc;*/
	overflow: hidden;
	white-space: normal;
}
#recipehoriztrack {
	clear: both;
	
	position:absolute;
	width: 470px;
	height: 6px;
	margin-top: 10px;
	background-color:#631a04;
}
#recipehorizhandle {
	clear: both;
	overflow:hidden;
	width: 20px;
	height: 6px;
	background-color: #db3000;
	cursor: move;
}
#recipebox {
	float:left;
	
	width: 320px;
	height: 300px;
	/*border: 1px solid #ccc;*/
	overflow: hidden;
	white-space: normal;
	
	padding-top:2px;
}
#recipeverttrack {
	float:left;
	
	width: 6px;
	height: 305px;
	margin-right: 15px;
	background-color: #631a04;
}
#recipeverthandle {
	width: 6px;
	height: 20px;
	background-color: #db3000;
	cursor: move;
}
.dishofweekgallerythumb {
	border:0px;
	padding-right:4px;
}
a.dishofweekgallerythumb {
	border:1px solid #000;
}
a.dishofweekgallerythumb:hover {
	border:1px solid #FFFF00;
	text-decoration : none;
}

a.dishofweekthumblink {
}
a.dishofweekthumblink:hover {
	text-decoration : none;
}


/* reserve */
#reserveintro {
	position:absolute;
	left:55px;
	top:202px;
	
	width:445px;
	padding:15px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	text-align:right;
	
}
#reservepics {
	position:absolute;
	top:95px;
	left:470px;
	
}
#reservequote {
	position:absolute;
	top:202px;
	left:550px;
	
	width:380px;
	
	padding:15px;
	
	background-image:url(../images/bg_black_light.png);
	background-repeat:repeat;
	
	text-align:left;
}
#title_reservetable {
	padding-bottom:10px;
}

#reservecontact {
	font-size:13px;
	font-weight:bold;
	color:#dea02e;
	line-height:20px;
}
#reservequotation {
	margin-top:10px;
	color:#f8d99c;
	line-height:20px;
}
#reservecontact {
	color:#dea02e;
	line-height:20px;
	padding-left:1px;
}
#contactflash {
	height:20px;
	width:220px;
}
#reservequotationby {
	color:#dea02e;
	line-height:20px;
}

/* form elements */
#reservationform {
	text-align:right;
	height:105px;
	width:234px;
	
	position:absolute;
	left:280px;
	top:286px;
	
	margin-top:20px;
}
.reservationsform {
	display:block;
	
	border:1px solid #000;
	background-image:url(../images/form_textbox.jpg);
	background-repeat:repeat;
	
	width:230px;
	height:21px;
	
	margin-bottom:4px;
	
	padding-left:4px;
	color:#f7d99c;
	font-size:12px;
	vertical-align: middle;
}
#reservation_post_msg {
	padding-bottom:4px;
	font-weight:bold;
}


/* arrows - 26/10/09 */
#scrollup_menu {
	position:absolute;
	top:2px;
}
#scrolldown_menu {
	position:absolute;
	top:385px;
}
#scrollup_winelist {
	position:absolute;
	top:2px;
}
#scrolldown_winelist {
	position:absolute;
	top:385px;
}


#scrollup_about {
	position:absolute;
	top:5px;
}
#scrolldown_about {
	position:absolute;
	top:123px;
}

#scrollleft_about {
	position:absolute;
	left:-10px;
}
#scrollright_about {
	position:absolute;
	left:593px;
	top:0px;
}

#scrollleft_dotw {
	position:absolute;
	left:-10px;
}
#scrollright_dotw {
	position:absolute;
	left:475px;
	top:0px;
}

#scrollleft_index {
	position:absolute;
	left:44px;
}
#scrollright_index {
	position:relative;
	left:904px;
	top:-12px;
	
}