/*-------------------------------------------------------
everyangle.ca
Stylesheet:  styles.css
Author:   Chris Moore (spot13.com)
Version:  1.0_02.24.08
Revision:
----------------------------------------------------------*/

body {margin:0; padding:0; background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}

a:link {color:#F65300; text-decoration:none;}
a:active {color:#F65300; text-decoration:none;}
a:visited {color:#F65300; text-decoration:none;}
a:hover {color:#FFF; text-decoration:none;}


#container {background:#B9BDC0 url(/images/img_mainGreyBg.jpg) repeat-y 50% 0%; width:100%; height:100%;}

#headerBar {height:5px; background-color:#FFAD09; margin:0;line-height:2px;}

#headerContainer {width:936px; height:100px; margin:0 auto; background:url(/images/img_headerBg.jpg) no-repeat;}

#headerContainer a:hover {background:none;}

#headerShadow { z-index:9; margin:0;}
#shadowBot {z-index:10; margin:78px 0 0 0;}
#headerMain { z-index:9; margin:0 auto; height:94px; width:852px; padding:0;}
#headMenu { z-index:1; width:116px; height:28px; float:right; clear:right; margin:0 46px 0 0;}
#logo {padding: 10px 0 6px 50px;}
#mainMenu {width:484px; float:right; margin:36px 46px 0 0; z-index:3; clear:right;}

#btn1 {float:right; margin:0; padding:0; display:block;}
#btn2 {float:right; margin:0; padding:0; display:block;}
#btn3 {float:right; margin:0; padding:0; display:block;}
#btn4 {float:right; margin:0; padding:0; display:block;}


#contentContainer {background:url(/images/img_orangeFade.jpg) no-repeat 50% 0%; height:100%; margin:0; padding:0; z-index:1;}

#flashBanner {width:848px; margin:0 auto; background:url(/images/img_flashBg.jpg) no-repeat;}

#flashBanner2 {width:848px; margin:0 auto;}

#mainContent { width:760px; text-align:left; margin:0 auto; clear:both;}
#mainContent h1 {font-size:18px; font-weight:bold; margin:4px 0 4px 0;}
#mainContent p {margin:0 0 10px 0;}

#mainContentSub { width:760px; text-align:left; margin:0 auto; padding-top:20px;}
#mainContentSub h1 {font-size:22px; font-weight:bold; margin:4px 0 4px 0;}
#mainContentSub p {margin:0 0 10px 0;}


#sideBar {float:right; border:3px solid #CCC; width:218px; padding:5px; clear:right; background:url(/images/img_semiTransBg.png); margin-right:-50px;}
#sideBar a:hover { background-color:#F65300;}
#sideBar h2 {font-size:16px; font-weight:bold; margin:4px 0 2px 0;}
#sideBar li {list-style-image:url(/images/img_listArrow2.gif); margin:5px 5px 5px 20px; font-size:11px; font-weight:bold;}


#sideBar2 {float:right; border:5px solid #CCC; width:190px; padding:5px; clear:right; margin:10px 14px 0 0; background:url(/images/img_semiTransBg.png);}
#sideBar2 a:hover { background-color:#F65300;}
#sideBar2 h2 {font-size:16px; font-weight:bold; margin:4px 0 2px 0;}
#sideBar2 li {list-style-image:url(/images/img_listArrow2.gif); margin:5px 5px 5px 20px; font-size:11px; font-weight:bold;}

#sideBarHome {float:right; width:200px; padding:0; clear:right;}


#sideColBlank {float:right; width:218px; padding:5px; clear:right;}

#contentColumn {width:490px; padding:0 0 0 10px;}
#contentColumn li {list-style-image:url(/images/img_listArrow.gif); margin:5px 5px 5px 20px; font-size:13px; font-weight:bold;}
#contentColumn li li {list-style-image:url(/images/img_listArrow.gif); margin:5px 5px 5px 20px; font-size:11px; font-weight:bold;}

#contentColumn a:link {color:#F65300; text-decoration:none;}
#contentColumn a:active {color:#F65300; text-decoration:none;}
#contentColumn a:visited {color:#F65300; text-decoration:none;}
#contentColumn a:hover {color:#FFF; text-decoration:none; background-color:#F65300;}
#contentColumn p {margin-right:30px;}
#contentColumn h2 {font-size:13px; font-weight:bold; color:#333; padding:5px 0 13px 0;}

#contentFull {padding:5px; clear:both;}


#footShadow {margin:0 auto; width:934px; clear:both;}

#footerContainer {height:100px; background: #000 url(/images/img_footBg.jpg) no-repeat 50% 0%;}

#footerDivider {height:13px; background:url(/images/img_footDiv.jpg) repeat-x; width:100%;}
#footContent {width:760px; margin:0 auto; color:#FFF; padding:10px;}
#footMenu {float:right; font-weight:bold;}

#footMenu a:link {color:#FFF; text-decoration:none; font-size:10px;}
#footMenu a:active {color:#FFF; text-decoration:none; font-size:10px;}
#footMenu a:visited {color:#FFF; text-decoration:none; font-size:10px;}
#footMenu a:hover {color:#000; text-decoration:none; font-size:10px; background-color:#FFB315;}

#spot13 {float:right; clear:right; margin:20px 0 0 0; vertical-align:top; font-size:10px; height:15px; width:115px;}

#subImage {margin:-15px 0 0 -20px;}

.preload {display:none;}

#subnav li {float:left; width:100px;}


.vidThumb {width:240px; height:150px; float:left; clear:none; margin:0 5px 10px 0;}
a:hover .vidCaption {color:#000;}

#matte { position:absolute; left:0px; top:0px; width:0px; height:0px; z-index:1; 
	background-color: #777777; 
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
} 
#wrapper { position:absolute; left:0px; top:-9999px; width:100%; height:196px; z-index:2; text-align:center; }

.subNav2 ul {margin:0!important; padding:0;}
.subNav2 li {margin:0;padding:12px 0 0 12px; background:url(../images/btn_bg_blank.jpg) no-repeat; width:204px; height:30px;}
.subNav2 a {display:block;font:16px bold Arial, Helvetica, sans-serif; margin:0; padding:0;}
.subNav2 a:hover {padding-left:2px;}

.nav2 ul {width:550px; float:right; padding-right:20px!important;}
.nav2 li {list-style:none; float:right; margin:-25px 0 10px 0; padding:5px 10px;}
.nav2 a { font-weight:bold; font-size:15px; color:#000;}
.nav2 li a:hover { color:#FFF; background-color:#000!important;}

