
/* CSS Document - Valley of the Sun*/

/*=STRUCTURE
=== === === === === === === === === === */

html { background-color: #6b0f12; }
body { background-color: #6b0f12; color: #42484c; font-size: 11px; font-family: arial, helvetica, sans-serif; }

.clear { line-height: 0em; font-size: 0em; height: 0em; clear: both; padding: 0; margin: 0; }

a:link {color: #313030; text-decoration: underline;}
a:visited {color: #313030; text-decoration: underline;}
a:hover {color: #313030; text-decoration: none;}
a:active {color: #313030; text-decoration: underline;}


/*=CHROME BACKGROUND COLOR FIX
=== === === === === === === === === === */
#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }


/* FULL PAGES */

#fullpage-wrapper { width: 852; margin-top: 0px; }
	
#fullpage-wrapper div.middle { width: 100%; margin-top: 0px; 
    background: transparent url(../images/background_middle.jpg) repeat-y center; }
	
#fullpage-wrapper div.open { width: 100%; height: 13px; padding-top: 0px;
    background: transparent url(../images/background_top.jpg) no-repeat top center; }

#fullpage-wrapper div.close { width: 100%; height: 23px; padding-top: 0px;
    background: transparent url(../images/background_bottom.jpg) no-repeat top center; }

	
#fullpage-wrapper .inner_section { 
	width: 819px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 6px;
	margin: auto;	

	}

/* BACKGROUND PAGES */

#page-bk-hm { width: 820; height: 579px;
	background: transparent url(../images/background_home2.jpg) no-repeat top center; }
	
#page-bk-spot { width: 796; height: 579px;
	background: transparent url(../images/background_spotlight.jpg) no-repeat top center;  }
	
#page-bk-event { width: 796; height: 569px;
	background: transparent url(../images/background_events.jpg) no-repeat top center;  }
	
#page-bk-contact { width: 796; height: 569px;
	background: transparent url(../images/background_contact.jpg) no-repeat top center;  }
	
	
#page-bk-catalog { width: 820; height: 579px;
	background: transparent url(../images/background_catalog.jpg) no-repeat top center;  }
	
#page-bk-essentials { width: 796; height: 569px;
	background: transparent url(../images/background_essentials2.jpg) no-repeat top center;  }
	
#page-bk-spirits { width: 796; height: 569px;
	background: transparent url(../images/background_spirits.jpg) no-repeat top center;  }
	
	
/* homepage 
	
	margin-top: -120px; */

.logo { 
	position: relative;
	left:10px;
	top: -130px;
	margin-right: 145px;
	}
	
.home-image { 
	position: relative;

	}
	
.banner { 
	position: relative;
	margin-top: 0px;
	margin-left: 315px;
	}
	
.text { 
	z-indix: 0;
	width: 596px;
	min-height: 350px;
	font-size: 11px;
	line-height: 16px;
	margin-top: -305px; 	
	padding-left: 40px; 	
	}
	
.text-sub { 
	z-indix: 0;
	width: 550px;
	font-size: 11px;
	line-height: 16px;
	margin-top: -315px; 	
	margin-left: 40px; 
	
	}
	
#line { 
	border-left: 1px solid #eff0e2;
	display: block;
	margin-left:167px;
	padding: 0px 0 10px 0px; }

	
.text-long { 
	z-indix: 0;
	font-size: 11px;
	line-height: 16px;
	margin-top: -315px; 	
	padding-left: 20px; 	
	padding-right: 0px; 	
	}
	

	
.home { 
	width: 370px;	
	}

