/* CSS Document */
/* global.css (c)2011 SugarHill Works LLC - http://www.sugarhillworks.com */


* {
	border: none;
	outline: none;
	margin: 0px;
	padding: 0px;
}


a { text-decoration: none; } 
a:link { color: #FF9933; } /* was #339933 */
a:visited { color: #FF9933; } 
a:active { color: #FF6600; } 
a:hover {
	color: #FF6600;
	cursor: pointer;
} 

body {
	background: #CCCC99 url(../img/bkgrd.gif) top center repeat-y;
	color: #EEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
} 

.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}

.clear { 
	background: none;
	position: relative;
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}


/* ----------- main wrapper container for screen geom ------------ */
#fullscr { 
	position: relative;
	top: 0px;
	left: 0px;
	min-height: 100%; /*stickyfooter*/
	height: auto !important; /*stickyfooter*/
	height: 100%; /*stickyfooter*/
	margin: 0 auto -30px auto; /*stickyfooter--the bottom margin is the negative value of the copy footer's height */
	width: 100%;
	z-index: 10;
	overflow: visible;
}
#fullscr_spcr_top {
	position: relative;
	height: 0px;
	width: 100%;
}
#fullscr_spcr_btm {
	position: relative;
	height: 0px;
	width: 100%;
}


/* --------------------- global styles ---------------------- */
#ceibw { 
	background-color: #666600;
	position: relative;
	margin: 0px auto 30px auto;
	padding-bottom: 15px;
	width: 850px;
	height: auto;
	min-height: 600px;
	overflow: hidden;
	z-index: 200;
}

#top_menu {
	position: relative;
	margin: 15px auto 12px auto;
	left: 10px;
	width: 100%;
	height: 110px;
	z-index: 210;
}
#top_menu ul { 
	width: 100%;
	position: relative;
	display: inline;
}
#top_menu ul li {
	float: left;
	width: 117px; 
	text-align: right;
	list-style: none;
}

/* ------------- footer menu --------------- */
#gnocco_btm {
	background-color: #999966;
	position: relative;
	clear: both;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 160px; 
	z-index: 290;
}

#ftr_menu { 
	position: absolute;
	top: 95px;
	left: 0px;
	width: 100%;
	height: 64px;
	margin: 0px auto;
	border-bottom: #CC9 solid 2px;
	box-shadow: 0px 6px 7px #444400;
	-webkit-box-shadow: 0px 6px 7px #444400;
	-moz-box-shadow: 0px 6px 7px #444400;
	z-index: 300;
}
#ftr_menu ul { 
	position: relative;
	float: left;
	width: 100%;
	position: relative;
	display: inline;
}
#ftr_menu ul li {
	float: left;	
	text-align: right;
	list-style: none;
}
#ftr_menu a { 
	float: left;
	padding: 35px 25px 8px 25px; 
	color: #FFF;
	font-size: 16px;
}
#ftr_menu a:hover {
	color: #FF6600;
}

#ftr_menu a#shop:hover { background: #999966 url(../menulinks/btm/shop_on.gif) top center no-repeat; }
#ftr_menu a#review:hover { background: #999966 url(../menulinks/btm/review_on.gif) top center no-repeat; }
#ftr_menu a#menu:hover { background: #999966 url(../menulinks/btm/menu_on.gif) top center no-repeat; }
#ftr_menu a#info:hover { background: #999966 url(../menulinks/btm/info_on.gif) top center no-repeat; }
#ftr_menu a#delivery:hover { background: #999966 url(../menulinks/btm/delivery_on.gif) top center no-repeat; }
#ftr_menu a#interior:hover { background: #999966 url(../menulinks/btm/interior_on.gif) top center no-repeat; }
#ftr_menu a#reservations:hover { background: #999966 url(../menulinks/btm/reservations_on.gif) top center no-repeat; }
#ftr_menu a#home:hover { background: #999966 url(../menulinks/btm/home_on.gif) top center no-repeat; }


