/*

	Perth Brewing Co. main stylesheet

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #f1f1f1 url('../images/wrapper/body-bg.jpg') 50% 0 no-repeat;
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
}

table tr td {
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

img, a img {
	border: 0;
}

.clearit:after { 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

.clearit { 
    min-height: 0; 
    height: 0; 
}

html>body .clearit { 
    height: auto; 
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Toolbar
---------------------------------------------------------------------------------------------------- */
#toolbar {
	position: relative;
	top: 0px;
	margin-left: 685px;
}

#toolbar img {
	margin-left: 7px;
}


/* =Main navigation
---------------------------------------------------------------------------------------------------- */
#main-nav {
	background: url('../images/wrapper/main-nav-bg.jpg') 0 0  no-repeat;
	height: 52px;
	margin: 56px 0 19px 0;
	position: relative;
}

#main-nav ul.main-nav-left {
	float: left;
	padding-left: 43px;
}

#main-nav ul.main-nav-left li {
	padding-right: 83px;
}

#main-nav ul.main-nav-right {
	float: right;
	padding-right: 34px;
}

#main-nav ul.main-nav-right li {
	padding-left: 43px;
}

#main-nav ul li {
	float: left;
	height: 12px;
	padding: 18px 0 0 0;
}

#main-nav ul li img {
	display: block;
}

/* =Branding
--------------------------------------------------------------------------------------------------- */
#wrapper #logo {
	display: block;
	position: absolute;
	top: -36px;
	left: 404px;
}

#wrapper #appointment {
	position: absolute;
	margin-left: 765px;
	margin-top: -194px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#main-content {
	background: #ffffff url('../images/wrapper/main-content-bg.jpg') 50% 0 no-repeat;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	border: 4px solid #000000;
}

#wrapper .single-col {	
	background: #ffffff url('../images/wrapper/main-content-bg.jpg') 50% 0 no-repeat;
}

#wrapper #text-content {
	padding: 30px 40px 20px 39px;
}

#main-content #left-col, #main-content #left-col2 {	
	float: left;
	width: 573px;
	padding: 54px 0 0 39px;
}

#main-content #left-col3 {	
	float: left;
	width: 980px;
	padding: 54px 0 0 39px;
}

#main-content #left-col2 {
	padding: 20px 0 20px 39px;
}

#main-content #right-col, #main-content #right-col2 {
	float: left;
	width: 360px;
	min-height: 745px;
	height: auto !important;
	height: 745px;
}

#main-content-coolers #right-col, #main-content-coolers #right-col2 {
	min-height: 432px;
	height: auto !important;
	height: 432px;
}

#main-content #right-col2 {
	margin-top: -149px;
}

#main-content .wine {
	background: url('../images/wrapper/wine-bg.jpg') 0px 0px no-repeat;
}

#main-content #main-content-beer {
	background: url('../images/wrapper/beer-page-bg.jpg') 100% 100% no-repeat;
}

#main-content .beer {
	background: transparent url('../images/wrapper/beer-bg.jpg') 0px 0px no-repeat;
}

#main-content .coolers {
	background: transparent url('../images/wrapper/ciders-and-coolers-bg.jpg') 0px 0px no-repeat;
}

#main-content .fruit-wines {
	background: transparent url('../images/wrapper/fruit-wines-bg.jpg') 0px 0px no-repeat;
}

#main-content #left-col .intro { 
	height: 114px;
}

#main-content .sub-intro {
	background: #ffffff url('../images/wrapper/main-content-sub-bg.jpg') 50% 100% no-repeat;
	width: 100%;
	height: 119px;
	float: left;
}

#main-content .sub-intro h1 {
	margin: 24px 0 0 38px;
}

/* Product list */
ul.product-list {
	float: left;
	width: 188px;
}

#main-content-coolers #left-col2 ul.product-list {
	width: 280px;
}

ul.product-list h2 {
	font-size: 22px;
	color: #618D4E;
	margin: 0 0 0 -3px;
}

ul.product-list h3 {
	font-size: 13px;
	margin: 0 0 2px 5px;
}

ul.product-list ul {
	float: none;
	margin-bottom: 20px;
}

ul.product-list ul li {
	line-height: 18px;
}

ul.product-list ul li.white-wine {
	background:url('../images/wrapper/icon-white-wine.gif') 0 3px no-repeat;
	padding-left: 17px;
}

ul.product-list ul li.red-wine {
	background:url('../images/wrapper/icon-red-wine.gif') 0 3px no-repeat;
	padding-left: 17px;
}