.text-list {margin-top: 5px;}
.text-list a  {color: #313030; text-decoration: underline;}
.text-list a:hover {color: #313030; text-decoration: none;}

.text-list b {color: #313030;}


	
.essentials {
	margin-top:7px;
	text-align: center; }


#essen-container { 
	background: transparent url(../images/wine_table.gif) no-repeat top center; 
	width: 595px;
	height: 471px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	
	}
	
.grid_4 {
	display: inline;
	float: left;
	margin-left: 4px;
	margin-right: 5px;
}

.grid_4 a  {color: #6a6866; text-decoration: none;}
.grid_4 a:hover {color: #6a6866; text-decoration: underline;}

.column { 
	z-indix: 0;
	width: 605px;	
	
	}
	
.list-item {
	background: url() no-repeat left top;	
}



.list1, .list2, .list3, {
	margin-top: 0px;
	margin-bottom: 7px;
}

.list1 {
 	margin-right: 1px;
	width: 61px;  height: 30px;
	margin-top: 103px; 
	color: #313030; 
	font-size: 10px; 
	line-height: 12px;
 	padding: 0px 0px 0px 0px;
	
	}
	
		
.list2 {
	margin-right: 1px;
	width: 61px;  height: 30px;
	margin-top: 107px;
	color: #313030; 
	font-size: 10px; 
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	
}


.list4 {
	min-height:30px; 
	height:auto!important; 
	height: 30px;
	margin-right: 1px;
	width: 61px; 
	margin-bottom: 0px;
	color: #6a6866; 
	font-size: 9px; 
	line-height: 11px;
			
	}
	
	
.list5 {
	min-height:42px; 
	height:auto!important; 
	height: 42px;
	margin-right: 1px;
	width: 61px;  
	margin-top: 0px;
	color: #6a6866; 
	font-size: 9px; 
	line-height: 11px;
	padding: 0px 0px 0px 0px;
			
	}
	
.list6 {
	margin-right: 1px;
	width: 61px;  height: 35px;
	margin-top: 10px;
	color: #6a6866; 
	font-size: 9px; 
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	
	}
	
.list7 {
	margin-right: 1px;
	width: 61px;  height: 35px;
	margin-top: 5px;
	color: #6a6866; 
	font-size: 9px; 
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	
	}
	
.list8 {
	margin-right: 1px;
	width: 61px;  height: 35px;
	margin-top: 16px;
	color: #6a6866; 
	font-size: 9px; 
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	
	}
	
.list9 {
	margin-right: 1px;
	width: 61px;  height: 35px;
	margin-top: 10px;
	color: #6a6866; 
	font-size: 9px; 
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	
	}
	
.list10 {
	margin-right: 1px;
	width: 61px;  height: 35px;
	margin-top: 12px;
	color: #6a6866; 
	font-size: 9px; 
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	
	}
	

/* Main Navigation */
	
#nav { 
	width: 152px;
	position: relative;
	top: -90px;
	margin-right: 15px;
	
	}
	
#nav-line { 
	width:1px;
	position: relative;
	border-style: solid; 
	border-color:#ece8e7; 
	border-width: 1px;
	
	}

#nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#nav { padding-left: 11px; } 
/*/ 
#nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#nav dt a {
	display: block;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding: 30px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#nav dt a:hover {
	background-position: 0 -30px;
}
#nav dt#winecat,
#nav dt#winecat a { width: 152px; background-image: url(../images/button_catalog.gif); }
#nav dt#winecat-on a { width: 152px; background-image: url(../images/button_catalog.gif); background-position: 0 -30px; }

#nav dt#spot,
#nav dt#spot a { width: 152px; background-image: url(../images/button_spotlight.gif); }
#nav dt#spot-on a { width: 152px; background-image: url(../images/button_spotlight.gif); background-position: 0 -30px; }

#nav dt#wine,
#nav dt#wine a { width: 152px; background-image: url(../images/button_wine_essen.gif); }
#nav dt#wine-on a { width: 152px; background-image: url(../images/button_wine_essen.gif); background-position: 0 -30px; }

#nav dt#events,
#nav dt#events a { width: 152px; background-image: url(../images/button_shows_events.gif); }
#nav dt#events-on a { width: 152px; background-image: url(../images/button_shows_events.gif); background-position: 0 -30px; }

#nav dt#contact,
#nav dt#contact a { width: 152px; background-image: url(../images/button_contact.gif); }
#nav dt#contact-on a { width: 152px; background-image: url(../images/button_contact.gif); background-position: 0 -30px; }

#nav dt#organic,
#nav dt#organic a { width: 152px; background-image: url(../images/button_organic.gif); }
#nav dt#organic-on a { width: 152px; background-image: url(../images/button_organic.gif); background-position: 0 -30px; }

#nav dt#termdesc,
#nav dt#termdesc a { width: 152px; background-image: url(../images/button_term.gif); }
#nav dt#termdesc-on a { width: 152px; background-image: url(../images/button_term.gif); background-position: 0 -30px; }





/* margin: auto; ../images/button_catalog.gif*/

.policy-text { 
	z-indix: 0;
	width: 700px;
	font-size: 11px;
	line-height: 16px;
	margin-top: -20px; 	
	margin-left: 70px; 
	margin-right: 10px; 
	margin-bottom: 20px; 		
	}
	
.policy-text a  {color: #313030; text-decoration: underline;}
.policy-text a:hover {color: #313030; text-decoration: none;}


/* footer */

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	padding-top: 0px;
	text-align: center;
	white-space: nowrap;
	
}
#copyright a:link {color: #666666; text-decoration: underline;}
#copyright a:visited {color: #666666; text-decoration: underline;}
#copyright a:hover {color: #666666; text-decoration: none;}
#copyright a:active {color: #666666; text-decoration: underline;}