/*This style sheet was created by Apropel Communications Inc.
copyright 2007*/

/*
* Chrome CSS Drop Down Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
*/


html {margin:0;padding:0;font-size: 100%;}

body{
	color:#575757;
	font:.8em Lucida,Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background: #2e2b2c url(../_images/wrapper2_bg.gif) repeat-x;;
	background-repeat: 
}


#outer-wrapper {
	margin:0;
	padding:0;
	background-image: url(../_images/wrapper2_bg.gif);
	background-repeat: repeat-x;
}

#container{
margin:0 auto;
padding: 0;
text-align:left;
width: 770px;
font-size: 1.0em;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

#header {
	position:relative;
	margin: 0;
	width: 775px;
	height: 145px;
}

#logo{
float:left;
text-align:center;
height: 100px;
width:170px;
margin:20px 0 0 0;
padding:7px 0 0 2px;
}

#logo a img {
text-decoration:none;
border:none;
}

#banner {
float:left;
text-align:left;
background:url(../_images/calgary_skyline.jpg) bottom left no-repeat;
margin:0;
padding:0;
height: 140px;
width: 600px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START OF TOP NAV XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#navbar {
	background: transparent;
	height: 32px;
	width: 770px;
	margin: 0;
	padding: 0em;
} 
  
.chromestyle{
width: 585px;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
background-color:transparent;
padding: 8px 3px 6px 180px;
margin: 0 0;
font-family: Georgia, "Times New Roman", serif;
font-variant: small-caps;
text-align: left; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px #9e1a1a solid; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: transparent center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:link.current, #navbar ul li a:visited.current {
color:#d8d0d0;
}


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;							/*  background: url(../_images/menu-bg.png) center center repeat-x; */
background-color:#ee2e24;
width: 250px;
visibility: hidden;
padding-top: 8px;
padding-bottom: 8px;}


.dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #c62a21; /*THEME CHANGE HERE*/
	padding: 4px 2px 4px 19px;
	margin-left:5px;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	font-family: Lucida, Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	background-image: url(../_images/menu-bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.dropmenudiv a.last {
border-bottom:none;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #c62a21;
	color: #fff;
	font-weight:bold;
	background-image: url(../_images/menu-bullet.gif);
}
	
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxXXXX    END OF TOP NAV    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */




/* XXXXXXXXXXXXXXXX    START - WRAPPER, POSITIONAL DIVS, COMMON STYLES    XXXXXXXXXXXXXXXXXX*/

#wrapper{
background: #f3dfc0 url(../_images/craft.gif) repeat;   /* content backgound */
height: 100%;
width: 770px;
margin: 10px 0 0 0;
border-bottom: none;
padding: 0em;
}

#content {
float:right;
width:581px
}

#content-prod {
float:right;
width:581px
}

#leftside{
float:left;
width:189px;
}

#border {
background: #231f20 url(../_images/6_crest_banner.gif);
clear:both;
margin: 0em;
padding: 0em;
height: 100px;
}
		
#border h1 {
font-family: Georgia, "Times New Roman", serif;
color: #fff3b5;
text-align: center;
font-size: 1em;
font-weight: bold;
margin: 0em;
padding: 0em;
}

#border p {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
text-align: center;
color: #fff3b5;
font-weight: bold;
margin: 0em;
padding: 0em;
}

#border a {
text-decoration: none;
}	

.sample-right {
float: right;
width: 100px;
margin: 0em 8px 5px 10px;
padding: 4px;
font-family: tahoma, arial, helvetica, sans-serif;
color: #f5f7de;
text-align: left;
}

.sample-centre {
margin: 10px auto;
padding: 4px;
font-family: tahoma, arial, helvetica, sans-serif;
color: #f5f7de;
text-align: center;
}

.sample-left {
float: left;
width: 100px;
margin: 0em 8px 5px 10px;
padding: 4px;
font-family: tahoma, arial, helvetica, sans-serif;
color: #f5f7de;
text-align: left;
}

#content a {
color: #e12e29;
}

#content ol {
margin:-.5em 0 0 0;
}

