/*****

Manitoba Sector Training Network (mstn.ca)
Author: Steve Melnyk, 2007
Web: http://www.smdesign.ca/

*****/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
margin:0;
padding:0;
}


a img {
	border: none;
	}

body {
	position: relative;
	
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;

	background: #FBF5D5 url(/img/bg-main.gif) repeat-x left top;
	}

html>body {
	font-size: 12px;
	}
	

	


#page {

	width: 724px;
	margin: 0 auto;
	text-align: center;

	}
	
	
	
	
#header {
	position: relative;
	width: 724px;
	height: 109px;
	background: transparent url(/img/bg-head.gif) no-repeat center top;
	}
	


	
#feature {
	text-align: left;
	margin: 0 auto;
	width: 714px;
	height: 211px;
	position: relative;	
	overflow: hidden;

	}

#feature span {
	background: transparent url(/img/bg-feature.jpg) no-repeat center top;
 }
	
	
 #header span, #toc h2 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
 }
 
 
 
 
 #main {	
 	background: transparent url(/img/bg-content.gif) repeat-y center top; 
 }
 #main #main-1 { 
 	background: transparent url(/img/bg-content-top.jpg) no-repeat 0 0; 
	}
 #main #main-2 {
	text-align: left;
	padding: 24px 45px 10px 45px; 
 	background: transparent url(/img/bg-content-bottom.jpg) no-repeat center bottom;
	}	
	

	
 
 
 #toc {
	text-align: left;
 	background: transparent url(/img/bg-brown.gif) repeat-y center top; 
 }
 #toc p {
 	padding: 10px 10px;
	margin: 0;
 	font-size: 11px;
	color: #1A1F25;
	line-height: 18px;	
	}
 #toc #toc-top {
 	background: transparent url(/img/bg-brown-top.jpg) no-repeat center top; 
	}
 #toc #toc-bottom {
 	background: transparent url(/img/bg-brown-bottom.jpg) no-repeat center bottom; 
	}	


	#toc-wrap {	padding: 9px 0 0 43px; }
	#toc-box { float: left; width: 194px; background: url(/img/bg-toc.gif) repeat-y center top; margin-right: 27px; margin-bottom: 30px;}
	#toc-box.last { margin-right: 0; }
	#toc-box-bottom { background: url(/img/bg-toc-bottom.jpg) no-repeat center bottom; }
	
	h2.toc-1 { background: url(/img/toc-ourdrinks.jpg) no-repeat 0 0; }
	h2.toc-2 { background: url(/img/toc-ourstory.jpg) no-repeat 0 0; }
	h2.toc-3 { background: url(/img/toc-wheretobuy.jpg) no-repeat 0px 0; }	

	#toc-box h2 a { display: block; height: 142px; width: 195px;}





#footer {
	height: 191px;
	background: url(/img/bg-footer.gif) no-repeat center top;
	}

#footer p {
	text-align: left;
	margin: 0;
	padding: 0;
	padding-left: 50px;
	padding-top: 141px;
	margin-right: 15px;
	color: #fff;
	font-size: 10px;
	}
#footer a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	}
#footer a:hover {
	color: #fee;
	}




#topnav {
	width: 200px;
	float: right;
	margin-left: 15px;
			text-align: left;

	}

	#topnav ul {
		list-style-type: square;
		margin: 0;
		padding: 0;
		padding-top: 140px;
		}

	#topnav ul li {
		list-style-type: square;
		float: left;
		width: 100px;
		padding: 0;
		margin: 0;
		text-align: left;
		color: #8A0404;
		}
		
	#topnav ul li a {
		text-transform: uppercase;
		font-size: 11px;
		white-space: nowrap;
		text-decoration: none;
		color: #8A0404;
		padding-bottom: 1px;
		border-bottom: 1px solid #8A0404;
		}
		
	#topnav ul li a:hover {
		color: #ca0404;
		border-bottom: 1px dotted #ca0404;	
		}





/***

 Main menu

***/

/* navigation elements */
#nav {
	position: absolute;
	top: 40px; left: 0;
	height: 55px; width: 450px;
	}

