@charset "utf-8";

* { margin:0; padding:0; }
body { height:100%; width:100%; font:90%/1.2 sans-serif,"trebuchet ms","Lucida Sans Unicode","Lucida Grande","bitstream vera sans",verdana; letter-spacing:0.0em; color:#555; background:#000; }
a, img { border:0 none; outline:none; }
a, a:link, a:active, a:visited, a:focus { color:#555; text-decoration:none; outline:none; }
a:hover { text-decoration:none; color:#fff; }
h1, h2, h3, h4, h5, h6 { color:#b12a2a; letter-spacing:0.2em; margin:4px 0; }
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
iframe { overflow:hidden; }
p { margin:20px 0; font-size:1.0em; color:#555; line-height:1.6em; letter-spacing:0.1em; font-style:italic; }
hr { margin:0; height:0px; color:#b12a2a; border-bottom:1px solid #b12a2a; }
br { line-height:0px; }

#loader { position:absolute; width:100%; top:50%; margin-top:-12px; text-align:center; }
#wrapper { position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../../images/bg.jpg) 0 0 repeat-x; }
#page-wrap { width:100%; height:100%; }
#content-wrap { width:954px; margin:0 auto; padding:0 10px; }
#content-wrap-home { width:954px; height:567px; margin:0 auto; padding:0 10px; background-image:url(../../images/signal7-web.jpg); background-repeat:no-repeat; background-position:top center; }
#banner { width:954px; height:150px; float:left; }
#main { position:relative; width:954px; float:left; padding-top:30px; }
#ftr { vertical-align:bottom; }
#ftr div { width:100%; height:32px; float:left; text-align:center; border-top:1px solid #555; background:#111; color:#555; letter-spacing:0.2em; line-height:32px; }
#top-nav { width:954px; height:32px; float:left; margin:0; padding-top:18px; color:#555; letter-spacing:0.2em; }
#top-nav a img { display:inline-block; }
#logo { float:left; margin:6px 0; }
#login-form { width:360px; padding:20px; border:1px solid #555; margin:0 auto; background:#111; }
#login-form input.textbox { width:200px; border:1px solid #555; color:#777; background:#000; margin:2px 0; }
#login-button { width:60px; height:40px; border:1px solid #555; color:#777; background:#000; cursor:pointer; }
#content-panes { position:relative; height:360px; width:310px; overflow:hidden; float:left; }
#panes { height:30000em; position:absolute; }
#panes div { float:left; height:360px; width:310px; cursor:pointer; }
#panes div ul { list-style-type:circle; margin-left:20px; color:#777; }
#panes div ul li { padding:3px 0; }
#content-nav { position:relative; width:644px; height:360px; float:left; }
#content-nav a { position:absolute; color:#b12a2a; height:26px; line-height:26px; cursor:pointer; }
#link1 { left:10px; top:5px; }
#link2 { left:148px; top:5px; background:transparent url(../../images/dot.png) 140px 0 no-repeat; padding-right:30px; }
#link3 { left:232px; top:64px; background:transparent url(../../images/dot.png) 0 0 no-repeat; padding-left:30px; }
#link4 { left:236px; top:120px; background:transparent url(../../images/dot.png) 104px 0 no-repeat; padding-right:30px; }
#link5 { left:315px; top:179px; background:transparent url(../../images/dot.png) 0 0 no-repeat; padding-left:30px; }
#link6 { left:265px; top:236px; background:transparent url(../../images/dot.png) 98px 0 no-repeat; padding-right:30px; }
#link7 { left:137px; top:293px; background:transparent url(../../images/dot.png) 119px 0 no-repeat; padding-right:30px; }
#link2:hover { background-position:140px -26px; }
#link3:hover { background-position:0 -26px; }
#link4:hover { background-position:104px -26px; }
#link5:hover { background-position:0 -26px; }
#link6:hover { background-position:98px -26px; }
#link7:hover { background-position:119px -26px; }

.gray { color:#555; }
.red { color:#b12a2a; }
.black { color:#000; }
.white { color:#fff; }
.nomargin { margin:0; }
.floatleft { float:left; }
.floatright { float:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.right { text-align:right; }
.clear { clear:both; }
.onexone { width:1px; height:1px; overflow:hidden; }
.onextwo { width:1px; height:2px; overflow:hidden; }
.onexthree { width:1px; height:3px; overflow:hidden; }
.onexfive { width:1px; height:5px; overflow:hidden; }
.onexsix { width:1px; height:6px; overflow:hidden; }
.onexten { width:1px; height:10px; overflow:hidden; }
.onexfifteen { width:1px; height:15px; overflow:hidden; }
.onextwenty { width:1px; height:20px; overflow:hidden; }
.fivexfive { width:5px; height:5px; overflow:hidden; }
.hidden { display:none; }