#content ol li {
	padding-left: .5em;
}

.pink {
color: #ee8669;
font-weight: bold;
}

.red {
color: #9d201d;
font-weight: bold;
}

.clear-float {
clear: both;
margin: -1em 0;
padding: 0;
}

.clear-top {
clear: top;
}

/* XXXXXXXXXXXXXXXX   END - WRAPPER, POSITIONAL DIVS, COMMON STYLES    XXXXXXXXXXXXXXXXXX*/



/* XXXXXXXXXXXXXXXX    START - LEFT SIDE OF WRAPPER  (LOCAL NAV)    XXXXXXXXXXXXXXXXXX*/

p.orienter{
color:#757575;
font-size: .9em;
margin-top: 40px;
padding-left: 20px;
}

#localnav {
	width: 185px;
	font-family: Georgia, "Times New Roman", serif;
	font-variant: small-caps;
	background-color:#f4e0c0;
	background-repeat: repeat;
	padding: 6px 1px;
	border-top: 2px solid #e1d4ac;
	border-right: 2px solid #e1d4ac;
	border-bottom: 2px solid #e1d4ac;
}

#localnav ul li {
list-style-type: none;
margin: 0em;
padding: 0em;
}

#localnav ul {
margin: 0em;
padding: 0em;
}

#localnav ul li a:link, #localnav ul li a:visited {
display: block;
text-decoration: none;
color: #e12e29;
font-weight: bold;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 20px;
font-size: 1em;
}

#localnav ul li a:visited.on {
color: #9d201d;
font-size: 1em;
}

#localnav ul li a:link.on {
color: #9d201d;
font-size: 1em;
}

#localnav ul li a:visited.off {
color: #e12e29;
font-size: 1em;
}

#localnav ul li a:link.off {
color: #e12e29;
font-size: 1em;
}

#localnav ul li a:hover.on {
color: #e12e29;
font-size: 1em;
font-weight: bold;
}

#localnav ul li a:hover.off {
color: #e12e29;
font-size: 1.1em;
font-weight: bold;
}

#localnav ul li ul li a:link.off, #localnav ul li ul li a:visited.off {
font-size: .9em;
padding-left: 40px;
color: #e12e29;
font-weight: normal;
}

#localnav ul li ul li a:link.on, #localnav ul li ul li a:visited.on {
background:url(../_images/wr.gif) center left no-repeat;
font-size: .9em;
padding-left: 40px;
color: #e12e29;
font-weight: bold;
}

#localnav ul li ul li a:hover.off {
background:url(../_images/wr.gif) center left no-repeat;
font-size: .9em;
padding-left: 40px;
color: #e12e29;
font-weight: bold;
}

/* XXXXXXXXXXXXXXXX    END - LEFT SIDE (LOCAL NAV)    XXXXXXXXXXXXXXXXXX*/



/* XXXXXXXXXXXXXXXX    START - RIGHT SIDE STYLES(TOP & MAIN CONTENT)    XXXXXXXXXXXXXXXXXX*/

#feature-image {
margin: 10px 5px 10px 20px;
border: none;
}

#feature-image p {
text-align: center;
margin: 8px 0 15px 0;
font-size: .9em
}

#product-image {
float: right;
width: 135px;
height: 380px;
margin: 10px 25px 15px 10px;
border: none;
}

.promo-image {
float: right;
margin: 6px 25px 15px 10px;
border: 1px #8d6868 solid;
}

.promo-image-left {
float: left;
padding: 6px 15px 15px 20px;
margin: 0;
border: none;
}

.promo-image p {
text-align: center;
margin: 5px 0 5px 0;
font-size: .8em
}

.img-right {
float: right;
margin: 12px 25px 15px 16px;
}

#content {
font-family:Verdana, Helvetica,  Arial, sans-serif;
font-size: .9em;
font-weight: normal;
text-align: left;
color: #575757;
}

#content ul {
margin-top: -.5em;
}

#content li {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
list-style-type: square;
padding-top: .7em;
padding-right: 30px;
margin-left: -5px;
line-height: 1.4em;
}