#nav ul {
	position: relative;
	height: 55px; width: 450px;
	}

	#nav ul li {
		float: left;
		list-style: none;
		}
	
	#nav ul li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none;
		border-top: 7px solid #545E69;
		top: 0; height: 36px;
		background-repeat: no-repeat;
		background-position: 0 10px;
		}

	#nav ul li#nav-home a { left: 57px; width: 46px;  background-image: url(/img/nav-home.gif); }
	#nav ul li#nav-drinks a { left: 153px; width: 82px;  background-image: url(/img/nav-drinks.gif); }
	#nav ul li#nav-story a { left: 468px; width: 74px;  background-image: url(/img/nav-story.gif); }
	#nav ul li#nav-where a { left: 575px; width: 109px;  background-image: url(/img/nav-where.gif); }


	
	#nav ul li a:hover  { border-color: #b9b9c3;  } 
	#nav ul li a.current { /*background-position: -134px 10px;*/ border-color: #B5E85D; }
	#nav ul li a.current:hover {	 border-color: #B5E85D; }



/***

Headers

***/

#content h1 {
	overflow: hidden;	
	position: relative;
	left: -2px;
	margin-bottom: 12px;
	margin-top: 15px;
	height: 46px;	
	}
	
#h-where {	width: 224px;	}
#h-drinks {	width: 182px; }
#h-story {	width: 155px; }
#h-contact {	width: 135px; }
#h-sitemap {	width: 170px; }
	
#h-where span { background: url(/img/h-where.jpg) no-repeat 0 0; }
#h-drinks span { background: url(/img/h-drinks.jpg) no-repeat 0 0;}
#h-story span { background: url(/img/h-story.jpg) no-repeat 0 0; }	
#h-contact span { background: url(/img/h-contact.jpg) no-repeat 0 0; }	
#h-sitemap span { background: url(/img/h-sitemap.jpg) no-repeat 0 0; }	


/***

Content / Typography

***/

#content {
	min-height: 200px;
	padding-bottom: 10px;
	}

#content a, #news a {
	color: #0055A6;
	
	}
#content a:hover, #news a:hover {
	color: #000;
	}

p {
	line-height: 1.5em;
	font-size: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;	
	}

#content ul li {
	line-height: 1.5em;
	}

#content ul {
	margin: 25px 40px;
	}
	
ul#sitemap li {
	padding-bottom: 17px;
	}

ul#sitemap a {
	font-weight: bold;
	font-size: 1.2em;
	}

	
h2 {
	font-size:1.6em;
	line-height: 1.286em;
	margin-top: 1.729em;
	margin-bottom: 0.343em;
	}

#toc h2 {
	margin: 0;
	}

	
a.readmore, #content a.readmore {
	text-transform: uppercase;
	font-size: 11px;
	white-space: nowrap;
	text-decoration: none;
	color: #8A0404;
	padding-bottom: 1px;
	border-bottom: 1px solid #8A0404;
	}

a.readmore:hover {
	color: #ca0404;
	border-bottom: 1px dotted #ca0404;
	}


.events, blockquote {
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	}

.events p {
	margin-top: 30px;
	}
	
p.footnote {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #885;
	}
	
ul#flavours {
	margin-top: 30px;
	padding-left: 0;	
	margin-left: 20px;
	list-style: square;
}	

ul#flavours li {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.7em;
	}


img.drinkphoto {
	float: right;
	margin-left: 20px;
	padding-top: 15px;
	}





#news {
	padding: 0 45px 30px 45px;
	}

.news-item {
	background: #c8c087;
	padding: 10px 10px 10px 45px;
	margin-bottom: 10px;
	}



.news-item#award {
	background: #c8c087 url(/img/trophy.png) 9px center no-repeat;
	}

.block-item {
	background: #c8c087;
	padding: 10px 10px 10px 45px;
	margin: 0 25px 30px 15px;
	}




/***

Misc

***/

.clear {
	clear: both;
	height: 0;
	}
	
.img-r {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	}
	