#fullscr .push {
	position: relative;
	height: 30px; /*stickyfooter--bottom margin of fullscr should be negative whatever this value is*/
}
.push_scr {
	height: 0px; /* stickyfooter -- needs to be set to the height of the horiz/thumbs scrollbar */
}
#copy { 
	position: absolute;
	left: 0px;
	width: 100%;
	height: 30px;	
	z-index: 100;
}
#copy p { 
	position: relative;
	margin: 0px auto 0 auto;
	padding-top: 10px;
	width: 850px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	color: #220;
}
#copy p a { color: #220; }
#copy p a:hover { color: #003300; }

/* ----------------- homepage styles ---------------- */

#home #ceibw {
	background: none;
}
#home #hdr {
	background-color: #555500;
	position: relative;
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 40px;
	box-shadow: 0px 2px 7px #333300;
	-webkit-box-shadow: 0px 2px 7px #333300;
	-moz-box-shadow: 0px 2px 7px #333300;
}
#home_main { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 190px;
	padding-top: 30px;
	border-bottom: #CC9 solid 2px;
	box-shadow: 0px 6px 6px #444400;
	-webkit-box-shadow: 0px 6px 6px #444400;
	-moz-box-shadow: 0px 6px 6px #444400;
	z-index: 500;
}

#music_btn { 
	position: relative;
	float: left; 
	left: 30px;
	width: 100px;
	color: #333300; 
	font-size: 12px; 
}
#music_btn:hover {
	color: #CC6600;
}
#music_btn a:hover {
	color: #CC6600;
}
div#sound_cntr { 
	position: absolute;
	top: 8px;
	width: 130px;
	height: 30px;
	z-index: 600;
}
div#sound_cntr a {
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: 0px;
}

#home .photo_banner_cntr { 
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 830px;
	height: 225px;
	padding: 0px 0px 0px 20px;
}
#home #ss_cntr_a, #home #ss_cntr_b, #home #ss_cntr_c {
	position: relative;
	float: left;
	margin: 20px 0px 0px 10px;
}
#home #ss_cntr_a, #home #ss_cntr_b, #home #ss_cntr_c { 
	width: 260px;
	height: 200px;
}
#home #ss_cntr_a img, #home #ss_cntr_b img, #home #ss_cntr_c img {
	position: absolute; /* ! IMPORTANT ! */
	left: 0px;
	margin: 0 auto;
	z-index: 220;
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}

#home #ftr_banner {
	position: relative;
	clear: both;
	margin-top: 30px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 115px;
	color: #000;
	box-shadow: 0px 5px 5px #444400;
	-webkit-box-shadow: 0px 5px 5px #444400;
	-moz-box-shadow: 0px 5px 5px #444400;
	z-index: 400;
}
#home #ftr_banner a { color: #000; }
#home #ftr_banner a:hover { color: #FF6600; }

.icon_left {
	position: relative;
	float: left;
	width: 280px;
}
.icon_left img {
	float: left;
	padding: 0px 10px 0px 10px;
}
.icon_right { 
	position: relative;
	float: right;
	width: 550px; /* 280 */
}
.icon_right img {
	float: right;
	padding: 25px 30px 10px 10px; /* top 25 */
}
.icon_right h4 {
	position: relative;
	float: right;
	padding: 36px 0px 0px 0px;
	text-align: right;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	color: #333300;
}
/*.icon_right span {
	float: right;
	padding: 35px 0px 10px 0px;
	font-size: 90%;
}*/
#home #ftr_banner .icon_right a { color: #333300; }
#home #ftr_banner .icon_right a:hover { color: #FF6600; }

.ftr_text {
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	font-size: 80%;
	background-color: #555500;
}
.ftr_left {
	position: relative;
	float: left;
	padding: 13px 0px 0px 30px;
	width: 170px;
	height: auto;
	font-size: 120%;
}
.ftr_left img {
	position: relative;
	padding: 0px 5px 0px 0px;
}
.ftr_center { 
	position: relative;
	float: left;
	width: 450px;
}
.ftr_center p { 
	margin: 15px auto 0px auto;
	width: 100%;
	text-align: center;
}
.ftr_right { 
	position: relative;
	float: right;
	padding: 13px 29px 0px 0px;
	width: 170px;
	height: auto;
}
.ftr_right img {
	float: right;
	padding: 0px 0px 0px 5px;
}
.ftr_right span {
	float: right;
	padding: 2px 0px 0 0;
}
/* ----------------------------------------- */