#content h1 {
font-size: 1.8em;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
margin: 40px 170px .7em 20px;
}

#content h2 {
color: #9d201d;
font-size: 1.5em;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
padding: 8px 80px 0px 20px;
margin-bottom: .5em;
}

#content h3 {
font-size: 1.1em;
color: #9d201d;
font-weight: bold;
padding: 6px 80px 0 20px;
margin: 1em 0 1em 0;
}

#content p {line-height: 1.4;
padding: 0 25px 0 20px;
margin: 0 15px .6em 0;
}

#promo-box {
float: right;
border: 1px #c3c3b3 solid;
width: 180px;
margin: 20px 25px 15px 20px;
color: #fff3b5;
background-color: #231f20;
}

#promo-box h2 {
margin-top: 0em;
margin-left: 0px;
margin-right: 0em;
margin-bottom: 3px;
background-color: #e12e29;
font-style: normal;
color: #fff3b5;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
padding-top: 6px;
padding-left: 6px;
padding-bottom: 6px;
padding-right: 4px;
line-height: 1.4em;}

#promo-box h3 {
margin: 0em;
font-style: normal;
color: #fff3b5;
font-family: arial, tahoma, helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
padding-left: 6px;
padding-right: 4px;
padding-top: 16px;
padding-bottom: 2px;}

#promo-box p {
margin: 2px;
line-height: 1.4em;
font-family: arial, tahoma, helvetica, sans-serif;
font-size: 1em;
padding-right: 4px;
padding-left: 6px;
padding-top: .6em;}

#promo-box ul {
margin-top: .2em;}

#promo-box li {
padding-top: .7em;
padding-right: 4px;
font-size: 1em;
list-style-type: square;
margin-left: -16px;
line-height: 1.4em;}

#promo-box a {
color: #fff3b5;
text-decoration: underline;
font-size: 1em;
}

#promo-box a:hover {
background-color: #7a7a7a;
font-weight: bold;
}

#calendar {
margin-left:20px;
width:440px
}

#calendar h2{
font-family: arial-narrow, arial, tahoma, helvetica, sans-serif;
background-color: #9d201d;
font-size: 1.2em;
color: #fffcde;
margin: 30px 0 20px 0;
padding: .1em .1em;
}


/*  -----   EVENT Listing  -----*/

dl.event
{
margin: 10px 0;
padding: 0;
font-family: tahoma, arial, helvetica, sans-serif;
}

.event dt
{
position: relative;
left: 0;
top: 1.1em;
width: 7em;
margin-left:20px;
font-weight: bold;
font-size: 1em;
color: #575757;
}

.event dd
{
border-left: 2px solid #d5c29f;
margin: 0 0 0 105px;
padding: 0 0 .25em 1em;
font-size: 1em;
line-height: 1.4em;
}



/*  -----   MENU Listing  -----*/

dl.menu
{
margin: 10px 0;
padding: 0;
font-family: tahoma, arial, helvetica, sans-serif;
}

.menu dt {
width: 13em;
margin: 1em 0 0 20px;
font-weight: bold;
font-size: 1em;
color: #575757;
}

.menu dd {
border-left: 2px solid #d5c29f;
margin: -1.2em 30px 0 170px;
padding: 0 0 0 1em;
font-size: 1em;
line-height: 1.4em;
}

.day {
padding-left: 4em;
font-weight: bold;
font-family: arial-narrow, arial, tahoma, helvetica, sans-serif;
font-size: 1em;
color: #7c7c7c;
}

hr {
color:#d5c29f;
background-color:#d5c29f;
height:2px;
margin: 5px 35px 5px 20px;
}

blockquote {
background-color:#f4e0c0;
font-family:Georgia, "Times New Roman", Times, serif;
padding: 1.2em 1em;
margin: 5px 140px 5px 36px;
font-weight:bold;
text-align:center;
color:#988686;}



/* ************   Newsletter Form  *****************  */

#newsform {
background-color:#fff;
border: 2px solid ##d5c29f;
color:#575757;
padding: 10px 15px;
margin: 5px 35px 5px 20px;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
width: 460px;
}

