* { margin: 0; padding: 0; }

body { background-color: #FFE59D; font-family: Arial, Helvetica, sans-serif; }

div#container
{
	width: 864px;
	height: 557px;
	margin: 50px auto 10px;
	background-color: #E9CC66;
}

/* footer  */
div.footer
{
    margin-top: 10px;
	width: 864px;
	text-align: right;
	margin: 0px auto;
}


/* left column */

div.intro
{
	width: 408px;
	float: left;
	text-align: center;

}

div.intro a#logo
{
	display: block;
	width: 408px;
	height: 150px;
	background: transparent url(images/logo-bkgd.png) 0 -150px no-repeat;
}

div.intro a#logo:hover
{
	background: transparent url(images/logo-bkgd.png) 0 0 no-repeat;
}


div.content
{
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background: #876f35 url(images/intro-bkgd-plain.jpg) 0 0 no-repeat;
	padding-top: 0;
}
	body.directions div.content { height: 281px; padding-top: 10px; }

	body.info div.content { height: 261px; padding-top: 30px; }

div.content p { color: #E9CC66; padding: 0 20px 12px; font-size: 80%; line-height: 130%; }
	body.info div.content p { line-height: 140%; font-size: small; }
	body.info div.content p a { color: #FFEFAF}

div.content a, div.content a:visited { color: #fff; text-decoration:none;}
div.content a:hover { color: #fff; text-decoration:underline;}
p strong { color: #fff; }

body.directions div.content p { font-size: 75%; }
body.directions div.content a { color: #FFEFAF; }
body.directions div.content p strong { font-size: small; color: #E9CC66 }

* html div.content { margin-top: -23px; border-top: 5px solid #531900; }
*:first-child+html div.content { margin-top: -34px; border-top: 5px solid #531900; }


/* navigation */

div.nav
{
	background-color: #B84626;
	border-bottom: 5px solid #531900;
	padding-top: 46px;
}

body.home div.nav { padding-top: 42px;}
div.nav ul { list-style-type: none; margin: 30px 0 0; }
div.nav ul li { float: left; }
div.nav ul li a { display: block; height: 35px; background-position: 0 0; background-repeat: no-repeat;}
div.nav ul li a:hover { background-position: 0 -35px; }
div.nav ul li a strong { display: block; position: relative; left: -9999em;}
div.nav ul li a#info { width: 50px; background-image: url(images/nav-info.gif); }
div.nav ul li a#directions { width: 93px; background-image: url(images/nav-directions.gif); }
div.nav ul li a#menu { width: 66px; background-image: url(images/nav-menu.gif); }
div.nav ul li a#wines { width: 64px; background-image: url(images/nav-wines.gif); }
div.nav ul li a#events { width: 68px; background-image: url(images/nav-events.gif); }
div.nav ul li a#people { width: 67px; background-image: url(images/nav-people.gif); }

body.info li a#info, body.directions li a#directions,
body.events li a#events, body.people li a#people { background-position: 0 -35px; }



/* right column  */
div.main
{
	width: 456px;
	float: right;
	position: relative;
}

img#maintext
{
	position: absolute;
	left: 0;
	top: 0;
}

a#mandolawines 
{
	display:block;
	float: right;
	width: 245px;
	height: 139px;
	background: url(images/mandola-logo.png) 0 0 no-repeat;
}
img#mural 
{
	float: left;
}

a#mandolawines:hover 
{
	background: url(images/mandola-logo.png) 0 -139px no-repeat;
}

div.feature
{
	border-top: 5px solid #531900;
	position: absolute;
	left: 0;
	top: 139px;
	width: 456px;
	clear: left;
}

div.thumbs
{
	width: 72px;
	height: 413px;
	float: right;
}

img#pos1 { position: absolute; top: 0;}
img#pos2 { position: absolute; top: 112px;}
img#pos3 { position: absolute; top: 227px;}
img#pos4 { position: absolute; top: 341px;}



div.gallery { width: 386px!important; padding: 40px 0 0 70px; background: transparent url(images/photocredit.gif) 60px bottom no-repeat; }

div.gallery img { border: 1px solid #531900; margin: 9px 9px 1px 1px;}


body.gallerypopup div { height: 40px; background: #bf552d url(images/trattorialisina-sm.gif) 20px 50% no-repeat; text-align: right; padding: 2px 10px; vertical-align: middle;}
body.gallerypopup div img { margin: 12px 6px 0; border: none;  vertical-align: middle;} 

body.gallerypopup { text-align: center; }

body.gallerypopup p a, body.gallerypopup p a:visited { font-size: 90%; color: #B84626;}

body.gallerypopup img { margin: 30px 0 12px; border: 2px solid #531900; }

div.gallery div a { font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin: 0 15px; }

div.gallerynav a.current { text-decoration: none; color: #fff; }

body.info div.content a, body.info div.content a:visited { text-decoration: none; }

/* people page   */
body.people div.content { height: 291px; padding-top: 0; position: relative; }
body.people div.content ul { list-style-type: none; font-size: small; width: 6em; float:right; padding: 10px 0 0; background-color: #ac9260; }
body.people div.content ul li a { display: block; color: #604822; padding: 6px; text-decoration: none; border-bottom: 1px solid #765B30;}
body.people div.content ul li a:hover, body.people div.content ul li a.selectbio { color: #FFE59D; }
body.people div.content ul li a.selectbio {  font-weight: bold;}
body.people div.content div.photo { float: left; padding: 50px 0 0 50px; text-align: left; }
body.people div.content div.photovert { padding: 25px 0 0 75px; text-align: center; }
body.people div.content div.photo img, div.photovert img { border: 1px solid #531900; }
body.people div.content div.photo p { font-size: small; text-align: left; color: #FFE59D; padding: 2px 0 0;}
body.people div.content p.photocredit { clear: both; position: absolute; bottom: 0; left: 2px; font-size: x-small; padding: 6px; margin:0; }
body.people div.bio img { float: left; margin: 6px 10px 6px 0px; }
body.people div.bio { padding: 20px 40px 10px; font-size: small;  }
body.people div.bio p { color: #55380b; line-height: 140%; padding-bottom: 9px; }
body.people h2 { padding: 12px 0 4px; line-height: 100%; color: #B84626; }

/* global links  */

a img { border: none; }

a, a:visited { color: #E9CC66;}
a:hover { color: #fff;}












/* custom scrollbar for events page */

#eventslist {

width: 378px;
height: 261px;
overflow: auto;
position: relative;
background-color: transparent;
margin: 0 auto;
padding: 15px;

}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}



.vscrollerbase {

width: 15px;

background: #D7EBDF url(images/scrollcontrols-vert.png) 0px 0px repeat-y;

}

.vscrollerbar {

width: 15px;

background: #99CBCB url(images/scrollcontrols-vert.png) -15px 0px repeat-y;

}

.hscrollerbase {

height: 15px;

background: #F9E4A8 url(scrollcontrols-horiz.png) 0px -15px repeat-x;

}
.hscrollerbar {

height: 15px;

background: #BE4A2D url(scrollcontrols-horiz.png) 0px -30px repeat-x;

}

.vscrollerbar, .hscrollerbar {
padding: 10px;

z-index: 2;

}
.vscrollerbarbeg {
background: url(images/scrollcontrols-vert.png) -45px -30px no-repeat;
width: 15px;

height: 15px !important;

}
.vscrollerbarend {
background: url(images/scrollcontrols-vert.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {

background: url(images/scrollcontrols-vert.png) -60px -15px no-repeat;

height: 15px;

width: 15px !important;
}
.hscrollerbarend {

background: url(images/scrollcontrols-vert.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {

width: 15px;
height: 15px;

top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(scrollcontrols-horiz.png) 0px 0px;
}
.vscrollerbasebeg {

background: url(images/scrollcontrols-vert.png) -30px -30px no-repeat;

width: 15px;

height: 15px !important;

}
.vscrollerbaseend {

background: url(images/scrollcontrols-vert.png) -60px -30px no-repeat;

height: 15px;
width: 15px;
}

.hscrollerbasebeg {

background: url(images/scrollcontrols-vert.png) -60px 0px no-repeat;

height: 15px;

width: 15px !important;
}

.hscrollerbaseend {

height: 15px;
width: 15px;
background: url(images/scrollcontrols-vert.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(images/scrollcontrols-vert.png) -45px -15px;
}