/* 
blue = #591E55 

dark grey = #525252
*/

/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td, a { margin: 0; padding: 0; outline: none; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; font-family: Georgia, Times, serif; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { color: #785E01; border: 0; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
.wrapper {
	width: 965px;
	margin: 0 auto;
	clear: both;
}
#main {
	position: relative;
}
body {
	font: 100% "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	color: #DBA813;
	background-color: #000000;
/*	background-image: url(images/background.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #eaeaea;*/
}
/*#header, #footer {
	height: 90px;
	position: relative;
}*/
#footer {
	padding: 24px;
}
#header a.logohead {
	display: block;
	background: url(images/logo.png) no-repeat;
	width: 220px;
	height: 142px;
	margin: 15px 0 0 15px;
	padding: 0;
/*	float: left;
	font-family: Verdana, Arial, sans-serif;

	color: #591E55;*/
}
#search {
	float: right;
}
/*#side_contact {
	width: 200px;
	float: left;
	background-color: #FFCC33;
	margin-top: 40px;
	margin-left: 10px;
	padding: 10px;
}*/

#side_main {
	width: 220px;
	padding-left: 10px;
	float: left;
}
#side_main p.header {
	font: 85% "Georgia", "Times New Roman", Times, serif;
	color: #A27D02;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px;
	margin: 8px;
	border-top: 1px solid #785E01; 
	border-bottom: 1px solid #785E01; 
}
#side_contact p {
	font: 70% "Georgia", "Times New Roman", Times, serif;
	color: #A27D02;
	font-weight: bold;
	padding: 18px 0 18px 2px;
	margin: 8px;
	margin-top: 16px;
	border-top: 1px solid #785E01; 
	border-bottom: 1px solid #785E01; 
}
#inner_main {
	padding-top: 145px;
	width: 730px;
	position: relative;
	float: right;
/*	background-image: url(images/background-fade.jpg);
	background-repeat: repeat-y;
	background-position: center 100px;*/
}
.photo {
	width: 220px;
	margin-left: 20px;
	margin-bottom: 20px;
	height: 200px;
	float: left;
}
.prod {
	width: 220px;
	margin-left: 20px;
	margin-bottom: 20px;
	height: 180px;
	float: left;
}
.gallery {
	clear: both;
}
.gallery-img {
	width: 157px;
	margin-left: 20px;
	margin-bottom: 20px;
	height: 118px;
	float: left;
	border: 1px #FFCC33 solid;
}
.gallery-title {
	margin-left: 20px;
	font-size: 18px;
	line-height: 20px;
	color: #FFF;
	height: 40px;
	clear: both;
	width: 100%;
}
.navlist-main {
	width: 100%;
	float: left;
	border-bottom: 1px solid #666;
	border-top: 5px solid #666;
	background-color: #FDFDFF;
	margin: 0px;
	padding: 0px;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 20px;
}
.navlist-main li {
	display: block;
	letter-spacing: 2px;
	float: left; padding: 0 38px 0 0px; margin-right: 27px;
 	background: url(images/bullet.gif) 100%  10px no-repeat;
}
.navlist-main #about {
	background: none;
	padding: 0px;
}
.navlist-main li a {
	display: block; padding: 0.25em 0 0.25em;
 }
 .navlist-main li a:hover {
 	color: #4FCAF5;
 } 
/*#side_main, #side_main_right {
	padding-top: 20px;
	padding-bottom: 24px;
}*/
/*#header-navlist {
	width: 160px;
	float: right;
	text-align: right;
}*/
.submenu li, .navlist-footer li, #inner_main li {
	list-style: none;
}
#inner_main #inner_content li {
	border-bottom: 1px solid #DDD;
}
.submenu li a, .navlist-footer li a {
	/*border-bottom: 1px solid #FFF;*/
	
}
.submenu li li {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 6px;
}
.submenu li {
	/*background-color: #F7F7F7;*/
}
#header-navlist li {
	background-color: #525252;
}
#header-navlist li a {
	padding-right: 4px;
}
.submenu li {
	width: 80%;
	margin-left: 10px;
}
.submenu li a, .navlist-footer li a {
	display: block;
	color: #A27D02;
	color: #785E01;
	font: 75% "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}
.submenu li a:hover, .navlist-footer li a:hover, #inner_main li a:hover {
/*	background-color: #591E55;
*/	color: #FFCC33;
}
#inner_main li .prod-img a:hover {
	background-color: #000;
}
#inner_main p img {
	/*padding-left: 14px;*/
}
#inner_main #inner_content {
	margin: 20px 20px 20px 20px; 
	width: 700px;
	font: 80% "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
