/*
		----------------------------------------------------------
			Master Screen Style
		----------------------------------------------------------
			Edmonton Opera : Behind the Scenes
			author:		Ryan Mayer
			date:		 	March 2008
		----------------------------------------------------------
*/

html, body {margin:0px auto; padding:0px; width:100%; height:100%;}
body {background: url(../img/body_bg_red.gif) 0% 0% repeat-x #000 scroll; font: 62.5% Arial, Helvetica, sans-serif;}

	
/* Structure Div's */
#container {width: 1000px; height: 700px; margin: 0px auto; padding: 0px; background: transparent 0% 0% no-repeat;}
/* #sitenav {width: 834px; height: 94px; margin:0px; padding: 0px; background: transparent url(../img/bg_sitenav.jpg) 0% 0% no-repeat;} */

#sitenav{width:834px; height:94px; margin:0px auto; padding:0px; overflow:hidden;}
#nav_upper {float: right; height:47px;}
#nav_lower {float: right; height:47px;}


#header {width: 834px; height: 204px; margin:0px; padding:0px; background: transparent url(../img/bg_header.jpg) 0% 0% no-repeat;}
#body {width: 834px; height: 326px; margin:0px; padding:0px; background: transparent url(../img/bg_body.jpg) 0% 0% repeat-y;}
#footer {width: 834px; height:77px; margin:0px; padding: 20px 0px 0px 0px; background: transparent url(../img/bg_footer.jpg) 0% 0% no-repeat; clear: both;}
#left {width: 86px; height: 700px; margin: 0px; padding: 0px; background: transparent url(../img/bg_left.jpg) 0% 0% no-repeat; float: left;}
#mid {width: 834px; height: 700px; margin: 0px; padding: 0px; background: transparent 0% 0% no-repeat; float: left;}
#right {width: 80px; height: 700px; margin: 0px; padding: 0px; background: transparent url(../img/bg_right.jpg) 0% 0% no-repeat; float: left;}
#subnav {padding: 10px 10px 35px 20px; width:300px; height: 250px; margin-top:35px;}

/* Content Div's */
#hdr_left {width: 474px; height: 193px; background-color: #333; margin: 0px 0px 0px 14px; float: left;}
#hdr_right {width: 335px; height: 187px; background-color: #222; margin: 0px 0px 0px 9px; float: left;}
#colOne {width:494px; height: 326px; margin:0px; padding:0px; background: transparent url(../img/bg_colOne.jpg) 0% 0% repeat-y; float:left;}
#colTwo {width:340px; height: 326px; margin:0px; padding:0px; background: transparent url(../img/bg_colTwo.jpg) 0% 0% no-repeat; float:left;}
#footer_l {float: left; width: 200px; padding: 0px 0px 0px 20px; float:left;}
#footer_r {float: right; padding: 5px 20px 0px 210px; float:left; text-align:right; margin: 0px; color:#606360; text-decoration: none; font-size: 1em; line-height:1.2em}


/* Links */
a:link {color: #ae1d1c; text-decoration: none; font-weight:bold;}
a:visited {color: #ae1d1c; text-decoration: none; font-weight:bold;}
a:hover {color: #000; font-weight:bold; text-decoration:underline;}
a.about_btn {display: block; float: left; width: 88px; height: 41px; background: transparent url(../img/btn_about.gif) 0px 0px no-repeat;}
a.about_btn:hover {background: transparent url(../img/btn_about.gif) 0px -41px no-repeat;}
a.products_btn {display: block; float: left; width: 140px; height: 41px; background: transparent url(../img/btn_products.gif) 0px 0px no-repeat;}
a.products_btn:hover {background: transparent url(../img/btn_products.gif) 0px -41px no-repeat;}
a.tips_btn {display: block; float: left; width: 123px; height: 41px; background: transparent url(../img/btn_tips.gif) 0px 0px no-repeat;}
a.tips_btn:hover {background: transparent url(../img/btn_tips.gif) 0px -41px no-repeat;}
a.contact_btn {display: block; float: left; width: 116px; height: 41px; background: transparent url(../img/btn_contact.gif) 0px 0px no-repeat;}
a.contact_btn:hover {background: transparent url(../img/btn_contact.gif) 0px -41px no-repeat;}

a.subnav:link {background: transparent; color: #afb585; text-decoration: none; text-transform:uppercase; font-size:1.1em; font-weight:normal; margin-bottom:15px;}
a.subnav:visited {background: transparent; color: #afb585; text-decoration: none; text-transform:uppercase; font-size:1.1em; font-weight:normal; margin-bottom:15px;}
a.subnav:hover {background: transparent; color: #000; text-decoration: underline;}


/* Sitenav */
a.sitenav:link {background: transparent; color: #afb585; text-decoration: none; font-weight:normal;}  
a.sitenav:visited {background: transparent; color: #afb585; text-decoration: none;}
a.sitenav:hover {background: transparent; color: #FFFFFF; text-decoration: none;}
#sitenav p {text-align:right; margin: 0px; padding:5px 35px 8px 0px; color:#afb585; ext-decoration: none; font-size: 1.1em; line-height:1.2em;}
#iFrame {background: transparent; color: #443616; padding-top: 20px; overflow:auto; margin-left: 10px; overflow:auto; width:479px; height:272px;}

/* Footer */
#footer a:link {background: transparent; color: #606360; text-decoration: none; font-weight:normal;}  
#footer a:visited {background: transparent; color: #c0c5c0; text-decoration: none;}
#footer a:hover {background: transparent; color: #c0c5c0; text-decoration: none;}
#footer p {text-align:right; margin: 0px; padding:0px; color:#606360; text-decoration: none; font-size: 1.1em; line-height:1.2em;}



/* Typography */
/* h1 {font-size: 1.6em; text-align:left; text-decoration:none; color:#333; padding: 0px 80px 0px 5px; margin: 0px; display:block;} */
h1 {width:479px; height:33px; font-size: 1.8em; text-align:left; text-decoration:none; color:#999; padding: 9px 80px 0px 25px; margin: 0px; display:block;background: transparent url(/img/ttl_blank.jpg) 0% 0% no-repeat;}
h2 {font-size: 1.1em; font-weight:bold; text-transform:uppercase; text-align:left; color: #acb7bf; padding:0px 80px 0px 5px; margin: 0px;}
h3 {line-height:10px; font-weight:bold; color:#4d7084; text-align:left; padding: 0px; font-size:2.1em; margin-bottom:10px;}
h4 {line-height:10px; font-weight:bold; color:#4d7084; text-align:left; padding:0px; font-size:2.8em; margin-bottom:10px;}
ul, ol {background: transparent; color: #999; text-align: left; font-size: 1.2em; margin:10px; padding-bottom:10px; padding-left:10px;}
li {padding: 0px 90px 0px 5px; color: #869f66;}

p {background: transparent; color: #C7C7B2; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 1.2em; margin:0px; padding: 10px 20px 10px 5px;}  /* 626d73 */


.listTitle {list-style-type:none; margin: 0px 0px 0px -25px; padding: 0px; font-weight:bold; color:#eee}
.description {list-style-type:none; margin:0px 70px 0px -15px; color:#bbb; line-height: 1.2em;}
.small {background: transparent; color: #626d73; text-align: center; line-height: 1.4em; font-size: .9em; margin:0px; padding-bottom:10px;}
.light {color: #acb7bf; }
strong {color:#111;}
.iframe {color: #828282; text-decoration: underline;}

/* Helpers */
.clear {clear: both;}
.right {text-align: right;}
.asterisk {color:#ff0000; font:1.3em Arial, Helvetica, sans-serif;}
span .left {float: left;}
span .right {float: right;}


a.backstage_btn {display: block; width: 217px; height: 47px; background: transparent url(../img/btn_backstage.jpg) 0px 0px no-repeat; float:right;}
a.backstage_btn:hover {background: transparent url(../img/btn_backstage.jpg) 0px -47px no-repeat;}
a.allabout_btn {display: block; width: 147px; height: 47px; background: transparent url(../img/btn_allabout.jpg) 0px 0px no-repeat;float:right;}
a.allabout_btn:hover {background: transparent url(../img/btn_allabout.jpg) 0px -47px no-repeat;}		
a.guides_btn {display: block; width: 128px; height: 47px; background: transparent url(../img/btn_guides.jpg) 0px 0px no-repeat;float:right;}
a.guides_btn:hover {background: transparent url(../img/btn_guides.jpg) 0px -47px no-repeat;}		
a.whatis_btn {display: block; width: 217px; height: 47px; background: transparent url(../img/btn_whatis.jpg) 0px 0px no-repeat;float:right;}
a.whatis_btn:hover {background: transparent url(../img/btn_whatis.jpg) 0px -47px no-repeat;}		
a.makingit_btn {display: block; width: 274px; height: 47px; background: transparent url(../img/btn_makingit.jpg) 0px 0px no-repeat;float:right;}
a.makingit_btn:hover {background: transparent url(../img/btn_makingit.jpg) 0px -47px no-repeat;}