.ir {  /* image replacement */
	position: absolute;
	height: 100%;
	width: 100%;
	}





/***

Where to Buy

***/



.where-events {
	border: 1px solid #999;
	background: #f3eac6;
	padding: 15px 15px 0 15px;
	margin-bottom: 20px;
	}

	.where-events ul li {
	
		font-size: 11px;
		padding-bottom: 30px;
	
	}


.where h2.country {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", serif;
	margin: 0;
	padding: 6px 10px;
	background: #dd2b26 url(/img/bg-red.jpg) left bottom repeat-x;
	color: #fff;
	border: 1px solid #900;
	border-bottom-color: #600;
	}	

	.where-country {
		border: 1px solid #999;
		border-top: none;
		background: #f3eac6;
		padding: 15px 15px 0 15px;
		margin-bottom: 20px;
	}

	.where .where-country h3 {
		
		font-size: 11px;
		border: 1px dotted #b6a667;
		border-bottom: none;
		width: 30%;
		padding: 5px 10px;	
		text-transform: uppercase;
		color: #4e482f;
		background: #d6c88f;
	}
	
	#content .where-province {
		background: #e9deb3;
		border: 1px dotted #b6a667;
		padding: 5px;
		margin-bottom: 20px;
		}
	
	#content .where-province ul {
		list-style-type: square;
		margin: 10px 0 10px 20px;

		}
	
	#content .where-province ul li {
		font-size: 11px;
		margin: 10px 0;
		padding: 0 0px;
		}

	
	#content .where-province ul li ul {
		list-style-type: disc;
		}
	
	#content .where-province ul li li {
		margin: 0 0 .8em 0;

		}
	
	
#content .where-province h4 {
	margin-top: 20px;
	margin-left: 5px;
	font-size: 12px;
	color: #4e482f;
	border-bottom: 1px dotted #b6a667;
	padding-bottom: 3px;
	}


.col2-1 {
	width: 260px;
	float: left;
	display: block;
	/*margin-left: 10px;*/
	}

.col2-2 {
	width: 270px;
	float: right;
	display: block;
	/*margin-right: 10px;*/
	}


	.where-province .col2-1 { width: 260px; margin-left: 10px; }
	.where-province .col2-2 { width: 260px; margin-right: 10px; }

	.recipes .col2-1 { margin-left: 40px; }
	.recipes .col2-2 { margin-right: 20px; }
	

.col3-1 {
	width: 200px;
	margin-right: 15px;
	float: left;
}

.col3-2 {	

	width: 200px;
	margin-right: 15px;
	float: left;
}

.col3-3 {	

	width: 203px;
	float: left;
}



.recipes {
	font-size: 0.916em;
	}
	
	.recipes p {

		}



/***

Contact Form

***/

#address {
	margin: 20px;
	padding: 5px 0 5px 20px;
	border-left: 1px dashed #ccc;

	}
#address p {
	margin: 0;
	padding: 0 0 20px 0;
	}

#address td.phone {
	padding-bottom: 5px;
	font-size: 12px;
	}

form {
	margin-top: 25px;
	margin: 25px 30px 10px 30px;
	padding: 15px 10px 0 10px;
	border-bottom: 3px solid #989067;
	border-right: 3px solid #989067;
	border-top: 3px solid #C8C08b;
	border-left: 3px solid #C8C08b;	
	background: #FbF4b7;
	}

form #comments {
	width: 100%;
	}
	

form .btn-save {
	font-size: 16px;
	padding: 3px 0;
	}

.error {
	font-weight: bold;
	font-size: 1.2em;
	color: #c00;
	}

.msg {
	font-weight: bold;
	font-size: 1.2em;
	color: #393;
	}
	
	
	
	
	
	

/***

	Counter
	
***/
	
	
#counter {
	color: #9E945C;
	font-size: 11px;
	}

#counter span {
	font-weight: bold;
	background: #9E945C;
	color: #fff;
	letter-spacing: 2px;
	padding: 1px 1px 1px 3px;
	font-size: 10px;
	}