@charset "utf-8";

/*									BASE STYLES & RESET
_________________________________________________________________________________________________________*/
html, body {
	height: 100%; padding: 0; border: none; margin: 0;
	background-color: #ffffff;
}
h1, h2, h3, h4, h5 { padding: 0; border: none; margin: 20px 0 0 0; }
h3 { color: #660033; font-size: 14px;}
h3.first { margin: 0; }
img { border: none; }
p, div, form, a { padding: 0; border: none; margin: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
ul { display: block; list-style-type: none; padding: 0; border: none; margin: 0; }
.left { float: left; }
.right { float: right; }
p { margin: 0 0 10px 0; }

/*									SKELETON
_________________________________________________________________________________________________________*/
div#wrapper { width: 100%; }
div#header, 
div#main, 
ul#nav,
div#footer { overflow: hidden; width: 100%; padding: 0; margin: 0; }
div#header { height: 370px; }

/*									TYPOGRAPHY
_________________________________________________________________________________________________________*/
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
a, 
a:link, 
a:visited, 
a:hover, 
a:active { color: #000000; text-decoration: none; background: transparent url(../img/dots2.gif) repeat-x left bottom; }
a:hover { color: #92278f; }
h1, h2, h3, h4, h5 { font-weight: bold; }

/*									HEADER
_________________________________________________________________________________________________________*/
body { background: #ffffff url(none) no-repeat left top; }
/*
body#start { background-image:url(../img/photo1.jpg); }
body#about { background-image:url(../img/photo2.jpg); }
body#experience { background-image:url(../img/photo2.jpg); }
body#growing { background-image:url(../img/photo5.jpg); }
body#making { background-image:url(../img/photo7.jpg); }
body#join { background-image:url(../img/photo4.jpg); }
body#pr { background-image:url(../img/photo9.jpg); }
body#links { background-image:url(../img/photo2.jpg); }
body#contact { background-image:url(../img/photo8.jpg); }*/

body#start { background-image:url(../img/hhome.jpg); }
body#about { background-image:url(../img/header_1.jpg); }
body#experience { background-image:url(../img/header_2.jpg); }
body#growing { background-image:url(../img/hgrowinggrapes.jpg); }
body#making { background-image:url(../img/hmakingwine.jpg); }
body#join { background-image:url(../img/hjoinus.jpg); }
body#pr { background-image:url(../img/header_3.jpg); }
body#links { background-image:url(../img/husefullinks.jpg); }
body#contact { background-image:url(../img/hcontactus.jpg); }


a#logo {
	display: block;
	width: 246px;
	height: 218px;
	margin: 0;
	padding: 0;
	background: transparent url(none) no-repeat;
}

/*									NAV
_________________________________________________________________________________________________________*/
ul#nav { 
	margin: 0; 
	width: 170px; 
	margin: 0;

	position: absolute;
	left:25px;
	top:355px;
}
ul#nav li { display: block; }
ul#nav li a {
	display: block;
	text-indent: -300px;
	overflow: hidden;
	height: 24px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 170px;
}
ul#nav li#btnhome a { background-image:url(../img/home-btn.gif); }

ul#nav li#btnabout a { background-image:url(../img/about_us-btn.gif); }
body#about ul#nav li#btnabout a { background-position: 0 -39px; }

ul#nav li#btnexperience a { background-image:url(../img/the_experience-btn.gif); }
body#experience ul#nav li#btnexperience a { background-position: 0 -39px; }

ul#nav li#btngrowing a { background-image:url(../img/growing_grapes-btn.gif); }
body#growing ul#nav li#btngrowing a { background-position: 0 -39px; }

ul#nav li#btnmaking a { background-image:url(../img/making_wine-btn.gif); }
body#making ul#nav li#btnmaking a { background-position: 0 -39px; }

ul#nav li#btnjoin a { background-image:url(../img/join_us-btn.gif); }
body#join ul#nav li#btnjoin a { background-position: 0 -39px; }

ul#nav li#btnpr a { background-image:url(../img/press_and_events-btn.gif); }
body#pr ul#nav li#btnpr a { background-position: 0 -39px; }

ul#nav li#btnlinks a { background-image:url(../img/useful_links-btn.gif); }
body#links ul#nav li#btnlinks a { background-position: 0 -39px; }

ul#nav li#btncontact a { background-image:url(../img/contact_us-btn.gif); }
body#contact ul#nav li#btncontact a { background-position: 0 -39px; }

ul#nav li#btnblog a { background-image:url(../img/blog-btn.gif); }
body#contact ul#nav li#btnblog a { background-position: 0 -39px; }

ul#nav li a:hover { background-position: 0 -39px; }

/*									SIGNIN
_________________________________________________________________________________________________________*/
div#signin { 
	display: block; 
	width: 260px; 
	height: 317px;
	padding: 0 0 0 103px; 
	background: transparent url(../img/grapes.gif) no-repeat left bottom;
	position: absolute;
	left:597px;
	top:200px;
}
body#pr div#main div#signin, body#making div#main div#signin, body#growing div#main div#signin { height: auto; background-image:url(none); }
body#events div#main div#signin { height: auto; background-image:url(none); }
div#signin a { background: transparent url(none) no-repeat; }

div#signin div { display: block; background-color:#7ac142; width: 240px; padding: 10px; }
div#signin div label { display: block; width: 240px; color:#660033; font-weight: bold; }
div#signin form { display: block; background-color:#7ac142; width: 240px; padding: 10px; }
div#signin form label { display: block; width: 240px; color:#660033; font-weight: bold; }
input#mail { width: 220px; margin: 0 0 5px 0; }
input#pass { width: 184px; margin: 0 0 5px 0; }

/*									CONTENT
_________________________________________________________________________________________________________*/
div#content { width:760px; padding: 10px 0 30px 0; margin: 0 0 0 200px; min-height: 120px; overflow: hidden; }
body#start div#main div#content { width:460px; padding: 10px 0 30px 0; margin: 0 0 0 200px; }
img.titleimg { margin: 0 0 10px 0; }

div#content div#primary { width:460px; float: left; }
div#content div#secondary { width:260px; float: right; }
div#content div#secondary p { padding: 10px 0 0 0; }

div#content p.bigger { font-size: 15px; font-weight: normal; }

div#primary ul {
margin: 0 0 10px 0; padding: 0;
}
div#primary ul li {
	background: transparent url(../img/dot.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
}

div#newslist { display: block; }
div#newslist h3 { padding: 0 0 5px 0; margin: 0; border-bottom: 1px solid #92278f; }
div#newslist a { display: block; background-color: transparent; overflow: hidden; padding: 5px 0; }
div#newslist a:hover { background-color: #f6ecf1; }
div#newslist a em {  width: 90px; font-style: normal; font-weight: normal;  }
div#newslist a strong { font-style: normal; font-weight: bold;  }


div#secondary div.photos { padding: 36px 0 0 0; }
div#secondary div.photos img { margin: 0 0 3px 2px; }


/*									PROMO
_________________________________________________________________________________________________________*/
div#promo { display: block; height: 132px; margin: 20px 0 40px 0; background-color: #613140; }
div#promo a { padding: 0; border: 0; margin: 0; }
div#promo a img { padding: 0; border: 0; margin: 0; }

/*									FOOTER
_________________________________________________________________________________________________________*/
#footer {
	background-color: #cccccc;
	height: 29px;
	font-size: 11px;
	font-color: #666666;
	line-height: 28px;
}
#footer span { margin: 0 0 0 23px; }