/* ===== RESET GLOBAL STYLES ======================================================= */
html, body, form, fieldset, ul, ol, li { margin:0; padding:0; font:normal 100%/120% 'Trebuchet MS', Trebuchet, Tahoma, Arial, Helvetica, sans-serif; cursor:default; }
 /* __ format vertical margins __ */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, address { margin:10px 0; padding:0; }
/* __ Apply left margin __ */
dd, blockquote { margin-left:25px; }
/* __ Format Tables (still need 'cellspacing="0"' in the markup)__ */
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top;  }
/* __ Miscellaneous __ */
a:focus { outline:none; }
img, fieldset { border:none; }
form label { cursor:pointer; }
ol, ul { list-style:none; }
input, select, textarea { font:inherit; }
textarea { overflow:auto; }

/* __ Custom Global Styles __ */
.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.left { float:left; }
.right { float:right; }
.hide { display:none; }


/* ===== GLOBAL STYLES ======================================================= */
html, body { min-width:980px; height: 100%; background-color:#161616; }
#container { min-height: 100%; margin: 0 auto -124px; /* the bottom margin is the negative value of the footer's height */ }
*html #container { height:100% }
#footer, .push { height: 120px; /* must be the same height as .footer */ }


/* ===== HEADER ======================================================= */
#header { height:120px; border-bottom:4px solid #000; background:#af100f url(../images/bkgd_gradient.gif) repeat-y top left; }
#header .bkgd { background: url(../images/bkgd_gradient_black.gif) repeat-y top right; }
#header .content { margin:0 auto; width:980px; height:120px; }
#header .content .nav { padding-top:43px; float:left; }
#header .content .logos { float:right; margin-right:25px; }
#header .content .logos a { float:left; display:inline; }


/* ===== CONTENT AREA ================================================= */
#contentArea { margin:0 auto; width:980px; padding:40px 0; }
#contentArea .leftNav { width:190px; height:150px; padding-left:20px; float:left; display:inline; }
#contentArea #videoPlayer,
#contentArea #photoViewer { width:480px; height:360px; border:5px solid #000; margin:0 10px; background:#000; float:left; }
#contentArea #photoViewer { background:#333;}

#contentArea #videoPlayer .upgrade { width:480px; padding-top:50px; text-align:center; }
#contentArea #videoPlayer .upgrade h2 { font:normal 24px arial; color:#FFF; letter-spacing:-1.35px; }
#contentArea #videoPlayer .upgrade h2 a { color:#C00; }
#contentArea #videoPlayer .upgrade h2 a:hover { color:#FFF; }

#contentArea #photoViewer .img { position:relative; width:480px; height:360px; }
#contentArea #photoViewer .img a { position:relative; width:480px; height:360px; display:block; }
#contentArea #photoViewer .img img { position:absolute; padding:3px; background:#2c2c2c; border:3px solid #393939; }

#contentArea .videoDescription { width:250px; height:370px; float:left; background:#000; font:normal 11px arial; color:#FFF; text-align:center; }


/* ===== LEFT NAVIGATION ================================================== */
ul.primary-nav,
ul.primary-nav ul { margin:0; padding:0; width:180px; background:#161616; /* IE6 Bug */ }
ul.primary-nav li { position:relative; list-style:none; _border:1px solid #161616; }
ul.primary-nav li span { display:block; font:bold 12px arial; color:#FFF; padding:5px; border-bottom:2px solid #900; }
ul.primary-nav li a { display:block; _width:180px; text-decoration:none; font:normal 11px arial; color:#FFF; padding:5px; border-bottom:1px solid #333; }

ul.primary-nav ul { position:absolute; display:none; top:0; left:179px; /* Set 1px less than menu width */ }
ul.primary-nav li ul li a { padding:5px; } /* Sub Menu Styles */

ul.primary-nav li:hover ul ul,
ul.primary-nav li:hover ul ul ul,
ul.primary-nav li.over ul ul,
ul.primary-nav li.over ul ul ul { display:block; } /* Hide sub-menus initially */

ul.primary-nav li:hover ul,
ul.primary-nav li li:hover ul,
ul.primary-nav li li li:hover ul,
ul.primary-nav li.over ul,
ul.primary-nav li li.over ul,
ul.primary-nav li li li.over ul { display:block; z-index:200; } /* The magic */

ul.primary-nav li.menuparent {position:relative;z-index:50000; background: transparent url(../images/arrow.gif) right center no-repeat; }

ul.primary-nav li.menuparent:hover,
ul.primary-nav li.over,
ul.primary-nav li li:hover,
ul.primary-nav li li.over { background-color:#900; }

ul.primary-nav li a:hover { color: #FFF; }

/* ===== FOOTER ======================================================= */
#footer { border-top:4px solid #000; background:#af100f url(../images/bkgd_gradient.gif) repeat-y top left; }
#footer .bkgd { background: url(../images/bkgd_gradient_black.gif) repeat-y top right; }
#footer .content { position:relative; margin:0 auto; width:980px; height:120px; }
#footer .content .logo { position:absolute; right:0; top:-35px; width:334px; height:128px; }
#footer .content .text { padding-top:80px; font:normal 11px arial; color:#FFF; text-align:center; margin:0 auto; }
#footer .content .text a { color:#FFF; }