/* __ __ /\ \ __ /\ \ \_\ \/\_\ ___\ \ \/'\ ___ ___ __ ___ ____ /'_` \/\ \ /'___\ \ , < /' __` __`\ /'__`\ /' _ `\ /',__\ /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\ \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/ \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com */ /* GENERAL ----------------------------------------------------------------------------- */ * {margin:0; padding:0;} a{ text-decoration:none;} a:hover{ text-decoration:none;} a img {border: 0;} img { display: block; } ul, ol {list-style:none;} .img_left img{float:left;} .left {float:left;} .right {float:right;} .clear {clear:both;} .over {overflow:hidden;} .over1 {overflow:hidden; height:1px;} .over0 {overflow:hidden; height:0px;} .block {display:block;} .del{display:none;} .null{visibility:hidden;} a.contactlink { color: #3fc6d9; } .white { color: #fff; } /* BASE ----------------------------------------------------------------------------- */ body { margin:0; background: #000002 url(images/bg0.jpg) repeat-y top center; font-family: Tahoma; font-size:12px; line-height:1.3em; color:#939393; } .main { position:relative; margin:0 auto; width:px; } /* HEADER ----------------------------------------------------------------------------- */ .header { background: url(images/bg1.jpg) no-repeat top center; } .header .inner { width: 984px; margin: 0 auto; position: relative; } .header .inner .menu { position: absolute; left: 318px; top: 49px; } .header .inner .menu ul li { float: left; } .header .inner .menu ul li a img {opacity: .75; filter: alpha(opacity=75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";} .header .inner .menu ul li .hover img, .header .inner .menu ul li a:hover img {opacity: 100; filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .header .inner .login { position: absolute; top: 107px; right: 10px; } .header .inner .login .p1 { float: left; padding: 0 8px 0 15px; } .header .inner .login .p2 { float: left; } .header .inner .login .p2 input { width: 105px; background: #000000; border: 0px; padding: 2px; font-weight: bold; color: #999; } .header .inner .login .p3 { float: left; padding: 0 0 0 15px; } .header .inner .login .p3 input { width: 55px; color: #CCCCCC; font-weight: bold; background: #000000; border: 0; padding: 1px 0; } /* CONTENT ----------------------------------------------------------------------------- */ .content { margin: 0 auto; width: 984px; position: relative; } /* FOOTER ----------------------------------------------------------------------------- */ .footer { background: url(images/bg2-bg.jpg) repeat-x; } .footer .inner1 { background: url(images/bg2.jpg) no-repeat top center; } .footer .inner2 { width: 984px; margin: 0 auto; position: relative; } .footer .inner2 .bt1 { position: absolute; left: 23px; top: 475px; } .footer .inner2 .bt2 { position: absolute; left: 613px; top: 475px; } .footer .inner2 .menu { position: absolute; left: 81px; top: 588px; } .footer .inner2 .menu ul li { float: left; } .footer .inner2 .menu ul li a img {opacity: .75; filter: alpha(opacity=75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";} .footer .inner2 .menu ul li .hover img, .footer .inner2 .menu ul li a:hover img {opacity: 100; filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .footer .inner2 .copy { background: #1d1d1d; color: #848383; text-align: center; padding: 15px 0; } .footer .inner2 .copy p { display: block; padding: 5px 0; } /* -------------------------------------------------------------------------- */ /* HOME /* -------------------------------------------------------------------------- */ #home {} #home .box1 { float: left; position: relative; } #home .box1 .p1 { position: absolute; left: 17px; top: 74px; height: 130px; width: 290px; overflow-x: none; overflow-y: scroll; color: #939393; } #home .box1 .p1 strong { color: #cccccc; display: block; } #home .box1 .p1 a { color: #3d99e0; font-weight: bold; text-decoration: underline; } #home .box1 .p1 li { padding: 0 0 10px 0; line-height: 14px; } #home .box2 { float: right; position: relative; } #home .box2 .p1 {position: absolute; left: 17px; top: 72px; width: 380px; line-height: 19px; } #home .box2 .p1 strong { color: #cccccc; } #home .box2 .p1 span { color: #3d99e0; font-weight: bold; } #home .box3 { position: relative; } #home .box3 .col1 { position: absolute; left: 20px; top: 19px; } #home .box3 .col1 .image { position: absolute; left: 26px; top: 47px; } #home .box3 .col1 .bt { position: absolute; left: 26px; top: 312px; } #home .box3 .col2 { position: absolute; left: 347px; top: 19px; } #home .box3 .col2 .bt { position: absolute; left: 26px; top: 312px; } #home .box3 .col2 .p1 { position: absolute; left: 26px; top: 177px; width: 235px; } #home .box3 .col2 .p1 strong { color: #cccccc; } #home .box3 .col2 .p1 span { color: #3d99e0; font-weight: bold; } #home .box3 .col3 { position: absolute; left: 675px; top: 19px; } #home .box3 .col3 .p1 { position: absolute; left: 26px; top: 47px; width: 235px; } #home .box3 .col3 .p1 strong { color: #cccccc; } #home .box3 .col3 .p1 span { color: #3d99e0; font-weight: bold; } /* -------------------------------------------------------------------------- */ /* ABOUTUS /* -------------------------------------------------------------------------- */ #aboutus {} #aboutus .header .box1 { position: relative; background: #1d1d1d; } #aboutus .header .box1 .p1 { position: absolute; top: 79px; left: 657px; width: 295px; line-height: 14px; } #aboutus .header .box1 .p1 strong { color: #cccccc; } #aboutus .content .box2 { position: relative; background: #1d1d1d; } #aboutus .content .box2 .col1 { width: 636px; } #aboutus .content .box2 p { display: block; padding: 20px 15px; } #aboutus .content .box2 ul { padding: 0 0 15px 25px; } #aboutus .content .box2 li { background: url(images/aboutus_s1.jpg) no-repeat; padding: 0px 0 10px 50px; color: #cccccc; } #aboutus .content .box2 li strong { display: block; } #aboutus .content .box4 { background: #1d1d1d; position: absolute; left: 637px; top: 280px; } #aboutus .content .box3 { background: #1d1d1d; position: absolute; left: 637px; top: 67px; } #aboutus .content .box4 p, #aboutus .content .box3 p { position: absolute; left: 103px; top: 62px; width: 200px; line-height: 14px; } #aboutus .content .box4 .bt1, #aboutus .content .box3 .bt1 { position: absolute; left: 148px; top: 143px; } /* -------------------------------------------------------------------------- */ /* CONTACT /* -------------------------------------------------------------------------- */ #contact {} #contact .header .box1 { position: relative; background: #1d1d1d; } #contact .header .box1 .p1 { position: absolute; top: 79px; left: 662px; width: 295px; line-height: 14px; } #contact .header .box1 .p1 strong { color: #cccccc; } #contact .content .box2 { width: 622px; float: left; position: relative; } #contact .content .box2 dl { left: 118px; top: 100px; position: absolute; } #contact .content .box2 dl label { width: 80px; text-transform: uppercase; text-align: right; float: left; padding: 0 10px 0 0; font-weight: bold; } #contact .content .box2 dl input { background: #2d2d2d; border: 0px; padding: 2px; color: #CCCCCC; width: 280px; float: left; } #contact .content .box2 dl textarea { background: #2d2d2d; border: 0px; padding: 2px; color: #CCCCCC; width: 280px; float: left; height: 180px; } #contact .content .box2 dl dd { height: 30px; } #contact .content .box2 dl dt { height: 190px; } #contact .content .box2 .bt { position: absolute; left: 140px; top: 415px; } #contact .content .box3 { width: 362px; float: left; position: relative; } #contact .content .box3 .p0 { position: absolute; top: 60px; left: 20px; width: 320px; } #contact .content .box3 ul { position: absolute; top: 120px; left: 5px; width: 355px; padding: 10px 0 0 0; } #contact .content .box3 ul li { border-bottom: 1px solid #383838; padding: 20px 40px; } #contact .content .box3 ul li img { float: left; border: 3px solid #FFFFFF; } #contact .content .box3 ul li .p1 { float: left; padding: 9px 0 0 20px; color: #FFFFFF; } /* -------------------------------------------------------------------------- */ /* PORTFOLIO /* -------------------------------------------------------------------------- */ #portfolio {} #portfolio .header .box1 { position: relative; background: #1d1d1d; } #portfolio .header .box1 .p1 { position: absolute; top: 85px; left: 665px; width: 295px; line-height: 14px; } #portfolio .header .box1 .p1 strong { color: #cccccc; } #portfolio .content .box2 { background: url(images/portfolio_box2-bg.jpg) repeat-y; } #portfolio .content .box2 .inner1 { background: url(images/portfolio_box2-top.jpg) no-repeat; height: 1%; } #portfolio .content .box2 .inner2 { background: url(images/portfolio_box2-bottom.jpg) no-repeat left bottom; height: 1%; } #portfolio .content .box2 .inner2 ul { padding-top: 45px; padding-right: 0; padding-bottom: 45; padding-left: 50px; height: 414px;} #portfolio .content .box2 .inner2 ul li { width: 285px; float: left; height: 368px; padding-top: 0; padding-right: 17px; padding-bottom: 0; padding-left: 0; }#portfolio .content .box2 .inner2 ul li .site a { background: #1f1f1f; border: 4px solid #747373; display: block; padding: 4px 8px; font-weight: bold; color: #FFFFFF; } #portfolio .content .box2 .inner2 ul li .desc { font-size: 11px; line-height: 13px; height: 60px; padding: 10px 0 15px 0; } #portfolio .content .box2 .inner2 ul li .bt { height: 18px; } /* -------------------------------------------------------------------------- */ /* PROGRAMS /* -------------------------------------------------------------------------- */ #programs {} #programs .header .box1 { position: relative; background: #1d1d1d; } #programs .header .box1 .p1 { position: absolute; top: 79px; left: 662px; width: 295px; line-height: 14px; } #programs .header .box1 .p1 strong { color: #cccccc; } #programs .content .box2 { float: left; width: 644px; background: url(images/programs_box2-bg.jpg) repeat-y; } #programs .content .box2 .inner1 { background: url(images/programs_box2-top.jpg) no-repeat; } #programs .content .box2 .inner2 { background: url(images/programs_box2-bottom.jpg) no-repeat left bottom; padding: 35px 45px 35px 24px; } #programs .content .box2 .inner2 strong { color: #FFFFFF; } #programs .content .box2 .inner2 .p1 { padding: 0 10px 10px 10px; border-bottom: 1px solid #000000; } #programs .content .box2 .inner2 .p2 { padding: 10px 10px 0 10px; border-top: 1px solid #383838; } #programs .content .box2 .inner2 li { border-top: 1px solid #383838; border-bottom: #000000 solid 1px; padding: 0 10px 0 167px; } #programs .content .box2 .inner2 li p { padding: 10px 0; } #programs .content .box2 .inner2 li.li1 { background: url(images/programs_box2-li1.jpg) no-repeat; } #programs .content .box2 .inner2 li.li2 { background: url(images/programs_box2-li2.jpg) no-repeat; } #programs .content .box2 .inner2 li.li3 { background: url(images/programs_box2-li3.jpg) no-repeat; } #programs .content .box2 .inner2 li.li4 { background: url(images/programs_box2-li4.jpg) no-repeat; } #programs .content .box3 { float: right; width: 340px; } #programs .content .box3 .p1 { background: #111111; } #programs .content .box3 .p1 p { padding: 10px 15px; display: block; border-bottom: 1px solid #383838; } #programs .content .box3 .p1 ul li { background: url(images/programs_box3-bullet.jpg) no-repeat 10px 15px; padding: 10px 0 10px 35px; border-top: 1px solid #050505; border-bottom: 1px solid #383838; } #programs .content .box3 .p1 ul li strong { color: #FFFFFF; display: block; } .money { width: 619px; height: 219px; } ul.siteProgram { width: 309px; height: 360px; margin-right: auto; margin-left: auto; list-style-type: none; overflow: scroll; border: 1px solid #656565; } ul.siteProgram li.eachsite { width: 293px; height: 91px; background: url(images/bg_siteprogram.jpg) no-repeat 0px 0px; border-bottom: 1px solid #656565; margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; } #detailsPortfolio {} #detailsPortfolio .header .box1 { position: relative; background: #1d1d1d; } #detailsPortfolio .header .box1 .p1 { position: absolute; top: 85px; left: 665px; width: 295px; line-height: 14px; } #detailsPortfolio .header .box1 .p1 strong { color: #cccccc; } #detailsPortfolio .content .box5 { background: url(images/portfolio_box2-bg.jpg) repeat-y; } #detailsPortfolio .content .box5 .inner1 { background: url(images/portfolio_box2-top.jpg) no-repeat; height: 1%; } #detailsPortfolio .content .box5 .inner2 { background: url(images/portfolio_box2-bottom.jpg) no-repeat left bottom; height: 1%; padding-bottom: 33px;} #detailsPortfolio .content .box5 .inner2 ul { padding: 45px 0 0 50px; } #detailsPortfolio .content .box5 .inner2 ul li { width: 285px; float: left; padding: 0 17px 0 0; height: 215px; } #detailsPortfolio .content .box5 .inner2 ul li .site a { background: #1f1f1f; border: 4px solid #747373; display: block; padding: 4px 8px; font-weight: bold; color: #FFFFFF; } #detailsPortfolio .content .box5 .inner2 ul li .desc { font-size: 18px; height: 45px; padding: 0px 0; color: #00c0ff; text-align: center; background: url(images/bg_programtypes.jpg); line-height: 45px; } #detailsPortfolio .content .box5 .inner2 ul li .bt { height: 18px; } /* -------------------------------------------------------------------------- */ /* SIGNUP /* -------------------------------------------------------------------------- */ #signup {} #signup .header .box1 { position: relative; background: #1d1d1d; } #signup .header .box1 .p1 { position: absolute; top: 79px; left: 662px; width: 295px; line-height: 14px; } #signup .header .box1 .p1 strong { color: #cccccc; } #signup .content .box2 { float: left; width: 622px; background: url(images/signup_box2-bg.jpg) repeat-y; } #signup .content .box2 .inner1 { background: url(images/signup_box2-top.jpg) no-repeat; } #signup .content .box2 .inner2 { background: url(images/signup_box2-bottom.jpg) no-repeat left bottom; padding: 35px 45px 35px 24px; } #signup .content .box2 .inner2 .pag { padding: 0 0 35px 0; } #signup .content .box2 .inner2 .pag p { float: left; font-size: 14px; line-height: 16px; font-weight: bold; padding: 0 0 0 20px; } #signup .content .box2 .inner2 .pag p.hover { color: #FFFFFF; } #signup .content .box2 .inner2 .bt { padding: 10px 0 35px 230px; } #signup .content .box2 .inner2 ul li { height: 33px; } #signup .content .box2 .inner2 ul label { width: 220px; text-transform: uppercase; text-align: right; float: left; padding: 0 10px 0 0; font-weight: bold; } #signup .content .box2 .inner2 ul input { background: #2d2d2d; border: 0px; padding: 4px; color: #CCCCCC; width: 280px; float: left; } #signup .content .box2 .inner2 ul li.domain { height: 25px; } #signup .content .box2 .inner2 small { color: #ffffcc; display: block; padding: 5px 0 5px 230px; } #signup .content .box3 { float: right; width: 362px; background: #111111; } #signup .content .box3 li { border-top: 1px solid #383838; border-bottom: #000000 solid 1px; padding: 10px 15px; } #signup .content .box3 li.color { color: #FFFFFF; } /* -------------------------------------------------------------------------- */ /* SITE DETAILS /* -------------------------------------------------------------------------- */ #sitedetails .box1 { background: url(images/sitedetails_box1-bg.jpg) repeat-y; } #sitedetails .box1 .inner1 { background: url(images/sitedetails_box1-top.jpg) no-repeat; } #sitedetails .box1 .inner2 { background: url(images/sitedetails_box1-bottom.jpg) no-repeat left bottom; padding: 28px 0 20px 23px; } #sitedetails .box1 .inner2 .sitedetails { padding: 0 0 0 8px; } #sitedetails .box1 .inner2 .sitedetails .image { float: left; } #sitedetails .box1 .inner2 .sitedetails .image img { border: 1px solid #202020; } #sitedetails .box1 .inner2 .sitedetails .info { float: left; position: relative; } #sitedetails .box1 .inner2 .sitedetails .info p { position: absolute; top: 53px; left: 15px; } #sitedetails .box1 .inner2 .sitedetails .info p strong { color: #FFFFFF;} #sitedetails .box1 .inner2 .sitedetails .info ul { position: absolute; top: 175px; left: 15px; } #sitedetails .box1 .inner2 .sitedetails .info ul li { height: 25px; } #sitedetails .box1 .inner2 .sitedetails .info ul li strong { width: 80px; float: left; text-align: right; padding: 0 10px 0 0; color: #939393; } #sitedetails .box1 .inner2 .sitedetails .info ul li span { float: left; color: #FFFFFF; } #sitedetails .box1 .inner2 .sitedetails .info ul li img { float: left; } #sitedetails .box1 .inner2 .sitedetails .info ul li .star { float: left; padding: 3px 0 0 8px; } #sitedetails .box1 .inner2 .box2 p { float: left; width: 400px; padding: 10px 0 0 10px; width: 570px; } #sitedetails .box1 .inner2 .box2 .player { width: 326px; float: right; padding: 10px 32px 10px 0; } #sitedetails .box1 .inner2 .box2 .player img { border: 1px solid #262626; } #sitedetails .box1 .inner2 .box3 { background: #101010; padding: 15px 0 15px 20px; border-top: 1px solid #1e1e1e; width: 920px; overflow: hidden; } #sitedetails .box1 .inner2 .box3 h2 { padding: 0 0 15px 0; } #sitedetails .box1 .inner2 .box3 ul { width: 1100px; } #sitedetails .box1 .inner2 .box3 ul li { float: left; padding: 0 15px 0 0; } #sitedetails .box1 .inner2 .box3 ul li img { border: 1px solid #323232; } /* -------------------------------------------------------------------------- */ /* TOOLS /* -------------------------------------------------------------------------- */ #tools {} #tools .header .box1 { position: relative; background: #1d1d1d; } #tools .header .box1 .p1 { position: absolute; top: 79px; left: 663px; width: 295px; line-height: 14px; } #tools .header .box1 .p1 strong { color: #cccccc; } #tools .content .box2 {} #tools .content .box2 li { float: left; position: relative; } #tools .content .box2 li p { position: absolute; left: 35px; top: 123px; width: 190px; line-height: 13px; } /* -------------------------------------------------------------------------- */ /* ADDITIONAL STYLES BY WEBQUEST (POST DICKMANS) /* -------------------------------------------------------------------------- */ h1.sitedetailsName { width: 327px; height: 40px; font: bold 18px/40px Arial, Helvetica, sans-serif; color: #fff; background: #3588bc url(images/sitedetails_sitebg.png) no-repeat; text-align: center; } #sitesPrograms { width: 984px; height: auto; margin-right: auto; margin-left: auto; background: #1d1d1d; padding-bottom: 15px; } #programstitle { width: 984px; height: 51px; } #sitesPrograms p { width: 938px; height: auto; font-size: 13px; color: #939393; text-align: left; margin-top: 14px; margin-right: auto; margin-left: auto; padding-bottom: 14px; } ul.programspecs { width: 936px; height: 113px; list-style-type: none; margin-right: auto; margin-left: auto; border: 1px solid #343434; background: url(images/bg_sitespecs.jpg) no-repeat; margin-bottom: 5px; } ul.programspecs li { width: 200px; height: 113px; text-align: left; display: inline; float: left; } ul.programspecs li.sitesthumbs { width: 147px; height: 105px; text-align: center; padding-top: 8px; } ul.programspecs li.sitesthumbs img { border: 3px solid #000; margin-right: auto; margin-left: auto; } ul.programspecs li.midspecs { width: 594px; padding-top: 9px; height: 104px; } ul.programspecs li.joinspecs { width: 195px; padding-top: 34px; height: 79px; } ul.programtypez { width: 594px; height: auto; list-style-type: none; } ul.programtypez li { width: 594px; height: 15px; font: normal 13px/15px Arial, Helvetica, sans-serif; text-align: left; margin-bottom: 3px; color: #fff; } ul.programtypez li.thefirst { font-size: 14px; font-weight: bold; color: #ff29b3; }