/* -

	Graze the Bench

	template
	- CHDS 2009

--------------------- */

/* colours


--- */

@import url("text.css");		/* text styles */
@import url("forms.css");  		/* form styles */

/* universal
--------------------- */
body {
	font-size: 100%;
	background: #000 url("../images/background.jpg") no-repeat top center;
	}

#container {
	font-size: 62.5%;
	}
body, h1, h2, h3, ul, li, a, hr, div, img, table, form, fieldset {
	margin: 0; padding: 0;
	}
hr {
	padding: 0; margin: 0;
	visibility: visible;
	clear: both;
	color: #fff;
	background-color: #fff;
	height: 1px;
	border-width: 0;
	}
.clearing_div {
	padding: 0; margin: 0;
	visibility: visible;
	clear: both;
	color: #fff;
	background-color: #fff;
	height: 1px;
	border-width: 0;
	}
.hide { display: none; }


/* structure/layout
--------------------- */

#container {
	margin: 0 auto;
	width: 100%;
	background: transparent;
	}

#header {
	margin: 0 auto; padding: 0;
	width: 900px; height: 70px;
	}
	#header h1 {
		margin: 0 0 0 -392px; padding: 0;
		position: absolute;
		top: 31px; left: 50%;
		}
		#container #header h1 a {
			margin: 0; padding: 0;
			display: block;
			border: none; text-decoration: none;
			}
			#container #header h1 a span {
				display: block;
				}
	#header ul#sponsors {
		margin: 0 0 0 103px; /* was 270 */
		position: absolute;
		top: 0; left: 50%;
		}
		#header ul#sponsors li {
			display: inline;
			}

#sub_container {
	margin: 0 auto; padding: 11px;
	width: 878px;
	background: #fff;
	}
	
#content {
	margin: 0 auto; padding: 0;
	width: 100%; min-height: 290px;
	clear: both;
	position: relative;
	background: #000;
	}
	#content #tickets {
		position: absolute;
		left: 220px; bottom: 1px;
		line-height: 100%;
		z-index: 10000;
		}
		#content #tickets:hover { opacity: 0.90; }
	
	#content #deco {
		position: absolute;
		right: 0; bottom: 0;
		line-height: 100%;
		z-index: 0;
		}
	#main_content_container {
		margin: 0; padding: 0;
		width: 507px; min-height: 434px;
		float: left;
		background: transparent url("../images/content-bg.jpg") repeat top left;
		}
	#main_content {
		margin: 0; padding: 0 0 0 0;
		width: 507px; min-height: 434px;
		float: left;
		text-align: left;
		position: relative;
		background: transparent url("../images/content-bottom.jpg") no-repeat bottom left;
		}
		#main_content div.article {
			margin: 0 0 10px 0; padding: 0 0 0 40px;
			clear: both;
			width: 400px;
			}
			#main_content a.backtotop { 
				display: block; 
				margin: 40px 0 80px 0; 
				padding: 10px 0 10px 40px;
				width: 350px;
				/*border-top: 1px solid #d3d2d2;*/
				/*border-bottom: 1px solid #d3d2d2;*/
				opacity: 0.75;
				visibility: hidden;
				}
				#main_content a.backtotop:hover { opacity: 1.0; }
			
	#sidebar {
		margin: 0; padding: 180px 40px 0 40px;
		width: 291px; min-height: 254px;
		float: right;
		text-align: left;
		position: relative;
		background: #000 url("../images/sidebar-vineyard.jpg") no-repeat top right;
		}
		#sidebar img.border {
			margin: 0; padding: 0;
			}
			
ul#wineries {
	margin: 0; padding: 0;
	clear: both;
	list-style-type: none;
	}
	ul#wineries li {
		margin: 0; padding: 0;
		line-height: 100%;
		float: left;
		border-right: 1px solid #d7d7d6;
		}
		ul#wineries li:hover {
			opacity: 0.75;
			}
		ul#wineries li a,
		ul#wineries li a img {
		margin: 0; padding: 0;
		line-height: 100%;
		}

#footer {
	margin: 0 auto; padding: 0;
	width: 100%; height: 23px;
	background: #000 url("../images/footer.png") no-repeat top center;
	clear: both;
	}
	#footer p {
		margin: 0; padding: 8px 0 0 15px;
		width: auto;
		line-height: 100%;
		}
	
a.powered-by {
	margin: 0 auto; padding: 10px 0;
	text-align: right;
	width: 880px;
	display: block;
	background: transparent;
	}

/* home - info box
--------------------- */
.home #main_content h2 	{ margin: 30px 0 0 40px; padding: 0; line-height: 100%; }
.home #main_content h3 	{ margin: 0 0 5px 0; padding: 0; line-height: 100%; }
.home #main_content p 	{ margin: 0; padding: 0; }

