/* CSS Document */

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


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

body {
	/*background-color: #666600;*/
	background: #CCCC99 url(../img/bkgrd600.gif) top center repeat-y;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
} 
body#home, body#shop, body#reservations, body#interior {
	background: #CCCC99 url(../img/bkgrd.gif) top center repeat-y;
}

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

/* ------------- new homepage -------------- */
#ceibw { 
	background-color: #666600;
	position: relative;
	margin: 0px auto;
	width: 830px;
	height: 600px;
	overflow: hidden;
	z-index: 200;
}
#home #ceibw {
	background: none;
}

#top_menu {
	position: relative;
	top: 10px;
	left: 0px;
	width: 100%;
	height: 110px;
}
#top_menu ul { 
	width: 100%;
	position: relative;
	display: inline;
}
#top_menu ul li {
	float: left;
	width: 117px; /* 106px img + 11px padding */
	text-align: right;
	list-style: none;
}

#home_main { 
	position: absolute;
	top: 240px;
	left: 0px;
	width: 100%;
	height: 190px;
	z-index: 500;
}
div#sound { /*background-color: #003366;*/
	position: absolute;
	/*top: 250px;
	left: 20px;*/
	top: 8px; /* inside home_main */
	width: 130px;
	height: 30px;
	z-index: 600;
}
div#sound a {
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: 10px;
}

#perbacco_banner { 
	background-image: url(../img/btm_bkgrd.gif);
	background-repeat: repeat-x;
	background-position: 0px 4px;
	border: #555500 solid 0px;
	position: absolute;
	/*top: 445px;*/
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	z-index: 400;
}
#perbacco_banner a { color: #000; }
#perbacco_banner a:hover { color: #003300; }

#perbacco_banner p { 
	posotion: relative;
	float: left;
	width: 180px;
	height: 100px;
	margin: 0px auto 0px 0px;
	padding-left: 7px;
	text-align: left;
}
#perbacco_banner img {
	float: left;	
}
#perbacco_banner img#fb {
	/*float: none;
	position: relative;
	padding: 5px 0px 0px 0px;*/
	position: relative;
	float: right;
	padding: 25px 10px 10px 5px;
}
#perbacco_banner p.fbtxt { 
	position: relative;
	float: right;
	margin: 25px 0px 0px 0px;
	width: 150px;
	height: 32px;
	font-size: 10px;
	text-align: right;
}
#perbacco_banner p.fbtxt a.fblnk {  
	/*position: relative;
	float: right;*/
	position: relative;
	top: 20px;
	color: #003300;
}
#perbacco_banner p.fbtxt a.fblnk:hover {
	color: #FFF;
}
#perbacco_banner span {
	float: left;
	font-size: 11px;
	padding: 6px 0 0 20px;
	/*color: #003300;*/
}

#copy { 
	position: absolute;
	top: 75px;
	left: 180px;
	width: 450px;
	height: 20px;
}
#copy p { 
	width: 440px; /*425px;*/
	margin: 6px auto 0 auto;
	text-align: center;/*right;*/
	font-size: 10px;
	color: #000;
}
#copy p a { color: #000; }
#copy p a:hover { color: #003300; } /* was #CCCC99 */

#SHW_webmark { 
	position: absolute;
	right: 10px;
	bottom: 6px;
	width: 180px;
	height: auto;
	z-index: 1;
}
#SHW_webmark img {
	float: right;
}
#SHW_webmark span {
	float: right;
	font-size: 9px;
	padding: 2px 5px 0 0;
	/*color: #003300;*/
}	

/* ----------------------------------------- */

/* ----- 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;
}
/* ------------------------------------------*/

/* ---- coming soon pages (shop & links) --- */
#hdr {
	position: absolute;
	top: 10px; /* was 50px */
	left: 0px;
	width: 100%;
	height: 40px;
}
#shop #hdr {
	background-color: #CC3300;
}
#reservations #hdr {
	background-color: #663366;
}
#shop #hdr p {
	margin: 8px 30px 0px auto;
	text-align: right;
	font-size: 22px;
	letter-spacing: 1px;
}
#reservations #hdr p {
	margin: 8px 30px 0px auto;
	text-align: right;
	font-size: 22px;
	letter-spacing: 1px;
}

#reservations #links {
	position: relative;
	top: 200px;
	background-color: none; /*#9999CC;*/
}
#reservations #links p.sub_hdr {
	margin: 8px auto 0px 30px;
	text-align: left;
	font-size: 22px;
	letter-spacing: 1px;
}
#reservations #links ul { /*background-color:#99CC33;*/
	list-style: none;
	margin: 5px 30px;
	width: 350px;
	font-size: small;
	font-weight: normal;
	line-height: 1.5em;
}
#reservations a { color: #FFF; }
#reservations a:hover { color: #CC6600; }
/*#reservations a:visited { color: #FFF; }*/ 
#reservations a:active { color: #CC6600; }

