/*========================
Cascading Style Sheets
for Belgium Beer Cafe
belgian-beer-cafe.com.au

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
body {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../_images/layout/bg-body.jpg);
	margin:5px 0 0;
	color:#787878;
	line-height:16px;
}
p {margin:0;padding:0 0 10px;}
a:link, a:visited {color:#6E1A03;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
ul, ol {margin:0;padding:0 15px;}
li {padding:0;margin:0;}
table {border-collapse:collapse;padding:0;width:100%;}
td, th {vertical-align:top;padding:3px;}
th {text-align:left;font-weight:700;}
iframe {border:solid 1px #ccc;}
blockquote {margin:10px 40px;font:700 italic 12px Georgia,"Times New Roman",Times,serif;}
a img {border:none;}

.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.top {
	float:right;
	padding:0 9px 0 0;
	margin:0 45px 0 0;
	background:url(../_images/layout/arrow-top.png) no-repeat right 5px;
}

/*====Headings===*/
h1 {
	margin:0;
	font-size:11px; /*add font size to bg height below +2px*/
	color:#6E1A03;
	font-weight:100;
}
h1 a {
	display:block;
	background-position:bottom;
	background-repeat:no-repeat;
}
h1 a:hover, h1 a:active {
	display:block;
	background-position:bottom;
	background-repeat:no-repeat;
	text-decoration:none;
}
h1.balmain-lge a {
	background-image:url(../_images/headings/balmain-lge.png);
	width:139px;
	height:46px;
}
h1.heritage-lge a {
	background-image:url(../_images/headings/heritage-lge.png);
	height:46px;
	width:155px;
}
h1.epoque-lge a {
	background-image:url(../_images/headings/epoque-lge.png);
	height:46px;
	width:143px;
}
h1.balmain-sml a {
	background-image:url(../_images/headings/balmain-sml.png);
	height:30px;
	width:73px;
}
h1.heritage-sml a {
	background-image:url(../_images/headings/heritage-sml.png);
	width:73px;
	height:30px;
}
h1.epoque-sml a {
	background-image:url(../_images/headings/epoque-sml.png);
	width:73px;
	height:30px;
}
h1 span {
	visibility:hidden;
}
h2 {
	margin:0;
	padding:10px 0;
	font:100 17px "Myriad Pro", "Trebutchet MS", Helvetica, sand-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#E03127;
}
h3 {
	margin:0;
	color:#6E1A03;
	font-size:12px;
}
#int h3 {
	margin:5px 0;
}
h4 {
	margin:0;
	padding:5px 0;
	font:100 20px "Myriad Pro", "Trebutchet MS", Helvetica, sand-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#E03127;
}
h5 {
	margin:0;
	padding:5px 0;
	font:100 13px "Myriad Pro", "Trebutchet MS", Helvetica, sand-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#E03127;
}
h6 {
	font-size:11px;
	margin:5px 0;
}

/*====Layout====*/
#frame-wrap {
	width:1032px;
	margin:0 auto;
	position:relative;
}
#outter-wrap {
	margin:0 auto;
	width:988px;
	background:url(../_images/layout/bg-body-grey.jpg) repeat;
	border:solid 1px #fff;
	position:relative;
}

#outter-wrap-trans {
	background:url(../_images/layout/yellow-gradient.png) repeat-x bottom;
}

#followus-wrap {
	margin:0 auto;
	width:988px;
	position:relative;
	text-align:right;
}

