@charset "utf-8";
* { margin: 0; padding: 0; border: 0; outline: 0; }
a { color: rgb(136,151,153); text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: #000 url('../images/bg.jpg') top center no-repeat; font-family: Arial, Helvetica, serif; color: #d0d0d0; font-size: 14px; }
p { line-height: 1.5em; }
#container { width: 960px; margin: 15px auto; }
#nojava { width: 100%; margin: 5px auto; text-align: center; width: 800px; background: #222; color: #e0e0e0; border: 2px solid #444; padding: 10px; font-size: .9em; }
/* sitewide navigation */
#nav { width: 958px; height: 51px; margin: 10px 0 5px; background: #000 url('../images/bg_nav.jpg') top left repeat-x; border: 1px solid #333; }
#sitewide li#spacer { width: 502px; }
#sitewide a#Home { display: block; height: 51px; width: 103px; background: url('../images/nav/home.jpg') top left no-repeat; }
#sitewide a#TangentBay { display: block; height: 51px; width: 116px; background: url('../images/nav/features.jpg') top left no-repeat; }
#sitewide a#MediaHub { display: block; height: 51px; width: 114px; background: url('../images/nav/mediahub.jpg') top left no-repeat; }
#sitewide a#TheCompany { display: block; height: 51px; width: 123px; background: url('../images/nav/thecompany.jpg') top left no-repeat; }
#sitewide li { list-style-type: none; float: left; }
/* home */
#featured, #spotlight { width: 958px; height: 400px; border: 1px solid #333; margin-bottom: 5px; }
#left, #mid, #right { width: 315px; height: 125px; border: 1px solid #333; float: left; margin: 0 0 15px 5px; overflow: hidden; }
#left { margin-left: 0; }
#mid { margin-left: 4px; }
/* the company */
#info { border: 1px solid #333; width: 640px; float: left; margin-right: 5px; border-right: 0; border-bottom: 0; padding-bottom: 25px; margin-bottom: 50px; }
#info p, ul#releases { margin: 20px 25px 0 30px; }
ul#releases { margin-bottom: 20px; }
#info a, #info a:visited { text-decoration: underline; }
#info a:hover { color: #f0f0f0; }
ul#releases { margin-left: 30px; list-style-type: none; }
ul#releases li { padding-left: 70px; text-indent: -70px; margin: 4px 0; }
#media { border: 1px solid #333; width: 311px; float: left; height: 400px; background: #111; margin-bottom: 15px; }
#img_about { margin: 10px 0 0 2px; }
#img_contact, #img_pressreleases { margin: 30px 0 0 2px; }
#img_media { margin: 10px 0 0 15px; }
ul#thumbs { margin-top: 15px; }
ul#thumbs li { display: block; float: left; background: #000; width: 100px; height: 100px; border: 1px solid #333; margin: 7px 0 0 15px; }
ul#thumbs img { opacity: 1; filter: alpha(opacity = 100); }
h1 { font-size: 13px; color: #f0f0f0; font-weight: bold; margin: 20px 15px 0 30px; }
p.under { text-decoration: underline; }
p.canada { padding-left: 30px; background: url('../images/thecompany/canada.jpg') center left no-repeat; }
p.usa { padding-left: 30px; background: url('../images/thecompany/us.jpg') center left no-repeat; }
/* features */
#holder { height: 330px; width: 958px; overflow: hidden; border: 1px solid #333; background: #000; position: relative; }
.leftpanel, .midpanel, .rightpanel { width: 958px; height: 330px; position: absolute; float: left; clear: none; }
.leftpanel { z-index: 1; background: url('../images/features/left_spotlight.jpg') top left no-repeat; }
.midpanel { z-index: 0; background: url('../images/features/mid_spotlight.jpg') top left no-repeat; }
.rightpanel { z-index: 0; background: url('../images/features/right_spotlight.jpg') top left no-repeat; }
#windows { width: 942px; height: 191px; background: #444 url('../images/features/bg_windows.jpg') top left no-repeat; margin: 5px 0 15px; padding: 0 9px; clear: both; }
ul#panels li { width: 307px; height: 179px; border: 1px solid #444; background: #000; float: left; margin-top: 5px; overflow: hidden; position: relative; list-style-type: none; }
ul#panels img { position: relative; opacity: .6; filter: alpha(opacity = 60); }
ul#panels img.selected { opacity: 1; filter: alpha(opacity = 100); }
#midpanel, #rightpanel { margin-left: 7px; }
#holder p { margin: 145px 480px 0 37px; }
#footer { width: 100%; text-align: center; clear: both; line-height: 1.5em; font-size: 11px; }