/* @group Imports */

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

/* @end */

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

#body-news .first-item { padding: 0 !important; }

/* @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; text-align: }
body p {text-align: justify;}
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; line-height:48px; }
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; position: relative; top: 0; left: 0;}
#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;}
#social-icons {position: absolute; top: 105px; right: 0; width: 800px; text-align: right; margin-right: 50px;}
#social-icons img { float: right; margin-left: 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;}


.strike {text-decoration: line-through;}
/* @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 */


#body-help #content-container, #body-staff #content-container {
	margin: 30px auto;
	width: 640px;
	text-align:center;
}

#body-help #media, #body-staff #media {
	margin: 30px auto;
}

#seo-text {
	position: absolute; top: 1340px; left: 50px;
	width: 800px;
	text-align: justify;
	color: #aaa;
	padding-bottom: 50px;
}

#staff_bottom_half	{position: relative; top: 0; left: 0;}
#staff_bottom_half_left {width: 70%;}

#staff_bb_logo {position: absolute; top: 0px; right: 20px;}
#staff_b1_logo {position: absolute; top: 80px; right: 20px;}


#body-blog #content-container p {margin: 5px 0 15px; font-size:16px; line-height:24px;}


#body-media h2 {margin-top: 50px;}
#body-media #video_list li {margin-bottom: 100px;}
#body-media #media_sources {display: block; height: 65px;}
#body-media #media_sources li {float: left; margin-left: 2px;}

#video_list a {display: block; width: 640px;}
#hiring_requirements, .list {list-style: disc; margin-left: 20px;}
#hiring_requirements li, .list { margin-left: 20px;}
.quote {text-align: center; font-style: italic; }