/* general */
* {
	margin:0;
	padding:0;
}
body{
	background-color: #f2ffe3;
	font-family: arial, verdana, sans-serif;
}
/* wrapping containers */
#wrap{	

	background: #ebf6e6 url('../images/bg_repeater.jpg') center repeat-y;
	margin:0px auto;
	width:850px;
}
#container {	
	margin:0px auto;
	width:800px;
	border:1px solid #ebf6e6;
}

/*section images */
body.section-1 #container{
	background:transparent url('../images/Very_Berry_Basil_Mojito_landing.jpg') 0px 144px no-repeat;
}

body.section-4 #container{	
		background-image:url(../images/chardonnay_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}

body.section-5 #container{
		background-image:url(../images/brut_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;		
}

/* headers */
#pre_header{
	background:#a0c55c;
	height:15px;
}
/* subpage header */
#header {
	background:#dee3cd;
	height:48px;
	margin-top:53px;
}
body.section-3 #header{
	background-image:url('../images/fre_wines_header.jpg');
	background-repeat:no-repeat;
	background-position:175px 17px;
}
body.section-4 #header{
	background-image:url('../images/thoughtful_entertaining_header.jpg');
	background-repeat:no-repeat;
	background-position:270px 17px;
}
body.section-5 #header{
	background-image:url('../images/fre_intro_header.jpg');
	background-repeat:no-repeat;
	background-position:370px 17px;
}
body.section-6 #header{
	background-image:url('../images/finding_fre_header.jpg');
	background-repeat:no-repeat;
	background-position:430px 15px;
}	
/* landing page header*/
#landing_header{
	background:#dfe2cd;
	height:48px;
	margin-top:53px;
	background-image:url('../images/landing_header.jpg');
	background-repeat:no-repeat;
	background-position:200px 17px;
}

/* navigation */
#nav {
	background-image:url('../images/nav_repeater.jpg');
	background-repeat:repeat-x;
	height:28px;
	font-size:10px;
	letter-spacing:1px;
	text-align:center;
	border-bottom:0px solid #f5f2e1;
}
#nav ul{
	margin-left:19px;
	list-style:none;
}
#nav li{
	display:inline;
}
#nav a{
	text-decoration:none;
}	
#nav a:link,
#nav a:visited {	
	color:#734a44;
	height:18px;
	padding: 9px 15px 0px 15px;
	float:left;
	width:auto;
}
#nav a:hover{
	color: FFFFFF;
}
body.section-1 #nav a:hover {
	background:#e2c772;
	height:18px;
	margin-top:1px;
	padding: 8px 15px 0px 15px;
}
/* these are active tabs */
body.section-2 #nav li#nav-2 a,
body.section-3 #nav li#nav-3 a,
body.section-4 #nav li#nav-4 a,
body.section-5 #nav li#nav-5 a,
body.section-6 #nav li#nav-6 a {
	color:#734a44;
	background:#dee3cd;
	height:18px;
	padding: 9px 14px 0px 14px;
	border-left:1px solid #ebf6e6;
	border-right:1px solid #ebf6e6;
}

/* left column */
#sidebar {
	float:left;
	width:204px;
}
#backto a{
	display: block;
	font-size: 11px;
	color: #8c9870;
	margin: 3px 0px 0px 117px;
}
/*sidebar types */

/*paragraph*/
#sidebar_paragraph{
	border-left:30px solid #ab9c86;
	border-top:3px solid #ab9c86;
	border-bottom:3px solid #ab9c86;
	border-right:3px solid #ab9c86;
	color:#798852;
	font-size:12px;
	font-weight:normal;
	background:white;
	padding:30px 30px 30px 25px;
	line-height:17px;	
}
#sidebar_paragraph a{
	font-size:12px;
	font-weight:normal;
	color:#d36ac9;
}

/*menu*/
#sidebar_menu{
	list-style-type:none;
	background:white;
	padding-top:10px;
	font-size:10px;
	border-left:47px solid #ab9c86;
	border-top:3px solid #ab9c86;
	border-bottom:3px solid #ab9c86;
	border-right:3px solid #ab9c86;	
	padding-top:15px;
	margin-bottom: 1px;
}
#sidebar_menu li{
	padding:0px 0px 15px 10px;
	line-height:10px;
}
#sidebar_menu a{
	text-decoration:none;
	color:#ab9c86;
	
}
#sidebar_menu a:hover{
	color: #6d5942;
}

