@charset "utf-8";
/* CSS Document */

/*
Created for: Goodieson Brewery | www.goodiesonbrewery.com.au
Author: Ben
Date: Dec 2009
STRUCTURE & SITE BACKGROUND
---------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {margin: 0;}
html, body {height: 100%;}
body {text-align: center;}

#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 900px;
	margin: 0 auto -70px auto; /* the bottom margin is the negative value of the footer's height */
}

#footer, #footer-push {
	height: 70px; /* #footer-push must be the same height as #footer */
}

/* HEADER STYLING
___________________________________________________________*/

#header {
	height:200px;
	width:100%;
	background-color: white;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	overflow: visible;
	text-align: left;
	/*border: solid red 1px;*/
}

#banner {
	height: 135px;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width: 100%;
	background-color: white;
	border: solid #727A35 3px;
	background:url(background/logo-cloth-top-1.png) top left no-repeat;

}

#header h1 {
	width:0;height:0;
	text-align: left;
	margin: 0 0 0 0;padding: 0 0 0 0;
	font: 10px georgia, "times new roman",tahoma,arial;
}

#header h1 a{
	margin: 0 0 0 0;padding: 0 0 0 0;
	background:url(background/logo.gif) top left no-repeat;
	width: 289px; height: 235px;
	text-indent: -5000px;
	position: absolute;
	top: 14px; right: 0px;
}

a:focus{outline:none;}
#header img {border-style: none;}

/* NAVIGATION LIST STYLING */

#nav-list {
	text-align: center;
	display:block;
	margin: 0 0 0 0; padding:0 0 0 4px;
	height: 30px;
	width:640px;
	position: relative;
	top: -33px;
	left:3px;
	background-color: #727A35;
	
}

#nav-list li{
	width: auto;
	height: 18px;
	margin:6px 6px 0 0;
	padding: 0 0 0 0;
	list-style:none;
	float:left;
	background-color:#727A35;
	font: 15px georgia, "times new roman",tahoma,arial;
	/*border: solid black 1px;*/
}

#nav-list li a {
	text-decoration:none;
	color:black;
	margin: 0 0 0 0;
	padding: 0 2px 0 3px;
	background-color:transparent;
}
/*
#nav-list :hover{border: solid white 1px;}
#nav-list #span{	border: solid white 1px;} */
#nav-list #span a {color:white;}

#nav-list li :hover {
    text-decoration: none;border: none;
	display:block;
	color:white;
	margin: 0 0 0 0; padding:0 2px 0 3px;
	background-color:transparent;
}

/* CONTENT STYLING
______________________________________________________________*/

#content-home, #content-about , #content-onlineorders, #content-cellardoor, #content-beer, #content-purchase, #content-gallery, #content-contact {
	width: 100%;
	margin: 0 0 0 0; padding: 0 0 0 0;
	height: 1850px;
	background-color:white;
}
/*page sizes*/
#content-about {	height:800px;}
#content-beer {height:1350px;}
#content-purchase {height:2300px;}
#content-gallery {height:1750px;}
#content-contact {height:350px;}
#content-cellardoor {height:630px;}
#content-onlineorders {height:350px;}

/* COLUMN-MARGIN
____________________________________________________________*/
#column-margin {width:5%;float:left;height: 100%;} /*allows use of %width for columns*/

/* COLUMN-LEFT
____________________________________________________________*/

#column-left {
	padding: 0 0 0 0;margin:0 0 0 0;
	text-align: left;
	width:44%;
	height: auto;
	float: left;
}

#content-about #column-left {width: 49%;}
#content-onlineorders #column-left {width: 49%;}
#content-cellardoor #column-left {width: 49%;}
#content-beer #column-left {width: 92%;}
#content-purchase #column-left {width: 48%;}
#content-gallery #column-left {width: 90%;}
#content-contact #column-left {width: 95%;}
#column-left-2 {padding: 0 0 0 0;margin:0 0 0 0;text-align: left;width:90%;height: auto;float: left;}

#column-left h2 {
	color: #727A35;
	font: 35px "georgia",tahoma,arial;
	padding-bottom: 20px;
}

#content-home h2 {
	margin:0 0 0 0;
	text-align: left;
	width:85%;
	height: auto;
	float: left;
	padding-bottom: 20px;
	color: #727A35;
	font: 35px "georgia",tahoma,arial;
}

#column-left p {
	padding: 0 0 0 0;
	color: black;
	font: 16px/24px georgia,"times new roman",tahoma,arial;
}

#content-cellardoor #column-left #span {
	color: black;
	font: 20px/24px georgia,"times new roman",tahoma,arial;
}

#column-left #purch p a {
	padding: 0 0 0 0;
	color: black;
	font: 16px/24px georgia,"times new roman",tahoma,arial;
}

#column-left ul {
	list-style: circle;	list-style: square;
	color: black;font: 16px/30px georgia,"times new roman",tahoma,arial;
}

#column-left ul {list-style: square;}

#purchase-info {
	text-align: left;
	position: relative;
}

#purchase-info p, #content-contact #column-left p {
	color: black;
	font: 20px georgia,"times new roman",tahoma,arial;
}

/* COLUMN-RIGHT
____________________________________________________________*/
#column-right {
	text-align: center;
	width:36%;
	height: auto;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	float: left;
}
#content-home #column-right {width: 50%; padding-top: 10px;}
#content-cellardoor #column-right {width: 40%; padding-top: 0px;}
#content-about #column-right {width: 44%; padding-top: 40px;}
#content-purchase #column-right {width: 46%; float: center; text-align:center;}
#content-gallery #column-right {width: 90%;}
#content-gallery #column-right {padding: 10px 0 0 20%;width:450px;text-align:left;}
#content-gallery #column-right img {padding: 20px 0 0 0;}

#column-right span { /*IMAGE CAPTIONS*/
	text-align: center;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #484848;
	font: 16px georgia,"times new roman",tahoma,arial;
}

#column-right h2 {
	color: #727A35;
	font: 35px "georgia",tahoma,arial;
	padding-bottom: 20px;
}

#column-right-bottom{
	text-align: center;
	height: auto;
	padding: 15px 0 0 10px;
	margin: 0 0 0 0;
	color: #484848;
	font: 20px georgia,"times new roman",tahoma,arial;
}

/* LABELS (BEER)
__________________________________________________________________________*/

#label {
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	padding: 15px 0 15px 10%;
}

#label p {float: left;padding: 5px 0 0 5%; width: 40%; text-align:justify;}
#label img {float: left;}

#label h2 {
	float:left;
	padding: 5px 0 0 5%;
	color: black;font: 30px georgia,"times new roman",tahoma,arial;
	width: 415px; /* check image size */

}


/* FOOTER STYLING
___________________________________________________________________________*/

#footer {
	position: relative;
	width: 900px;
	margin: 0 auto;
	background-color: white;
	border: solid #727A35 3px;
	background:url(background/logo-cloth-top-1.png) left bottom no-repeat;
	text-align: center;
	font: 14px georgia,"times new roman",tahoma,arial;
	line-height: 22px;
}