/* CSS Document */ body{padding:0px; margin:0px; background:#fff url(../images/b_body.gif) 0 0 repeat-x; color:#848484; font:10px/14px Tahoma, sans-serif;} div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;} ul{list-style-type:none;} .clear {clear: both; margin: 0px; height:0} p a{font:10px/14px Tahoma, sans-serif; color:#639ce1; text-decoration:underline;} p a:hover{ color:#000; text-decoration:none;} .headline{font:11px/14px Trebuchet MS, sans-serif; color:#454b55; font-weight:bold} #container{width:718px; margin:0 auto;} /* TOP */ #topPan{width:718px; height:95px; position:relative;} #topPan ul.menu{position:absolute; top:0; left:4px; width:710px} #topPan ul.menu li{float:left; width:110px; height:43px; margin-right:10px; background:url(../images/b_btns.jpg) 0 0 no-repeat; padding-top:52px;} #topPan ul.menu li a{ width:110px; height:15px; display:block; text-indent:-20000px;} #topPan ul.menu li a:hover{ width:110px; height:15px;} #topPan ul.menu li.home a{background:url(../images/btn_1.jpg) 19px 0 no-repeat; } #topPan ul.menu li.home a:hover{background:url(../images/btn_1_over.jpg) 19px 0 no-repeat;} #topPan ul.menu li.about a{background:url(../images/btn_2.jpg) 15px 0 no-repeat; } #topPan ul.menu li.about a:hover{background:url(../images/btn_2_over.jpg) 15px 0 no-repeat;} #topPan ul.menu li.hosting a{background:url(../images/btn_3.jpg) 13px 0 no-repeat; } #topPan ul.menu li.hosting a:hover{background:url(../images/btn_3_over.jpg) 13px 0 no-repeat;} #topPan ul.menu li.solutions a{background:url(../images/btn_4.jpg) 24px 0 no-repeat; } #topPan ul.menu li.solutions a:hover{background:url(../images/btn_4_over.jpg) 24px 0 no-repeat;} #topPan ul.menu li.moreservices a{background:url(../images/btn_5.jpg) 10px 0 no-repeat; } #topPan ul.menu li.moreservices a:hover{background:url(../images/btn_5_over.jpg) 10px 0 no-repeat;} #topPan ul.menu li.contacts {margin-right:0} #topPan ul.menu li.contacts a{background:url(../images/btn_6.jpg) 16px 0 no-repeat; } #topPan ul.menu li.contacts a:hover{background:url(../images/btn_6_over.jpg) 16px 0 no-repeat;} /* HEADER */ #header{width:718px; height:211px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat} #logo{position:absolute; top:1px; left:523px} .plan#plan01{position:absolute; top:1px; left:1px; width:261px; height:209px; background:url(../images/b_p1.jpg) 0 0 no-repeat} .plan#plan02{position:absolute; top:1px; left:262px; width:261px; height:209px; background:url(../images/b_p2.jpg) 0 0 no-repeat} .plan#plan03{position:absolute; top:1px; left:262px; width:261px; height:209px; background:url(../images/b_p2.jpg) 0 0 no-repeat} .plan#plan04{position:absolute; top:1px; left:1px; width:261px; height:209px; background:url(../images/b_p1.jpg) 0 0 no-repeat} .plan#plan05{position:absolute; top:1px; left:262px; width:261px; height:209px; background:url(../images/b_p2.jpg) 0 0 no-repeat} .plan#minihost_right{position:absolute; top:1px; left:262px; width:261px; height:209px; background:url(../images/b_p2.jpg) 0 0 no-repeat} .plan#minihost_right h2{position: absolute; top:9px; left:127px; width:134px; height:53px; background:url(../images/h_p3.gif) 0 0 no-repeat;} .plan#minihost_right img#img_p2{position: absolute; top:9px; left:0; } .plan#minihost_right img#price_p2{position: absolute; top:166px; left:21px; } .plan#plan01 h2{position: absolute; top:9px; left:127px; width:134px; height:53px; background:url(../images/h_p3.gif) 0 0 no-repeat;} .plan#plan02 h2{position: absolute; top:9px; left:127px; width:134px; height:53px; background:url(../images/h_p2.gif) 0 0 no-repeat;} .plan#plan03 h2{position: absolute; top:9px; left:127px; width:134px; height:53px; background:url(../images/h_p3.gif) 0 0 no-repeat;} .plan#plan04 h2{position: absolute; top:9px; left:127px; width:134px; height:53px; background:url(../images/h_p4.gif) 0 0 no-repeat;} .plan#plan05 h2{position: absolute; top:9px; left:127px; width:134px; height:53px; background:url(../images/h_p5.gif) 0 0 no-repeat;} .plan#plan01 img#img_p1{position: absolute; top:9px; left:0; } .plan#plan02 img#img_p2{position: absolute; top:9px; left:0; } .plan#plan03 img#img_p3{position: absolute; top:9px; left:0; } .plan#plan04 img#img_p4{position: absolute; top:9px; left:0; } .plan#plan05 img#img_p5{position: absolute; top:9px; left:0; } .plan#plan01 img#price_p1{position: absolute; top:166px; left:21px; } .plan#plan02 img#price_p2{position: absolute; top:166px; left:21px; } .plan#plan03 img#price_p3{position: absolute; top:166px; left:21px; } .plan#plan04 img#price_p4{position: absolute; top:166px; left:21px; } .plan#plan05 img#price_p5{position: absolute; top:166px; left:21px; } .plan ul.d01{position:absolute; top:70px; left:127px; width:130px} .plan ul.d01 li{font:10px/14px Tahoma, sans-serif; padding-left:3px; height:14px; text-transform:uppercase; color:#fff} .plan ul.d01 li.back{background:#849a28} .plan ul.d02{position:absolute; top:70px; left:207px; width:34px} .plan ul.d02 li{font:10px/14px Tahoma, sans-serif; padding-right:4px; height:14px; text-transform:uppercase; color:#fff; text-align:right} .plan ul.d02 li.back{background:#849a28} ul.btns{width:72px; position:absolute; top:148px; left:156px} ul.btns li{width:72px; height:18px; text-align:center; padding-top:4px} ul.btns li a{font:10px/14px Tahoma, sans-serif; color:#0c292b; text-decoration:none} ul.btns li a:hover{ text-decoration:underline} ul.btns li.details{background:url(../images/b_btn_details.gif) 0 0 no-repeat; margin-bottom:2px} ul.btns li.order{background:url(../images/b_btn_order.gif) 0 0 no-repeat} /* CONTENT */ #content{width:716px;position:relative;} #leftPan{width:523px; margin:0 20px 0 0; float:left;} #rightPan{width:165px;float:left;} #dedicated{width:523px; height:209px; margin-bottom:20px; background: url(../images/b_dedicated.jpg) 0 0 no-repeat; position:relative} #dedicated h2{height:59px; position:relative; background:url(../images/h_dedicated.gif) 0 0 no-repeat; margin:17px 0 0 250px} #dedicated img#price_dedicated{position:absolute; top:90px; left:237px} #dedicated img#btn_dedicated{position:absolute; top:158px; left:256px} #dedicated ul{width:105px; position:absolute; top:90px; left:405px} #dedicated ul li{height:18px; background: url(../images/arrow1.gif) 0 6px no-repeat; padding-left:10px; font:10px/14px Tahoma, Geneva, sans-serif; color:#848484} #dedicated ul li a{ color:#848484; text-decoration:underline} #dedicated ul li a:hover{ color:#000; text-decoration:none} #hosting_service{width:523px; height:209px; margin-bottom:20px; background: url(../images/b_dedicated_.jpg) 0 0 no-repeat; position:relative} #hosting_service h2{height:44px; position:relative; background:url(../images/h_starterhost.gif) 0 0 no-repeat; margin:17px 0 0 250px} #hosting_service img#price_dedicated{position:absolute; top:90px; left:270px} #hosting_service img#btn_dedicated{position:absolute; top:158px; left:256px} #hosting_service ul{width:125px; position:absolute; top:90px; left:400px} #hosting_service ul li{height:18px; background: url(../images/arrow1.gif) 0 6px no-repeat; padding-left:10px; font:10px/14px Tahoma, Geneva, sans-serif; color:#848484} #hosting_service ul li a{ color:#848484; text-decoration:underline} #hosting_service ul li a:hover{ color:#000; text-decoration:none} #domain_service{width:523px; height:209px; margin-bottom:20px; background: url(../images/b_domain_dedicated.jpg) 0 0 no-repeat; position:relative} #domain_service h2{height:44px; position:relative; background:url(../images/h_domain_register.gif) 0 0 no-repeat; margin:17px 0 0 250px} #domain_service img#price_dedicated{position:absolute; top:90px; left:270px} #domain_service img#btn_dedicated{position:absolute; top:158px; left:256px} #domain_service ul{width:125px; position:absolute; top:90px; left:400px} #domain_service ul li{height:18px; background: url(../images/arrow1.gif) 0 6px no-repeat; padding-left:10px; font:10px/14px Tahoma, Geneva, sans-serif; color:#848484} #domain_service ul li a{ color:#848484; text-decoration:underline} #domain_service ul li a:hover{ color:#000; text-decoration:none} #otherservices{width:523px; height:1250px; margin-bottom:20px; position:relative} #otherservices h2{height:59px; position:relative; background:url(../images/h_otherservices.gif) 0 0 no-repeat; margin:17px 0 0 20px} #otherservices_included{width:430px; height:209px; margin-bottom:20px; margin-left: 20px; position:relative} #otherservices_included ul{width:400px; position:relative;} #otherservices_included ul li{height:18px; background: url(../images/arrow1.gif) 0 6px no-repeat; padding-left:10px; font:10px/14px Tahoma, Geneva, sans-serif; color:#848484} #otherservices_included ul li a{ color:#848484; text-decoration:underline} #otherservices_included ul li a:hover{ color:#000; text-decoration:none} #otherservices_included p {margin-left: 20px; margin-bottom: 20px; width:450px;} #hostdetails{width:523px; height:1150px; margin-bottom:20px; position:relative} #hostdetails h2{height:59px; position:relative; background:url(../images/h_hostdetails.gif) 0 0 no-repeat; margin:17px 0 0 20px} #hostdetails h3{font:bold 21px/27px arial;color:#fff; margin-bottom:10px;} #hostdetails_included{width:400px; height:auto; margin-bottom:20px; margin-left: 50px; position:relative} #hostdetails_included ul li{height:21px; background: url(../images/check.gif) 1px 7px no-repeat; padding-left:24px; font:11px/14px Tahoma, Geneva, sans-serif; color:#444f51; border-bottom: #444f51 1px dotted; padding-top:5px} #hostdetails_included ul li a{ color:#444f51; text-decoration:none} #hostdetails_included ul li a:hover{ color:#444f51; text-decoration:underline} #sitedetails{width:523px; height:960px; margin-bottom:20px; position:relative} #sitedetails h2{height:59px; position:relative; background:url(../images/h_sitedetails.gif) 0 0 no-repeat; margin:17px 0 0 20px} #sitedetails h3{height:59px; position:relative; top: -285px; left:260px; background:url(../images/h_bizdetails.gif) 0 0 no-repeat; margin:17px 0 0 20px;} p.subtitle{font:10px/12px Arial, Helvetica, sans-serif; color:#b2b2b2; padding:5px 1px; border-bottom:#444f51 1px dotted; border-top:#444f51 1px dotted; text-transform:uppercase;} ul.bullets li{height:20px; background: url(../images/arrow1.gif) 0 6px no-repeat; padding-left:10px; font:10px/14px Tahoma, Geneva, sans-serif; color:#8eb61c} ul.bullets li a{ color:#8eb61c; text-decoration:underline} ul.bullets li a:hover{ color:#000; text-decoration:none} #services{width:224px; float:left; margin:0 34px 0 16px;} #services h2{height:34px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; margin-bottom:6px;} #services img{margin-bottom:12px} #services p {margin-bottom:15px} #services p span.headline{display:block; margin-bottom:0px} #services ul.bullets{margin-left:10px} #services p.subtitle{margin-bottom:10px} #whats{width:224px; float:left; margin:0 34px 0 16px;} #whats h2{height:34px; position:relative; background:url(../images/h_whats.gif) 0 0 no-repeat; margin-bottom:6px;} #whats img{margin-bottom:12px} #whats p {margin-bottom:15px} #whats p span.headline{display:block; margin-bottom:0px} #whats ul.bullets{margin-left:10px} #whats p.subtitle{margin-bottom:10px} #solutions{width:224px; float:left;} #solutions h2{height:34px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:6px} #solutions img{margin-right:10px; float:left; margin-bottom:12px} #solutions p {margin-bottom:15px;} #solutions p.headline{float:left; width:111px; margin-bottom:12px} #solutions ul.bullets{margin-left:10px} #solutions p.subtitle{margin-bottom:10px} #howworks{width:224px; float:left;} #howworks h2{height:34px; position:relative; background:url(../images/h_howwork.gif) 0 0 no-repeat; margin-bottom:6px} #howworks img{margin-right:10px; float:left; margin-bottom:12px} #howworks p {margin-bottom:15px;} #howworks p.headline{float:left; width:111px; margin-bottom:12px} #howworks ul.bullets{margin-left:10px} #howworks p.subtitle{margin-bottom:10px} #included{margin-top:26px; margin-bottom:20px;} #included h2{height:22px; position:relative; background:url(../images/h_included.gif) 0 0 no-repeat; margin-bottom:5px} #included ul li{height:21px; background: url(../images/check.gif) 1px 7px no-repeat; padding-left:24px; font:11px/14px Tahoma, Geneva, sans-serif; color:#444f51; border-bottom: #444f51 1px dotted; padding-top:5px} #included ul li a{ color:#444f51; text-decoration:none} #included ul li a:hover{ color:#444f51; text-decoration:underline} #why h2{height:22px; top: 15px; position:relative; background:url(../images/h_why.gif) 0 0 no-repeat; margin-bottom:20px} .whyTopic{margin-bottom:20px;} .whyTopic img{float:left; margin-right:12px} .whyTopic p{padding-left:5px;font:11px/16px Trebuchet MS, sans-serif; font-weight:normal;} .whyTopic p.link{padding-left:0; width:115px; float:left} .whyTopic .clear{height:6px} /* FOOTER */ #footer{height:70px; clear:both; margin:10px auto 0 auto; background:url(../images/b_footer.gif) 0 0 repeat-x;} #footer p{padding: 16px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#ffffff;} #footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#ffffff; text-decoration:none; padding: 0 3px } #footer p a:hover{text-decoration:none; background:#ffffff; color:#000}