body.menu-1 #sidebar_menu li#menu-1 a,
body.menu-2 #sidebar_menu li#menu-2 a,
body.menu-3 #sidebar_menu li#menu-3 a,
body.menu-4 #sidebar_menu li#menu-4 a,
body.menu-5 #sidebar_menu li#menu-5 a,
body.menu-6 #sidebar_menu li#menu-6 a{
	font-weight:bold;
	font-size:12px;
	color: #6d5942;
}

/*images*/
.sidebar_image img{
	display: block;
	margin-left: 47px;
	margin-bottom:30px;
}

/* main container */
#main {	
	float:right;
	width:596px;	
}
/* content */
#content{
	margin:40px 150px 40px 40px;
	line-height:17px;
	font-size:12px;	
	color:#798852;
}
#content ul{
	list-style: none;
}
#content p{	
	padding-bottom:13px;
}	
#content h2{
	font-size:14px;
}
#content a{
	color: #d36ac9;
}
#content .title{
	font-size:18px;
	line-height:21px;
}
#content .title span{
	font-size:20px;
	color:#7d8b54;	
}

#content .title2{
	font-size:16px;
	line-height:21px;
}
#content .title2 span{
	font-size:20px;
	color:#7d8b54;	
}
#content .sub{
	font-size:11px;
}
body.section-5 #content{
	min-height: 500px;
	height:expression(this.scrollHeight < 845? "50px": "auto" );
}
/* nutritional*/
#nutritional{
	width:100%;
}
#nutritional td{
	font-size:10px;
	text-align:center;
	border:1px solid #836d55;
	padding:1px;
	color:#795b56;
}
/* wine specifics */
body.chardonnay #container{
		background-image:url(../images/chardonnay_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}
body.merlot #container{
		background-image:url(../images/merlot_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}
body.premium_red #container{	
		background-image:url(../images/premium_red_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}
body.premium_white #container{	
		background-image:url(../images/premium_white_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}
body.white_zinfandel #container{	
		background-image:url(../images/white_zinfandel_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}
body.brut #container, body.recipes #container{
		background-image:url(../images/brut_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}
body.spumante #container{
		background-image:url(../images/spumante_big_cropped.jpg);
		background-repeat:no-repeat;
		background-position:665px 160px;
}

#content.purple h2, #content.purple p.title span{	
	color:#4e4f72;
}
#content.green h2, #content.green p.title span{
	color:#9dc65c;
}
#content.white_zinfandel h2, #content.white_zinfandel p.title span{
	color:#5e3144;
}
#content.brut h2, #content.brut p.title span{
	color:#496149;
}
#content.spumante h2, #content.spumante p.title span{
	color:#5e2b1f;
}
#content.premium_red h2, #content.premium_red p.title span{
	color:#8f3020;
}
#content.chardonnay h2, #content.chardonnay p.title span{
	color:#f2db98;
}
#content.premium_white h2, #content.premium_white p.title span{
	color:#4f5e71;
}
/* recipe */

/*recipe abstract*/
#recipes{		
	color:#f2db98;
	font-size:12px;
	width:100%;
	margin:0px 0px 20px 0px;
	font-weight:bold;

}
#recipes a{
	color:#f2db98;
	text-decoration:none;
}

/*recipe details*/	
.recipe{
	margin-bottom:25px;
	border: 1px solid #f5f2e1;
}
.recipe p, .recipe h2{
	margin-left:115px;
}
.recipe img{
	float:left;
	border-left:9px solid #f2db98;
	padding-left:2px;
}
/*buy wine */

#buy_wine{
	margin-left:-3px;
}