.home #main_content				{ width: 371px; height: 434px; background: transparent url("../images/info-panel.jpg") no-repeat top left; }
.home #main_content #intro 		{ position: absolute; top: 140px; left: 40px; width: 200px; }
.home #main_content #directions { position: absolute; top: 330px; left: 40px; width: 200px; }

#main_pic {
	margin: 0; padding: 0;
	width: 507px; height: 434px;
	background: transparent;
	text-align: left;
	float: right;
	}
	.home #main_pic #main_pic_container { height: 434px; overflow: hidden; }
	#main_pic #main_pic_container img { margin: 0; padding: 0; }

/* main navigation
--------------------- */

#nav {
	margin: 0 auto 1px auto; padding: 0;
	width: 100%; height: 60px;
	display: block;
	z-index: 2;
	background: #000 url("../images/nav-bg-vineyard.jpg") no-repeat top left;
	}

/* main nav on content pages */

#nav ul {
	margin: 0; padding: 0;
	list-style-type: none;
	width: auto; height: 60px;
	text-align: right;
	float: right;
	background: transparent url("../images/nav-bg-off.jpg") repeat-x top left;
	}
	#nav li {
		margin: 0; padding: 0;
		text-align: center;
		width: auto; height: 60px;
		float: left;
		border-left: 1px solid #1f1f1f;
		}
	#nav li.home	 		{ width: 75px; background: transparent url("../images/nav-welcome.png") no-repeat top left; }
	#nav li.event 			{ width: 54px; background: transparent url("../images/nav-event.png") no-repeat top left; }
	#nav li.wineries 		{ width: 147px; background: transparent url("../images/nav-wineries.png") no-repeat top left; }
	#nav li.accommodations 	{ width: 115px; background: transparent url("../images/nav-accommodations.png") no-repeat top left; }
	#nav li.directions 		{ width: 81px; background: transparent url("../images/nav-directions.png") no-repeat top left; }
	
	#nav li:hover {
		background-position: 0 -60px;
		}
		#nav li a {
			margin: 0; padding: 0;
			display: block;
			text-align: center;
			width: auto; height: 60px;
	    	}
	    	#nav li a span { display: none; }
	
	#nav li[class~='current_page'],
	#nav li[class~='current_page']:hover { 
		background-position: 0 -60px;

		}
	#nav ul li ul { display: none; }


/* sub-navigation
--------------------- */
#container #sidebar #sub_nav {
	margin: 0; padding: 5px;
	background: #000 url("../images/sub-nav-bg.png") no-repeat top left;
	border: none;
	}
#container #sidebar #sub_nav ul {
	margin: 0 0; padding: 0 1px;
	list-style-type: none;
	border: none;
	clear: both;
	}
#container #sidebar #sub_nav li {
	margin: 0; padding: 0;
	border-bottom: 1px solid #111;
	}
	#container #sidebar #sub_nav li:last-child {
		border: none;
		}
	#container #sidebar #sub_nav li a {
		margin: 0; padding: 10px 25px;
		display: block;
		}
		
		
/* anchors
--------------------- */

#container a img { border: none; }
#container #sidebar a { border: none; }

#nav a:link { color: #444; text-decoration: none; }
#nav a:visited { color: #444; text-decoration: none; }
#nav a:hover { color: #46c5de; text-decoration: none; }
#nav a:active { color: #444; text-decoration: none; }

#content a:link { color: #b76500; text-decoration: underline; }
#content a:visited { color: #b76500; text-decoration: underline; }
#content a:hover { color: #723f00; text-decoration: underline; }
#content a:active { color: #3b250b; text-decoration: underline; }

#sub_nav a:link { color: #efe6d1; text-decoration: none; }
#sub_nav a:visited { color: #efe6d1; text-decoration: none; }
#sub_nav a:hover { color: #9dbd6d; text-decoration: none; background: transparent url("../images/sub-nav-arrow.png") no-repeat -5px 2px; }
#sub_nav a:active { color: #375706; text-decoration: none; }

#footer a:link { color: #a1bc3b; text-decoration: underline; }
#footer a:visited { color: #a1bc3b; text-decoration: underline; }
#footer a:hover { color: #c0d962; text-decoration: underline; }
#footer a:active { color: #5b6a25; text-decoration: underline; }

a:focus {
	outline: none;
	}
#nav li.current_page a { color: #46c5de; }
#sub_nav li.current_page a { color: #54761f !important; background: transparent url("../images/sub-nav-arrow.png") no-repeat -5px 2px; }

/* breadcrumbs
--------------------- */
#breadcrumbs {
	margin: 0 0 10px 0;
	clear: both;
	}