#inner-wrap {
	margin:50px auto 0;
	width:802px;
	background:url(../_images/layout/bg.png) repeat-x 0 105px;
	border:solid 2px #fff;
	border-top-color:#ECECED;
	padding:0 0 165px;
	position:relative;
}
#logo {
	position:absolute;
	left:100px;
	top:16px;
	background:url(../_images/layout/bbc-logo.png) no-repeat;
	width:197px;
	height:201px;
	z-index:100;
}
#logo h1 a {
	display:block;
	width:197px;
	height:135px;
}
#logo h1 span {
	display:none;
}
#header {
	height:103px;
	padding:4px 0 0 222px;
	background:url(../_images/layout/bg-header.png) no-repeat;
}
#current-store {
	width:387px;
	float:left;
}
#other-stores {
	float:left;
	margin:10px 0 0;
	width:182px;
}
#other-stores h1 {
	float:left;
	padding:0 9px;
}
#contentWrap {
	margin:0 auto;
	width:762px;
}
#contentTop {
	background:url(../_images/layout/bg-contentTop.png) no-repeat;
	height:12px;
}
#contentBottom {
	background:url(../_images/layout/bg-contentBottom.png) no-repeat;
	height:46px;
}
#content {
	margin-top:-1px;	/*ie6 fix*/
	background:url(../_images/layout/bg-content.png) repeat-y;
	padding:0 22px;
	overflow:hidden;
}
html>body #content {
	margin-top:0;		/*reset fix*/
}
.headerImg {
	margin:0 auto;
	display:block;
}
#text {padding:2px 8px 0;}
#bottomFrame {
	position:absolute;
	bottom:-26px;
	background:url(../_images/layout/bottom-frame.png) no-repeat;
	height:204px;
	width:1032px;
	z-index:100;
	text-align:center;
}
#bottomFrame div {
	padding:99px 0 0 0;
	color:#424242;
}
#yellowGradient {
	position:absolute;
	bottom:0;
	background:url(../_images/layout/yellow-gradient.png) repeat-x;
}
#pageFooter {
	color:#B78D72;
	margin:0 auto;
	width:988px;
	padding:25px 0;
	text-align:center;
	position:relative;
}
#pageFooter a:link, #pageFooter a:visited {color:#B78D72;}
#pageFooter .cstech {
	position:absolute;
	top:-22px;
	right:-44px;
	display:block;
	width:132px;
	height:13px;
}

/*====Homepage/Internal Pages====*/
#homep #header {
	background:transparent url(../_images/layout/bg-header-home.png) no-repeat;
	height:120px;
	padding:0;
	margin-bottom:5px;
}
#int #header {
	background:transparent url(../_images/layout/bg-header-home.png) no-repeat;
	height:104px;
}
#homep #locations {
	padding:5px 0 0 310px;
}
#locations {
	overflow:hidden;
	padding-top:5px;
	padding-left: 100px;
}
#locations h4 {
	margin-left:0px;
	padding-bottom:0;
}
#locations h1 {
	margin-bottom:10px;
}
.site {
	float:left;
	color:#424242;
	width:193px;
}
#homep .site {
	width:200px;
}
.site a {
	color:#ff0000;
	font-weight:700;
}
#homep .mainImg {
	background:url(../_images/layout/bg-mainImg-home.png) no-repeat;
	width:716px;
	height:283px;
	padding:14px 17px;
}
#homep .mainImg2 {
	background:url(../_images/layout/bg-mainImg-home2.png) no-repeat;
	width:716px;
	height:380px;
	padding:14px 17px;
}
#homep #inner-wrap {
	padding-bottom:97px;
}
.address {
	margin:0 0 20px;
	float:left;
	width:336px;
}

/*====Main Navigation====*/
#mainNav {
	margin:0;
	padding:0;
	position:absolute;
	right:100px;
	top:25px;
}
#mainNav li {
	list-style-type:none;
	padding:0;
	margin:0 15px;
	float:left;
}
#mainNav li a {
	display:block;
	height:15px;
	background-position:0 0;
}
#mainNav li a:hover, #mainNav .active a {background-position:0 -15px;}
#mainNav li a span {display:none;}
#mainNav #joinOnTap a {
	background-image:url(../_images/mainNav/j.png);
	width:72px;
}
#mainNav #home a {
	background-image:url(../_images/mainNav/h.png);
	width:34px;
}
#mainNav #about a {
	background-image:url(../_images/mainNav/a.png);
	width:57px;
}
#mainNav #recruitment a {
	background-image:url(../_images/mainNav/r.png);
	width:79px;
}
#mainNav #links a {
	background-image:url(../_images/mainNav/f.png);
	width:65px;
}
#mainNav #contact a {
	background-image:url(../_images/mainNav/c.png);
	width:70px;
}

#mainNav #facebook a {
	background-image:url(../_images/mainNav/facebook.png);
	width:51px;
}