/* ----- temp style fixes for old site ----- */
.center { 
	background-color: #666600;
	position: relative; 
	margin: 10px auto 0px auto; 
	width: 600px;
	overflow: hidden;
}
* html .center table { 
	position: relative;
	top: 0px;
	left: 0px;
	margin: auto;
	width: 600px;
}
/* ------------------------------------------*/


/* ------------------- main content pages -------------------- */

#hdr {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 40px;
	box-shadow: 0px 2px 7px #333300;
	-webkit-box-shadow: 0px 2px 7px #333300;
	-moz-box-shadow: 0px 2px 7px #333300;
}
#shop #hdr { background-color: #CC3300; }
#review #hdr { background-color: #DB9700; }
#menu #hdr { background-color: #6A3035; }
#info #hdr { background-color: #D25763; }
#delivery #hdr { background-color: #986D2E; }
#interior #hdr { background-color: #339999; }
#reservations #hdr { background-color: #663366; }

#hdr h1 {
	padding-top: 8px;
	margin: 0px 30px; 
	text-align: left;
	font-size: 22px;
	letter-spacing: 2px; 
	font-weight: normal;
	color: #FFF;
}
#hdr p {
	padding-top: 8px;
	margin: 0px 30px 0px auto; 
	text-align: right;
	font-size: 22px;
	letter-spacing: 1px;
}

#content { 
	position: relative;
	float: left;
	margin: 40px auto 10px 0px; 
	left: 0px;
	width: 560px; 
	height: auto;
	min-height: 180px;
}
#content p.text {
	text-align: left;
	margin: 15px 30px;
	width: 500px;
	line-height: 1.3em;
}
h2 {
	text-align: center;
	margin: 30px 30px;
	width: 500px;
	font-size: 18px;
	font-weight: normal;
}

.photo {
	position: relative;
	float: right;
	clear: right;
	right: 30px;
	margin: 40px 0px 30px 0px;
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}

/* ----------- info page ----------- */
#hours { 
	position: relative;
	width: 530px;
}
#hours p { 
	margin: 0px 30px 0px 30px;
	height: 20px;
	width: 400px;
}
#hours .meal {
	float: left;
	width: 120px;
	
}
#hours .day {
	float: left;
	width: 140px;
}
#hours .time {
	float: left;
	width: 140px;
}

/* -------- reservations page ---------- */
/* see reservations.css for all OpenTable styles */


/* -------- shop/gifts page ---------- */
#gift_btn { 
	position: relative;
	text-align: center;
	margin: 25px 30px;
	padding: 10px 5px;
	height: 30px;
	width: auto;
	font-size: 140%;
	font-weight: normal;
	overflow: visible;
}
#gift_btn a {
	color: #FFF;
	background-color: #EE8822; 
	padding: 5px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: #CC3300 2px solid;
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}
#gift_btn a:hover {
	background-color: #FF9900;
	box-shadow: 0px 2px 5px #444400;
	-webkit-box-shadow: 0px 2px 5px #444400;
	-moz-box-shadow: 0px 2px 5px #444400;
}


/* -------------- Interior page with triple slideshow --------------- */
#interior #content { 
	margin: 20px auto 10px 0px; 
	width: 100%;
}

#interior #lt_cntr { 
	position: relative;
	float: left;
	width: 280px;
	height: 360px;
	padding: 0px 0 0 20px;
}
#interior #rt_cntr { 
	position: relative;
	float: right;
	width: 525px;
	height: 360px;
	padding: 0px 20px 0 0;
}