/* wine listing */
#wine_container{
	height:auto;
	margin:5px auto;
	width:584px;
}
.wine{
	width:190px;
	height:auto;
	margin:2px;
	font-size: 9px;
	overflow:hidden;
	float:left;
	color:#795b56;
	background:#fff;
}
.wine h1{
	color:white;
	padding:2px 0px 2px 10px;
	font-size:12px;
	font-weight: normal;
}
.wine p{
	
	color:#795b56;
	font-size:11px;
	line-height:17px;
	padding:19px 0px 0px 17px;	
	
}
.wine_content a{
	color:#795b56;	
}
.wine_content img{
	float:right;
}
.wine_content{
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

/* landing page table */

/*row one*/
#table{
	width:411px;
	margin-left:186px;
}
#row_one{
	height:206px;
}
#row_one div{
	float:left;
	width:136px;
	height:206px;
}
#r1c1,#r1c2{
	border-right:1px solid #f5f2e1;
}
/*row 2*/
#row_two{
	height:10px;
}
#row_two div{
	float:left;
	width:136px;
	height:10px;
}
#r2c1,#r2c2,#r2c3{
	border-top:1px solid #f5f2e1;
	border-bottom:1px solid #f5f2e1;
}

#r2c1,#r2c2{
 	border-right:1px solid #f5f2e1;
}
#r2c1, #r2c3 {
	background:#acca5a;	
}
#r2c2{
	background:#f2db98;
}
/*row three*/
#row_three{
	height:206px;
}
#row_three div{
	float:left;
	width:136px;
	height:206px;
}
#row_three h2{
	padding:10px 15px 0px 15px;
	font-size:12px;
}
#row_three p{
	padding:5px 15px 15px 15px;
}

#r3c1,#r3c2{
	border-right:1px solid #f5f2e1;
}

#r3c1 {	
	background:#fff;
	font-size:11px;
	color:#88a33e;
	line-height:16px;
}

#r3c1 a {	
	color:#d36ac9;
	text-decoration: underline;
}

#r3c1 a:hover {	
	color:#ea80e0;
}

#r3c2 {	
	background:#fff;
	font-size:11px;
	color:#88a33e;
	line-height:16px;
}

#r3c2 a {	
	color:#d36ac9;
	text-decoration: underline;
}

#r3c2 a:hover {	
	color:#ea80e0;
}

#r3c3 {	
	background:#fff;
	font-size:11px;
	color:#88a33e;
	line-height:16px;
}

#r3c3 a {	
	color:#d36ac9;
	text-decoration: underline;
}

#r3c3 a:hover {	
	color:#ea80e0;
}

#r3c1 h2 a, #r3c3 h2 a{
	color:#9cbc69;
	text-decoration: none;
}
#r3c2 h2 a{
	color:#dbb336;
	text-decoration: none;
}
#r3c1 h2 a:hover,#r3c3 h2 a:hover{
	color:#b3d779;	
}
#r3c2 h2 a:hover{
	color:#e2be57;
}
/*newsletter signup on landing page*/
#newsletter_signup{
	background:#dfe2cd;
	height:46px;
	margin-right:1px;
}
#newsletter_signup span{
	color:#636651;
	font-weight:normal;
	font-size:12px;
	margin:15px 3px 0px 15px;
	float:left;
}	
/* footer */
#footer{
	clear:both;
	background:#a0c55c;
	color:#fff;
	font-size:11px;
	height:30px;
	border-top:1px solid #ebf6e6;
	position:relative;
}
#footer a{
	color:#fff;
}
#footer_left{
	position:absolute;
	top:8px;
	left:30px;
}
#footer_mid{
	position:absolute;
	top:8px;
	left:400px;
	list-style:none;
}
#footer_mid li {
	display:inline;
}
#footer_right{
	position:absolute;
	top:8px;
	right:30px;
}
/*  misc. */ 
.clearer{
	clear:both;
}	

/* video overlay */
#overlay {
color:#FFFFFF;
display:none;
font-size:12pt;
font-weight:bold;
line-height:1.25em;
text-align:center;
width:500px;
z-index:10000;
}
#player {
	border: 20px solid #000;
}
#overlayText {
	margin-top: 20px;
}

/* landing page social links */
.social-links {
	background: #dfe2cd;
	margin-right: 1px;
	height: 46px;
}
.social-link {
	padding-left: 15px;
	float: left;
	font-size: 10px;
	width: 185px;
	position: relative;
	top: 8px;
	line-height: 30px;
	
}
.social-link a {
	float: left;
}
.social-link img {
	border: none;
	padding-right: 5px;
}