/* general */
html,body { background-color: black; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
html,body,h1,h2,h3,h4,h5,h6,form,input { margin: 0; padding: 0; }
#menu { position: absolute; width: 108px; height: 233px; top: 50%; margin-top: -172px; left: 0; z-index: 999; }
#menu ul,li { margin: 0; padding: 0; }
#menu ul { background-color: #5F0F42; list-style: none; margin-top: 5px; }
#menu li a { height: 15px; display: block; padding: 5px; background-color: #5F0F42; color: white; text-decoration: none; border-bottom: 1px solid #963272; }
#menu li a:hover { background-color: #98B71E; color: #5F0F42; border-bottom: 1px solid #F7FFBC; }
#loginbox { position: absolute; width: 108px; top: 50%; margin-top: 82px; left: 0; z-index: 999; background-color: #5F0F42; color: white; }
#loginbox form { padding: 5px; }
#loginbox input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 98px; border: 0; }
#loginbox a {color: #FFFFFF; text-decoration: none;}
#passwordrecovery a:hover {text-decoration:underline; }
#container { background-color: white; width: 5004px; height: 570px; position: absolute; top: 50%; margin-top: -285px; left: 0px; z-index: 100; }
/* repeatable elements */
.page { float: left; height: 570px; background-color: #FFFFFF; }
.img { position: absolute; z-index: 300; }
.text { position: absolute; z-index: 500; }
.link { position: absolute; z-index: 700; }
.link a { display: block; width: 100%; height: 100%; text-decoration: none; background-image: url('images/spacer.gif'); }
/* site consoles */
.console { position: relative; width: 500px; height: 150px; background-color: #FFFFFF; font-size: 11px; }
.console .mainpic { position: absolute; top: 0; left: 0; width: 364px; height: 150px; }
.console .description { position: absolute; width: 136px; height: 122px; bottom: 16px; right: 0; color: #FFFFFF; background-color: #741930; background-image: url('images/site_console_03.jpg'); }
.console .visit { position: absolute; bottom: 0; right: 0; }
.console p { margin: 0; padding: 10px; }
.console p .title { color: #C9F508; }
/* home */
#home { position: relative; width: 980px; }
#home .home_01 { top: 0; left: 0; }
#home .home_02 { top: 0; left: 351px; background-image: url('images/home_02.jpg'); width: 155px; height: 234px; }
#home .home_04 { top: 26px; left: 506px; }
#home .home_06 { top: 234px; left: 0; background-image: url('images/home_06.jpg'); width: 172px; height: 275px; }
#home .home_07 { top: 234px; left: 172px; }
#home .home_09 { top: 243px; left: 639px; }
#home .home_11 { top: 270px; left: 639px; background-image: url('images/home_11.gif'); width: 254px; height: 300px; }
#home .home_12 { top: 270px; left: 893px; background-image: url('images/home_12.gif'); width: 87px; height: 177px; }
#home .home_13 { top: 447px; left: 893px; background-image: url('images/home_13.jpg'); width: 87px; height: 123px; }
#home .greenbar { top: 0; left: 512px; width: 455px; height: 23px; background-color: #A5C61B; }
#home .copyright { }
#home .welcome { top: 140px; left: 511px; width: 452px; height: 90px; text-align: justify; }
#home .reasons { top: 270px; left: 639px; width: 325px; height: 177px; }
#home .reasons ul { margin: 15px 0 0 27px ; padding: 0; }
#home .reasons .detail { color: #98B71E; font-size: 9px; font-weight: bold; }
#home .signup { top: 261px; left: 187px; width: 210px; height: 150px; overflow: visible; }
#classicbox { position: absolute; top: 50%; margin-top: 260px; left: 5px; z-index: 999; background-color: #5F0F42; padding: 3px; color: white; }
#classicbox a, #classicbox a:visited { display: block; color: white; font-weight: bold; text-decoration: none; font-size: 12px; }
#classicbox a:hover { text-decoration: underline; }
/* tools */
#tools { position: relative; width: 891px; color: #FFFFFF; }
#tools .tools_02 { top: 0; left: 62px; background-image: url('images/tools_02.jpg'); width: 367px; height: 570px; }
#tools .tools_03 { top: 0; left: 429px; background-image: url('images/tools_03.jpg'); width: 316px; height: 217px; }
#tools .tools_04 { top: 0; left: 745px; background-image: url('images/tools_04.jpg'); width: 146px; height: 570px; }
#tools .tools_05 { top: 26px; left: 0; background-image: url('images/tools_05.gif'); width: 62px; height: 66px; }
#tools .tools_07 { top: 217px; left: 429px; background-image: url('images/tools_07.jpg'); width: 316px; height: 312px; }
#tools .tools_08 { top: 281px; left: 0; background-image: url('images/tools_08.jpg'); width: 62px; height: 289px; }
#tools .tools_09 { top: 529px; left: 429px; }
#tools .intro { top: 242px; left: 429px; width: 315px; }
#tools .tools { top: 285px; left: 417px; width: 345px; 289px; }
/* sites1 */
#sites1 { position: relative; width: 847px; }
#sites1 .sites1_01 { top: 0; left: 0; width: 164px; height: 322px; background-image: url('images/sites1_01.jpg'); }
#sites1 .sites1_03 { top: 0; left: 662px; width: 185px; height: 570px; background-image: url('images/sites1_03.jpg'); }
#sites1 .sites1_04 { top: 15px; left: 164px; }
#sites1 .sites1_08 { top: 322px; left: 0; }
#sites1 .sites1_09 { top: 358px; left: 0; width: 164px; height: 212px; background-image: url('images/sites1_09.jpg'); }
#sites1 .stripes { top: 186px; left: 484px; width: 178px; height: 47px; background-image: url('images/sites1_stripes.gif'); }
#sites1 .consoles { top: 239px; left: 145px; width: 602px; height: 329px; }
#sites1 .videoplayer { top: 50px; left: 198px; width: 251px; height: 184px; }
/* contact */
#contact { position: relative; width: 551px; }
#contact .contact_02 { top: 0; left: 235px; width: 316px; height: 201px; background-image: url('images/contact_02.jpg'); }
#contact .contact_03 { top: 47px; left: 0; width: 235px; height: 154px; background-image: url('images/contact_03.jpg'); }
#contact .contact_04 { top: 201px; left: 0; width: 179px; height: 369px; background-image: url('images/contact_04.jpg'); }
#contact .contact_05 { top: 201px; left: 179px; }
#contact .contact_06 { top: 201px; left: 376px; width: 175px; height: 369px; background-image: url('images/contact_06.jpg'); }
#contact .form { top: 292px; left: 179px; width: 187px; height: 268px; padding: 5px; background-color: #D2430A; color: #FFFFFF; }
#contact .form .field { margin: 2px 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 100%; border: 0; }
/* faq */
#faq { position: relative; width: 844px; }
#faq .faq_01 { top: 0; left: 0; width: 217px; height: 570px; background-image: url('images/faq_01.jpg'); }
#faq .faq_02 { top: 0; left: 217px; width: 414px; height: 234px; background-image: url('images/faq_02.jpg'); }
#faq .faq_03 { top: 0; left: 631px; width: 213px; height: 570px; background-image: url('images/faq_03.jpg'); }
#faq .faq_04 { top: 234px; left: 217px; width: 414px; height: 336px; background-image: url('images/faq_04.jpg'); }
#faq .faqtitle { top: 261px; left: 227px; width: 200px; height: 100px; color: #FFFFFF; }
#faq .faq { top: 300px; left: 218px; width: 400px; height: 244px; }
#faq .scroll_faq { top: 305px; left: 605px; width: 10px; height: 221px; }
/* signup */
#signup { position: relative; width: 888px; }
#signup .signup_01 { top: 0; left: 0; width: 285px; height: 570px; background-image: url('images/signup_01.jpg'); }
#signup .signup_02 { top: 0; left: 285px; width: 402px; height: 201px; background-image: url('images/signup_02.jpg'); }
#signup .signup_03 { top: 0; left: 687px; width: 201px; height: 570px; background-image: url('images/signup_03.jpg'); }
#signup .signup_04 { top: 201px; left: 285px; width: 402px; height: 369px; background-image: url('images/signup_04.jpg'); }
#signup .form { top: 259px; left: 285px; width: 392px; height: 287px; color: #FFFFFF; overflow: hidden; overflow-x: hidden; }
#signup .button { top: 388px; left: 349px; }