#interior #ss_cntr_main { 
	position: relative;
	width: 525px;
	height: auto;
	height: 360px;
	margin: 0 auto;
	text-align: center;
	z-index: 210;
}
#interior #ss_cntr_main img {
	position: absolute; /* ! IMPORTANT ! */
	left: 0px;
	margin: 0 auto;
	z-index: 220;
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}
#interior #ss_cntr_sml_a, #interior #ss_cntr_sml_b, #interior #ss_cntr_sml_c {
	position: relative;
	float: left;
}
#interior #ss_cntr_sml_a, #interior #ss_cntr_sml_b {
	width: 140px;
	height: 220px;
}
#interior #ss_cntr_sml_c {
	width: 280px;
	height: auto;
}
#interior #ss_cntr_sml_a img, #interior #ss_cntr_sml_b img, #interior #ss_cntr_sml_c img {
	position: absolute; /* ! IMPORTANT ! */
	left: 0px;
	margin: 0 auto;
	z-index: 220;
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}

/*------------------- menus pages ------------------- */
#menu #content { 
	margin: 30px auto 30px 0px; 
	width: 850px;
}

#menu .photo_banner_cntr {
	position: relative;
	float: left;
	top: -30px;
	left: 0px;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	display: none;
}
.photo_menu_banner {
	position: relative;
	float: left;
	margin: 20px 10px 0px 0px;
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}

h2.menu_hdr {
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	height: 30px; 
	width: 850px;
	text-align: left;
	font-size: 18px;
	letter-spacing: 1px; 
	font-weight: normal;
	color: #EEC;
	box-shadow: 0px 2px 7px #333300;
	-webkit-box-shadow: 0px 2px 7px #333300;
	-moz-box-shadow: 0px 2px 7px #333300;
}
h2.menu_hdr:hover {
	cursor: pointer;
	color: #FF6600; 
}

#dinner_hdr { background-color: #DB9700; }
#dinner_hdr:hover { background-color: #FADE57; }
#brunch_hdr { background-color: #CF9297; }
#brunch_hdr:hover { background-color: #FFC6CA; }
#winelist_hdr { background-color: #663366; }
#winelist_hdr:hover { background-color: #9999CC; }
#delivery_hdr { background-color: #986D2E; }
#delivery_hdr:hover { background-color: #FED592; }

#menu #dinner_menu, #menu #brunch_menu, #menu #winelist_menu, #menu #delivery_menu {
	display: none;
}

#menu h2.menu_hdr a {	
	padding: 8px 30px 8px 30px;
	color: #FFF; 
}
#menu h2.menu_hdr a:hover {
	color: #FF6600;
}
.menu_hdr a .hdr_title {
	position: relative;
	float: left;
	left: 30px;
	top: 1px;
}
.menu_hdr a .hdr_txt {
	position: relative;
	float: right;
	right: 30px;
	top: 5px;
	font-size: 12px;
}

#dinner_txt { color: #EEC; }
#dinner_txt:hover { color: #F60; }
#brunch_txt { color: #EEC; }
#brunch_txt:hover { color: #F60; }
#winelist_txt { color: #EEC; }
#winelist_txt:hover { color: #F60; }
#delivery_txt { color: #EEC; }
#delivery_txt:hover { color: #F60; } 

.mainbody {
	position: relative;
	margin: 30px auto 30px 145px;
	width: 560px;
	font-family: Arial, Helvetica, sans-serif;
}