/*====Secondary Navigation====*/
#secondNav {
	margin:19px 0 0;
	padding:0;
	height:30px;
}
#secondNav li {
	list-style-type:none;
	padding:0;
	margin:0 10px 0 0;
	float:left;
	height:24px;
}
#secondNav li a {
	display:block;
	height:15px;
	background-position:0 -15px;
}
#secondNav li a span {display:none;}
#secondNav .last {margin-right:0;}
#secondNav li a:hover, #secondNav .active a {
	background-position:0 0;
}
#secondNav #food a {
	background-image:url(../_images/secondNav/food.png);
	width:59px;
}
#secondNav #beer a {
	background-image:url(../_images/secondNav/beer.png);
	width:57px;
}
#secondNav #wine a {
	background-image:url(../_images/secondNav/wine.png);
	width:59px;
}
#secondNav #functions a {
	background-image:url(../_images/secondNav/functions.png);
	width:55px;
}
#secondNav #pictures a {
	background-image:url(../_images/secondNav/pictures.png);
	width:46px;
}
#secondNav #contacts a {
	background-image:url(../_images/secondNav/contacts.png);
	width:51px;
}
#secondNav #booking a {
	background-image:url(../_images/secondNav/booking.png);
	width:44px;
}

#secondNav #cycling a {
	background-image:url(../_images/secondNav/cycling.png);
	width:77px;
}

/*====Beers====*/
.item {
	height:113px;
	padding:0 0 15px 0;
}
.picture {
	border:solid 1px #E8E8E8;
	height:113px;
	width:113px;
	float:left;
}
.picture img {
	height:113px;
	margin:0 auto;
	display:block;
}
.description {
	margin:0 0 0 15px;
	float:left;
	text-align:justify;
	width:555px;
}
.alc {color:#6E1A03;}
#paddle .picture {width:200px;}
#paddle .picture img {width:200px;}
#paddle .description {width:465px;}

/*====Tables====*/
.food td {width:33%;}
.food img {padding:1px;border:solid 1px #ccc;margin:2px 0;}
.doubles {float:left;width:350px;}
.wine .name {width:350px;}

/*====Site Landing Page====*/
.mainImg {
	background:url(../_images/layout/bg-mainImg.png) no-repeat;
	height:234px;
	padding:10px 23px 47px;
}
.box {
	background:url(../_images/layout/bg-box.png) no-repeat;
	width:335px;
	height:157px;
	float:left;
	padding:13px;
	color:#000;
	margin:0 10px;
	display:inline;
}
.box img {float:left;padding:0 20px 0 0;}
.box a {color:#E03127;text-decoration:underline;}
.box a:hover {text-decoration:none;}
.box ul#promos {padding:0;}
.box ul#promos li {list-style-type:none;width:100%;display:none;}

.box ul#promos2 {padding:0;}
.box ul#promos2 li {list-style-type:none;width:100%;display:none;}

/*====Gallery====*/
.gallery img {
	margin:8px;
	padding:1px;
	width:150px;
	height:150px;
}
.gallery a img {
	border:solid 2px #6E1A03;
}
.gallery a:hover img {
	border:dashed 2px #6E1A03;
}

/*====Form====*/
form {padding-left:10px;}
form span {color:#FF0000;}
form .row {
	padding-top:3px;
	padding-bottom:3px;
	width:560px;
}
form label {
	width:185px;
	float:left;
	font-weight:bold;
	padding-top:2px;
}
form .textbox {width:200px;}
form #center {text-align:center;width:320px;}
form .button {margin:2px;padding:2px;}
form input, form textarea, form select {
	background:url(../_images/layout/bg-input.gif) no-repeat scroll left top;
	border:1px solid #AAAAAA;
	width:200px;
	font:12px Tahoma, Verdana, sans-serif;
	padding:2px;
}
form textarea {height:80px;}
form input:focus, form textarea:focus, form select:focus {border:1px solid #6E1A03;}
form .button {width:70px;}
form .button:active {background:url(../_images/layout/bg-input.gif) no-repeat scroll left bottom;}
/*Message Styles*/
.LV_validation_message{font-weight:bold;margin:0 0 0 5px;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:#CC0000;}
.LV_valid_field,
input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #00CC00;}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px solid #CC0000;}