#reservations #links img {
	float: left;
	margin: 10px 10px;	
}

#content { 
	position: absolute;
	top: 70px; /* was 120px */
	left: 0px;
	width: 100%;
	height: 180px;
}
#content p.text {
	text-align: justfiy;
	margin: 15px 30px;
	width: 500px;
	font-size: 12px;
	/*letter-spacing: 1px;
	font-style: italic;*/
}
#gnocco_btm {
	background-color: #999966;
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 100%;
	height: 160px;
}

#siteDev {
	background-color: #660000;
	position: absolute;
	bottom: 5px;
	right: 0px;
	width: 100%;
	height: 25px;
	text-align: right;
}

/* -------------- Interior & reservations pages : updated btm menus! --------------- */

#interior #hdr {
	background-color: #339999;
}
#interior #hdr p {
	margin: 8px 30px 0px auto;
	text-align: right;
	font-size: 22px;
	letter-spacing: 1px;
}

#interior #content, #reservations #content { 
	position: absolute;
	top: 60px; /* was 120px */
	left: 0px;
	width: 100%;
	height: 400px;
}

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

#interior #ss_cntr_main {
	position: relative;
	width: 525px;
	height: auto;
	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;
}
#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;
}

#interior #gnocco_btm, #reservations #gnocco_btm {
	background-color: #999966;
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	height: 100px;
}
#interior #gnocco_btm img.btmlogo, #reservations #gnocco_btm img.btmlogo {
	float: right;
}
#interior #gnocco_btm #btm_menu, #reservations #gnocco_btm #btm_menu {
	position: absolute;
	top: 60px;
	left: 0px;
}
#interior #gnocco_btm #btm_menu div, #reservations #gnocco_btm #btm_menu div {
	float: left;
	width: auto;
	padding-left: 10px; /* this is adjusted with inline styles to even out spacing */
}
#interior #gnocco_btm #linkfix, #reservations #gnocco_btm #linkfix {
	background: #CCCC99 url(../img/bkgrd.gif) top center no-repeat;
	position: absolute;
	top: 110px;
	width: 100%;
	height: 20px;
	z-index: 1000;
}


/*-------------------------------------- */

#mainbody {
	position: relative;
	margin: 10px auto 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	width: 560px;
	padding: 20px;
	color: #FFFFFF;
}

#mainbody #titolo {	
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;	
}
#mainbody #sottotitolo {	
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 14px; /* changed from 16px */
	line-height: 16px; /* added by SHW */	
}
#mainbody #prezzo {
	color: #FFFFFF;
	float: right;
	font-weight: bold;
}
#mainbody #descrizione {
	/*font-size: 11px;*/
	width: 500px;
}
#mainbody #descrizionevini {
	/*font-size: 11px;*/
	width: 400px;
}

#mainbody #piatto {
	font-weight: bold;
}
/* --- new SHW styles --- */
#winelist #mainbody { 
	
}
#mainbody #vino { 
	font-weight: bold;
}
#mainbody #vino .name {
	font-weight: bold;
	font-size: 14px;
}
#mainbody #geo {
	clear: both;
	text-align: center;
	font-style: italic;
	font-size: 14px;
	padding-bottom: 10px;
}
#mainbody #region {
	font-style: italic;
	font-size: 16px;
	padding-bottom: 20px;
}
#mainbody #GB {
	text-align: right;
	font-weight: bold;
}
#mainbody .glass { /*background-color:#0099CC;*/
	float: right;
	width: 50px;
	text-align: right;
}
#mainbody .bottle { /*background-color:#CC0000;*/
	float: right;
	width: 50px;
	text-align: right;
}
#mainbody #vinoprezzo {
	font-weight: bold;
}
#mainbody #vinoprezzo .bottle span.mL {
	font-weight: normal;
	font-size: 90%;
}

/* --- new SHW styles --- */
#mainbody #prezzo span.mL {
	font-weight: normal;
	font-size: 90%;
}
#mainbody #sottotitolo span.sub_desc {
	font-weight: normal;
	font-size: 12px;
}
#mainbody #footnote {
	font-weight: bold;
}

#mainbody #drinks { /* 2-column layout */ 
	float: left;
	width: 250px;
	text-align: left;
	line-height: 18px;
	margin-bottom: 80px;
}
#mainbody #drinks #sottotitolo {	
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 14px;
	line-height: 16px; /* added by SHW */	
}
#mainbody #drinks #bev {
	float: left;
	font-weight: bold;
}
#mainbody #drinks #prezzo {
	color: #FFFFFF;
	float: right;
	font-weight: normal;
}

#buon {
	width: 550px; 
	text-align: center; 
	font-size: 18px; 
	font-weight: normal;
}