.mainbody .titolo {	
	font-size: 125%; 
	font-weight: bold;
	padding-bottom: 20px;
	letter-spacing: 1px;	
}
.mainbody .sottotitolo {	
	font-size: 115%; 
	font-weight: bold;
	padding-bottom: 14px; 
	line-height: 1.5em; 	
}
.mainbody .piatto {
	font-weight: bold;
}
.mainbody .prezzo {
	float: right;
	font-weight: normal;
	text-align: right;
}
.mainbody .descrizione {
	width: 500px;
	margin-bottom: 15px;
}
.mainbody .descrizionevini {
	width: 400px;
	margin-bottom: 20px;
	margin-top: 3px;
}
.mainbody .vino { 
	font-weight: normal;
}
.mainbody .vino .name {
	font-weight: bold;
	font-size: 110%; 
}
.mainbody .geo {
	clear: both;
	text-align: center;
	font-style: italic;
	font-size: 120%; 
	padding-bottom: 0px;
	margin-top: 15px;
}
.mainbody .region {
	font-style: italic;
	font-size: 125%; 
	padding-bottom: 20px;
	margin-top: 30px;
}
.mainbody .GB {
	text-align: right;
	font-weight: bold;
}
.mainbody .glass { 
	float: right;
	width: 50px;
	text-align: right;
}
.mainbody .bottle { 
	float: right;
	width: 50px;
	text-align: right;
}
.mainbody .vinoprezzo {
	font-weight: normal;
	margin-top: 3px;
}
.mainbody .vinoprezzo .bottle span.mL {
	font-weight: normal;
	font-size: 90%;
}
.mainbody .prezzo span.mL {
	font-weight: normal;
	font-size: 90%;
}
.mainbody .sottotitolo span.sub_desc {
	font-weight: normal;
	font-size: 100%; 
}
.mainbody .footnote {
	font-weight: bold;
}
.mainbody .drinks { /* 2-column layout */ 
	float: left;
	width: 250px;
	text-align: left;
	line-height: 1.6em;
	margin-bottom: 60px;
}
.mainbody .drinks .sottotitolo {	
	font-size: 115%; 
	font-weight: bold;
	padding-bottom: 14px;
	line-height: 1.5em; 
}
.mainbody .drinks .bev {
	float: left;
	width: 200px;
	font-weight: bold;
}
.mainbody .drinks .prezzo {
	float: right;
	font-weight: normal;
}

.buon {
	width: 550px; 
	text-align: center; 
	font-size: 115%; 
	font-weight: normal;
	font-style: italic;
}

.menu_top_shortcut {
	margin-top: 40px;
	text-align: right;
	font-size: 90%;
}

/* ----- delivery menu section ----- */
#menu #hours p {
	margin: 0px 30px 0px 0px;
	height: 20px;
	width: 450px;
}
#menu #hours .meal {
	float: left;
	width: 150px;	
}
#menu #hours .day {
	float: left;
	width: 150px;
	padding-top: 3px;
}
#menu #hours .time {
	float: left;
	width: 150px;
	padding-top: 4px;
}


/* ------------------- delivery page --------------------- */
#delivery #content { 
	margin: 20px auto 30px 115px; 
	width: 620px; 
}

.photo_map {
	position: relative;
	float: right;
	clear: right;
	right: 30px;
	margin: 0px 0px 30px 0px;
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}

#delivery #hours p {
	margin: 0px 30px 0px 30px;
	height: 20px;
	width: 450px;
}
#delivery #hours .meal {
	float: left;
	width: 150px;	
}
#delivery #hours .day {
	float: left;
	width: 150px;
	padding-top: 3px;
}
#delivery #hours .time {
	float: left;
	width: 150px;
	padding-top: 4px;
}


/* ------------------- review page -------------------- */
#review #content { 
	margin: 30px auto 30px 115px; 
	width: 620px; 
}

.review_item {
	width: 100%;
	margin: 0px 0px 25px 0px;
	clear: both;
	border-top: #999966 dotted 2px; 
}
.review_item .press_hdr {
	margin: 20px 30px 0px 30px; 
	font-size: 110%;
	font-weight: normal; 
	color: #FFF;
}
.review_item p {
	margin: 0px 30px 15px 30px;
	text-align: justify;
}
.review_item a { 
	color: #FF9933; 
	font-size: 105%;
	line-height: 1.8em;
}
.review_item a:hover { color: #FF6600; }

.review_item img {
	float: right;
	margin: 8px 0px 25px 25px; 
	box-shadow: 0px 3px 7px #444400;
	-webkit-box-shadow: 0px 3px 7px #444400;
	-moz-box-shadow: 0px 3px 7px #444400;
}
.review_item a img:hover {
	box-shadow: 1px 3px 5px #FF6600;
	-webkit-box-shadow: 1px 3px 5px #FF6600;
	-moz-box-shadow: 1px 3px 5px #FF6600;
}