* {margin: 0;padding: 0}
/* mac hide \*/
html,body{height: 100%;width: 100%;}
/* end hide */
body { 
	text-align: center;
	min-width: 970px;/* for good browsers*/
	min-height: 608px;/* for good browsers*/
	background:  #f6f5ec url(../images/body-bg.png) center center no-repeat;
}
#outer{
	height: 100%;
	width: 100%;
	display: table;
	vertical-align: middle;
}
#container {
	text-align:  center;
	position: relative;
	vertical-align: middle;
	display: table-cell;
	height:  608px;
}	
#inner {
	width:  970px;
	height:  608px;
	text-align:  center;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../images/content-footer-bg.jpg) bottom left no-repeat;
}
body#intro #inner { background-image: none; }
/* sidebar start */
#sidebar {
	width: 188px;
	float: left;
	padding-top: 30px;
}
#logo, #logo a {
	text-indent: -1000em;
	width: 176px;
	height: 173px;
	display: block;
}
#logo a {
	background: transparent url(../images/logo.png) top left no-repeat;
}
/* main menu */
#menu {
	margin-left: 32px;
}
#menu li, #menu li a {
	width: 111px;
	height: 29px;
	display: block;
}
#menu li a {
	text-indent: -1000em;
	background: transparent url(../images/menu.png) top left no-repeat;
}
#menu li a.thewines {
	background-position: 0% -29px;
}
#menu li a.thepeople {
	background-position: 0% -58px;
}
#menu li a.thevines:hover, #menu li.active a.thevines {
	background-position: -111px 0;
}
#menu li a.thewines:hover, #menu li.active a.thewines {
	background-position: -111px -29px;
}
#menu li a.thepeople:hover, #menu li.active a.thepeople {
	background-position: -111px -58px;
}
/* end menu */
#event_info {
	margin-top: 1em;
}
/* end sidebar */
#content {
	float: left;
	width: 760px;
	padding-top: 75px;
	max-height: 420px;
	height: 420px;
	overflow: hidden;
	text-align: left;
}
#content-left {
	width: 225px;
	float: left;
}
#content-right {
	width: 530px;
	float: right;
}
body#the-vines #content-left { width: 370px; }
body#the-vines #content-right { width: 370px; }
body#the-wines #content-right {
	margin-right: 35px;
	width: 500px;
}
body.the-wines #content-left {
	width: 313px;
}
body.the-wines #content-right {
	width: 140px;
}

body#the-people #content-left {
	width: 330px;
	margin-right: 10px;
}
body#the-people #content-right {
	width: 420px;
	float: left;	
}
body#the-people #content img { 
	margin-right: 10px; 
}
body#how-to-get-there #content-right { 
	width: 400px; 
	margin-top: 10px;
}
#content-left .person { width: 200px; }
.person { float: left; width: 300px; }
.person h3 { margin-top: 10px; }
.wine-group {
	float: right;
	width: 232px;
}
#footer {
	clear: both;
	width: 100%;
	margin-top: 100px;
	float: left;
}