.beer-list ul li, .fruit-wine-list ul li {
	background: url('../images/wrapper/list-bullet.gif') 0 7px no-repeat;
	padding-left: 12px;
}

/* Stop boxes */
#main-content .stop-box {
	background:url('../images/wrapper/stop-box-bg.gif') 0 3px no-repeat;
	width: 333px; 
	height: 140px;
}

#main-content .beer .stop-box {
	width: 304px; 
	height: 117px;
	margin-top: 395px;
	padding: 33px 0 0 29px;
}

#main-content .wine .stop-box {
	width: 289px; 
	height: 118px;
	margin-top: 258px;
	padding: 32px 0 0 44px;
}

#main-content .stop-box .images img {
	display: block;
}

/* =Layout homepage 
--------------------------------------------------------------------------------------------------- */
#home #main-content-home {
	background: url('../images/wrapper/main-content-home-bg.jpg') 0 0 no-repeat;
	width: 980px;
	height: 665px;
}

#home .left-col {
	float: left;
	width: 490px;
	padding: 59px 0 0 0;
}

#home .right-col {
	float: left;
	width: 486px;
	padding-top: 4px;
}

#home .right-col img {
	display: block;
}

#home #intro {
	width: 365px;
	margin: 0 auto;
}

#home #intro p {
	color: #fff;
	line-height: 20px;
	margin: 11px 0 15px 0;
}

#home #intro p a {
	color: #ffbb27;
}

#home #callouts {
	margin: 0 0 0 73px;
	padding-top: 25px;
	position: relative;
}

#home #callouts .callout {
	background: url('../images/wrapper/homepage-callout-bg.gif') 0 0 no-repeat;
	width: 371px;
	height: 89px;
	margin-bottom: 22px;
}

#home #callouts .callout img {
	display: block;
}

#home #callouts .callout p {
	padding: 20px 0 0 103px;
}

#home #callouts .callout p.stop {
	padding: 29px 0 0 97px;
}

#home #callouts .callout p.on-site {
	padding: 17px 0 0 103px;
}

#home #callouts #beer-glass {
	display: block;
	position: absolute;
	top: -8px;
	left: -120px;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link {
	outline: none;
	color: #497c33;
}

a:focus {
	outline: none;
	color: #497c33;
}

a:hover {
	outline: none;
	color: #000000;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#main-content p {
	line-height: 16px;
	margin: 0 0 18px 0
}

#main-content #text-content h1 {
	color: #497c33;
	font-size: 22px;
	margin: 0 0 16px 0;
}

#main-content #text-content h2 {
	color: #434343;
	font-size: 13px;
	margin: 0 0 15px 0;
}

#main-content #text-content h2.guarantee {
	color: #434343;
	font-size: 26px;
	margin: 0;
}

#main-content #text-content h3 {
	color: #434343;
	font-size: 13px;
	margin: 0 0 15px 0;
	weight: bold;
}

#main-content .opening-text {
	color: #be5500;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 18px 0;
}

/* =Lists
--------------------------------------------------------------------------------------------------- */
#main-content #text-content ul {
	margin: 0 0 18px 18px;
}

#main-content #text-content ul li {
	background: url('../images/wrapper/list-bullet.gif') 0 7px no-repeat;
	line-height: 18px;
	padding-left: 12px;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-bg.jpg') 0 0 no-repeat;
	height: 47px;
	margin: 25px 0 0 0;
}

#footer p {
	float: right;
	color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 15px 19px 0 0;
}

#footer p a {
	color: #ffa627;
	text-decoration: none;
	margin-left: 30px;
}

#footer p a:hover {
	text-decoration: underline;
}

/* =Newsletter
---------------------------------------------------------------------------------------------------- */
#newsletter {
	background: #f1f1f1;
	font-size: 14px;
}

#newsletter #newsletter-wrapper {
	padding: 15px;
}

#newsletter p {
	margin-bottom: 1em;
}

#newsletter label {
	clear: left;
	float: left;
	display: block;
	color: #488230;
	font-weight: bold;
	line-height: 35px;
	margin-bottom: 15px;
	width: 110px;
}

#newsletter input.text {
	float: right;
	border: 1px solid #d9d9d9;
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 14px;
	padding: 8px 5px;
	width: 255px;
	margin-bottom: 15px;
}

#newsletter input.submit {
	clear: both;
	float: right;
	margin-bottom: 10px;
}

#newsletter p.disclaimer {
	color: #595858;
	font-size: 12px;
	clear: right;
	float: right;
}

#newsletter #body {
	padding: 15px;
}


/* =sIFR
---------------------------------------------------------------------------------------------------- */

/* Do not alter this CSS */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}