#newsform h3 {
margin: 1em 0;
font-size:1.2em;
}

.formlabel {
clear: left;
float: left;
width: 160px;
margin: 1em 0 1em 20px;
padding-right: 2px;
text-align: left;
font-weight:bold;
font-size:1em;
}

.input-txt {
margin: 1em 0;
border: 1px solid #d5c29f;
background-color:#f4e0c0;
padding: .2em .25em;
} 

.input-submit {
margin: 15px 0 .9em 20px;
border: 1px solid #d5c29f;
background-color:#fdbf57;
color:#fff;
font-weight:bold;
padding: .2em .25em;
cursor:hand;
}


/* ************   Gallery Divs  *****************  */

#gallery-contain {
position:relative;
width:500px;
margin:0;
padding:0;
}

#content #gallery-contain h1 {
color:#f9f2d0;
font-size:1.5em;
margin:30px 0 0 0;
padding:0;
}

#content #gallery-contain p {
color:#f9f2d0;
font-size:1em;
margin:0;
padding:1em 0;
}

#gallery1 {
	position:relative;
	height: 162px;
	width: 500px;
}

#gallery2 {
	position:relative;
	height: 162px;
	width: 500px;
}

#thumbs {
position:relative;
width:160px;
text-align:center;
margin:0;
padding:0;
}

#thumbs h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-weight:bold;
text-align:center;
color:#ee2e24;
margin: 30px 0 70px 0;
}

#thumbs p {
margin:0;
padding:.5em 0;
color:#f9f2d0;
font-size:1em;
}

/* XXXXXXXXXXXXXXXX    END - RIGHT SIDE STYLES (TOP & MAIN CONTENT)    XXXXXXXXXXXXXXXXXX*/




/* XXXXXXXXXXXXXXXX    START - FOOTER (BOTTOM NAV)    XXXXXXXXXXXXXXXXXX*/

#footer {
clear:both;
width:100%;
height: 45px;
color: #fff;
margin: 0 auto 0 auto;
border-top: 3px #8d6868 solid;
}

#footer p{margin:0;padding:6px 10px}
	
#footer  ul { 
list-style: none;
margin: 2px auto 15px auto;
padding:0;
display: table;
padding: 2px;
white-space: nowrap;
}

ul.bot-nav { 
text-align: center; 
margin: 0 auto .5em auto;
padding-left: 0;
}

li.bot-nav { 
display: inline;
line-height: 2.5em;
list-style: none; 
padding: 0 5% 0; 
margin: 0; 
}

li.bot-nav a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 85%;
color: #dedede;
margin: 0.2em 1em 0 1em;
padding: 0.2em 0.5em;
text-align: center;
text-decoration: none;
}

li.bot-nav a:link {
color: #dedede;
margin: 0.2em 1em 0 1em;
padding: 0.2em 0.5em;
text-align: center;
text-decoration: none;
}

li.bot-nav a:visited {
color: #dedede;
margin: 0.2em 1em 0 1em;
padding: 0.2em 0.5em;
text-align: center;
text-decoration: none;
}

li.bot-nav a:hover {
background-color: #9e1a1a;
color: #fff;
}

ul.bot-nav li {
display: inline;
font-size: 1em;
margin: 0em;
padding: 0em;
}


/* XXXXXXXXXXXXXXXX    START - FOOTER (BOTTOM NAV)    XXXXXXXXXXXXXXXXXX*/

#copy {
color:#a28686;
font-size:0.75em;
margin-top: 10px;
padding-bottom:25px;
text-align:center;
}

#copy a {
color:#a28686;
}

#copy a:hover {
color:#c7c4c4;
}


/* XXXXXXXX  start - IE6 & Less Bug Fixes  XXXXXXXXX */

* html #wrapper {overflow-x: hidden;}
* html #wrap1 {overflow-x: hidden;}
* html #leftside {overflow-x: hidden; margin-right: -10px;}
* html #leftside a {height: 1%;}
* html #beernav {text-align: center;}
*html #homeimage {margin-top:4px;}
.promo-image img {display: block;}