/* @group Imports */

@import url("reset.css");
@import url("default.css");

/* @end */

/*
Site Colours
---------------------------
Blue				#00213b
HR Blue				#4d6476
Orange				#deb408
gray font			#cbcbcb
---------------------------
*/

/* @group Site Specific Shortcuts */
.mt{margin-top:15px;}
.mt10{margin-top:10px;}
.mb{margin-bottom:15px;}
/* @end */

/* @group Elements */
body {background:#00213b url('../images/header_bg.png') no-repeat center 0; line-height: 16px; color:#fff; font-size:12px; font-family:'Trebuchet MS', "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
strong, em, b, i { font-family: 'Trebuchet MS', "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, address 
{ 
	/* set this to fix "lucinda san unicode" issue with bold font-weight */
    font-family: 'Trebuchet MS', "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#deb408;
}
h1 {font-weight: bold; font-size:28px;}
h2 {clear: right; margin:0px 0 20px 0; font-size: 18pt; line-height:27px;}
h3 {margin: 0 0 10px; font-size: 18px;}
a {color:#deb408; text-decoration: none;}
a:hover {text-decoration: underline;}

input[type='text'], input[type='password'], select {width: 175px; margin: 5px 0;}
input[type='submit'] {margin: 15px 0 0px;}
textarea {margin: 5px 0;}
ul {margin: 10px 0;}
/* @end */


/* @group Structure */
#skip {display:none;}
#container {width: 900px; margin: 0 auto; border: 0px solid red;}
#header {position: relative; width:900px; height:225px; padding: 0;}
#header #banner {height: 160px; width: 960px;}
#mailing-list {position: absolute; top: 110px; right: 55px; width: 190px;}
#mailing-list input[type='text']{width: 125px; margin:0; display:inline;}
#mailing-list input[type='submit'] {margin: 1px 0 0 10px;}

label {display:block;}

#footer {width: 800px; margin: 0px 0px 50px 50px; padding:10px 0 0 0; border-top: 1px solid #4d6476; font-size: 10px; line-height: 12px;}
#footer a {color:#cbcbcb; text-decoration:none;}
#footer a:hover{text-decoration: underline;}
#footer #privacy{text-decoration: underline;}
/* @end */

/* @group Content */
#content-container {padding: 0px 50px; min-height: 300px; overflow:hidden}
#content-container p {margin: 5px 0 15px; font-size:12px; line-height:18px;}
#content-container #content-left {float: left; width: 550px; margin-bottom: 20px;}
#content-container #content-left img {float:left; margin: 0px 6px 15px 0;}
#content-container #content-right {width: 160px; margin-bottom: 10px;}
#content-container #content-right img {margin: 10px 0 0 0;}
#content-container #content-right p {font-size: 14px;}
#content-container #content-right .separator {margin:20px 0 20px 1px;}

#body-home #content-container {min-height: 498px; background:#00213b url('../images/home_body_bg.png') no-repeat right 0;}
#body-home #content-bottom {height: 160px; width: 800px; background:#00213b url('../images/home_footer_bg.jpg') no-repeat; border-top: 1px solid #4d6476; }
#home-certified-establishments-link, #home-why-better-beer-link {height: 160px; width: 380px;}

#body-contact-us #content-container #content-left {width: 400px; padding: 0 0 15px;}
#body-contact-us #content-bottom {width: 800px; padding: 5px 0 15px 0; border-top: 1px solid #4d6476; font-size: 14px; overflow:hidden;}
#body-contact-us #content-bottom p {font-size: 14px;}
#body-contact-us #content-bottom img {position:absolute; bottom: 0; left: 0;}

#contact-us-establishment-link, #contact-us-question-link, #contact-us-forgot-password {position:relative; height: 190px; width: 250px; border:0px solid red;}
#contact-us-establishment-link {padding: 0 15px 0 0;}

#body-why-better-beer #content-container #content-left {width: 630px;}
#body-why-better-beer #content-container #content-left img {border: 2px solid #fff;}
#body-why-better-beer #content-container #content-left #certified {height: 310px; width:410px; margin: 0 0 20px;}

#body-audit-process #content-container #content-left {width: 620px;}
#body-audit-process #content-container #content-left h3 {margin: 0 0 0px;}

#body-audit-process #audit-content {width: 480px;}
#body-audit-process #audit-content-right {width: 160px;}
#body-audit-process #content-container #content-left img {margin: 0px 5px 0 15px;}

#body-news .newsletter-container {padding: 20px 0 0 0; border-top: 1px solid #cdcdcd;}
#body-news .newsletter-details {margin: 0 0 0 10px; width: 300px;}
#body-news .first-item {border-top: 0px solid #cdcdcd;}

#body-suggest textarea {height:150px; width:320px;}

#sidebar-newsletter {width: 150px;}

.col  {width: 300px;}
#gta-map {height:376px; width: 640px;}
#gtamap { height:520px;	width:600px;}
#clickonaregion { bottom:60px;	position:absolute; right:120px;	}
.establishments {margin: 10px 0; font-size: 12px;}
.establishment-logo {width: 180px;}
.establishments li {margin: 5px 0 8px;border-top:1px dotted #2E506B;padding:10px 0 0;}
.establishments li div {margin-bottom:3px;}

.patio_div {margin-top: 10px; width: 250px;}
.patio_text{padding-top: 15px;}
/* @end */

/* @group Navigation */
#nav {position: absolute; right: 50px; top: 62px; height: 30px; margin: 0; border-bottom: 0px solid #f60;}
#nav li {float:left;}
#nav li a {display:block; padding: 10px 5px 10px; background: url(../../images/menu_bg01.jpg) repeat-x; 
	color: #cbcbcb;	font-size: 13px; font-weight:bold;
	font-family: 'Trebuchet MS', "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1pt; text-decoration:none; text-transform: uppercase; text-align: center;}
#nav li div:hover a, #nav li:hover a, #nav li.selected a {color:#deb408;}
#nav li.last-item a {padding-right: 0;}
/* @end */

/* @group Secondary Navigation */
#secondary-nav {position: absolute; right: 50px; top: 0px; height: 30px; margin:0;}
#secondary-nav li {float:left;}
#secondary-nav li.last-item a {padding-right: 0;}
#secondary-nav li a {display:block; padding:18px 10px 0; font-size: 10px; text-decoration:none; text-transform: uppercase; color:#cdcdcd;height:25px;}
#secondary-nav li div:hover a, #secondary-nav li:hover a, #secondary-nav li.selected a {color:#deb408;}
/* @end */
/* @group User Feedback */

.error_msg{min-height:12px;color:#fff;margin:0 0 20px 0;}
.error_msg strong {color:#deb408;}
.error_msg ul {list-style-type:disc;display:block;margin:3px 0 0 16px;}
.error_msg ul li {padding:3px 0 0 0;}

/* @end */