/*	width: 400px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px*/
}
#inner_content {

}
#inner_main #inner_content_wine {
	margin: 0 20px 20px 260px; 
	width: 460px;
	font: 80% "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
/*	width: 400px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px*/
}
#inner_content_wine strong {
	font-size: 18px;
	color: #FFE038;
	color: #A27D02;
}
.inner_ul_region, .inner_ul_vinyard, .inner_ul, .inner_content_ul {
	margin-left: 20px;
	margin-bottom: 10px;
	font: 80% "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}
.inner_ul_region {
	width: 460px;
	float: left;
}
.inner_ul_vineyard {
	width: 220px;
	float: right;
	clear: right;
	padding-top: 20px;
}
.inner_ul li {
	padding-top: 4px;
}
.pagenav {
	margin-left: 10px;
}
#inner_main h1 {
	margin-left: 20px;
	margin-top: 8px;
	letter-spacing: -1px;
/*	line-height: 24px;*/
	font: 36px "Georgia", "Times New Roman", Times, serif;
	color: #FFE038;
/*	color: #A37E02;
	color: #785E01;*/
	font-weight: bold;
	border-bottom: 1px solid #785E01;
	width: 698px;
	/*width: 460px;*/
}
.bottle-img {
/*	position:absolute;
	right:10px;
	top:0px;*/
	margin-left: 56px;
	margin-top: 20px;
	padding-right: 20px;
	border-right: 1px solid #785E01;
	}
#inner_main h1, #inner_main h2 {
	padding-bottom: 8px;
	margin-bottom: 16px;
}
#inner_main h2 {
	margin-left: 20px;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #FFCC33;
	padding-top: 8px;
}
#inner_main h3 {
	margin-left: 20px;
	font-size: 20px;
	line-height: 18px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #A27D02;
	padding-top: 8px;
	padding-bottom: 8px;
}
#inner_main .region {
	font-size: 20px;
	line-height: 18px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #A27D02;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFCC33;
	clear: both;
}
#inner_main  .prod-title, #inner_main  .prod-title a  {
	font-size: 18px;
	line-height: 20px;
	color: #FFF;
	height: 40px;
}
#inner_main li {
	line-height: 14px;
}

.prod-img, .photo-img {
	overflow: hidden;
	text-align: center;
	display: block;
}
#inner_main .prod h2 a {
	color: #FFF;
}
.prod a:hover img, .prod-img a:hover img {
	margin: 0;
	padding: 0;
}
.paging {
	clear: both;
	float: right;
	width: 492px;
	margin-top: 30px;
	padding: 8px;
	background: #ededed;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

.paging span,
.paging a {
	float: left;
	margin: 1px;
	padding: 5px 7px;
	background: #c4c4c4;
	border: none;
	color: #fff;
	}
.paging a:hover {
	background: #b2b2b2;
	}
.paging span.current {
	background: #818181;
	}
.inner_content_ul li {
	border-bottom: 0px solid #DDD;
	width: 460px;
}
.regional {
	margin-top: 10px;
	border: 1px solid #FFE038;
}

/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width: 297px;
		height: 219px;
		float:right;
		border: 1px solid #FFE038;
		margin-left: 10px;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics img {
		float:left;
		cursor:pointer;
		width: 299px;
		margin:0px;
		
	}
	
	/* possible settings for the active scroll */
	.scroll.active {
	
	}


