/* Table of Content ================================================== #Top panel */ .container {width:100%; height:auto; float:left;} /*================================================== #Top panel ================================================== */ #top-panel {width:100%; height:auto; min-height:90px; float:left; padding-bottom:30px; background:url(../images/top-panel-bg.png) repeat-x left bottom; position:fixed; left:0px; top:0px; z-index:9999;} #top-panel #logo {width:365px; height:60px; float:left; margin:20px 0 0 0; background:url(../images/logo.png) no-repeat left top; text-indent:-9999px;} #top-panel .top-nav {width:auto; height:auto; float:right; margin:20px 0 0 0 } #top-panel .top-nav li {width:auto; height:auto; float:left; margin-left:15px} #top-panel .top-nav li a {width:auto; height:17px; float:left; padding-left:21px; font-family: 'RobotoRegular'; font-size:12px; color:#7c7b7b; line-height:17px; background-image:url(../images/top-nav-icons.png); background-repeat:no-repeat} #top-panel .top-nav li a.email {background-position:left 1px;} #top-panel .top-nav li a.account {background-position:left -42px;} #top-panel .top-nav li a.help {background-position:left -87px;} #top-panel .top-nav li a.email:hover {background-position:left -20px;} #top-panel .top-nav li a.account:hover {background-position:left -63px;} #top-panel .top-nav li a.help:hover {background-position:left -108px;} #top-panel .top-nav li a:hover {color:#3499ff;} #top-panel .top-nav li a:hover span {color:#3499ff; background-position:bottom;} #top-panel .main-nav {width:auto; height:auto; float:right; margin:20px 0 0 0} #top-panel .main-nav li {width:auto; height:auto; float:left; margin:0 0 0 25px; padding-bottom:10px; font-family: 'RobotoRegular'; font-size:13px; text-transform:uppercase; color:#5d5d5d; position:relative} #top-panel .main-nav li a {width:auto; float:left; color:#5d5d5d} #top-panel .main-nav li:hover a, #top-panel .main-nav li.active a {color:#2484e1} #top-panel .main-nav li ul {width:200px; height:auto; float:left; padding:10px 20px; position:absolute; left:0px; top:20px; background:#3499ff; display:none;} #top-panel .main-nav li ul li {width:100%; height:auto; float:left; margin:0px; padding:0px; } #top-panel .main-nav li ul li a {width:90%; height:auto; float:left; border-top:#FFF solid 1px; padding:8px 10px; color:#FFF !important; } #top-panel .main-nav li ul li:first-child a { border:none; } #top-panel .main-nav li ul li a:hover {background:#1f7fe1; color:#fff600 !important} #top-panel .main-nav li:hover ul {display:block;} /*================================================== #Container ================================================== */ #container {width:100%; height:auto; float:left; margin-top:105px;} .panel-one {width:960px; height:auto; float:left; background:#FFF; padding:0 10px 35px 10px} /* #banner-panel ================================================== */ #banner-panel {width:100%; height:auto; float:left; position:relative;} #pager {width:auto; height:auto; float:right; position:absolute; right:20px; bottom:20px; z-index:9999;} #pager a {width:15px; height:15px; float:left; margin:0 0 0 5px; background:#FFFFFF; border-radius:10px; text-indent:-9999px;} #pager a.activeSlide {background:#3698ff;} #banner-panel .slider {width:100%; height:352px; float:left;} #banner-panel .slider .slider-child {width:100%; height:352px; float:left; position:relative;} #banner-panel .slider .slider-child .grid_8 { margin-left:20px; } #banner-panel .slider .slider-child h1 {color:#fff; margin-top:30px;} #banner-panel .slider .slider-child ul {margin-top:15px;} #banner-panel .slider .slider-child ul li { width:100%; float:left; margin-top:10px; font:bold 14px Arial, Helvetica, sans-serif; color:#ffffff; font-style:italic} #banner-panel .slider .slider-child .offer-price {width:268px; height:150px; float:left; position:absolute; left:50%; bottom:0px; margin-left:-134px; background-image:url(../images/label.png); font-family: 'MyriadProBlackSemiCondensed'; color:#fff; font-size:102px; } #banner-panel .slider .slider-child .offer-price .price { width:100%; float:left; text-align:center; margin-top:35px;} #banner-panel .slider .slider-child .offer-price .price span{ font-size:60px;} #banner-panel .slider .slider-child .offer-price .month { width:100%; float:left; text-align:center; font-size:19px; text-transform:uppercase; position:relative; top:-15px;} #banner-panel .slider .slider-child .button-big {width:230px; padding:13px 10px; text-align:center;} #banner-panel .slider .slider-child.one { background:url(../images/slider-one.png) repeat-x left bottom;} #banner-panel .slider .slider-child.two { background:url(../images/slider-two.png) repeat-x left bottom;} #banner-panel .slider .slider-child.three { background:url(../images/slider-three.png) repeat-x left bottom;} .about-seedhost {display:block; padding:15px; border:#a8a8a8 dashed 1px; background:url(../images/plan-box-shadow.png) repeat-x left bottom; border-radius:15px;} .about-seedhost p {line-height:20px;} .services-panel {} .services-panel p {line-height:14px; margin:10px 0 0 0} .services-panel .top {width:100%; height:28px; float:left; background:url(../images/plans-top-bg.png) no-repeat left top} .services-panel .panel-body { width:268px; float:left; padding:0 15px 15px 15px; border:#a8a8a8 dashed 1px; background:url(../images/plan-box-shadow.png) repeat-x left bottom; border-radius:0px 0px 15px 15px; border-top:none;} .panel-body-cnt { width:100%; height:auto; float:left; background:url(../images/server.png) no-repeat right 70px} .services-panel .panel-body { margin:0px;} .services-panel .panel-body ul { width:100%; height:auto; margin:15px 0 0 0; float:left;} .services-panel .panel-body ul li { width:90%; height:auto; float:left; padding:0 0 5px 20px; color:#758f38; font-family: 'RobotoRegular'; font-size:14px; background:url(../images/round-arrow2.png) no-repeat left center} .services-panel .panel-body h6 { width:100%; height:auto; float:left; color:#344e6c; font:bold 13px Verdana, Geneva, sans-serif; margin:5px 0 0 0 !important} .services-panel .panel-body .price-panel {width:100%; height:auto; float:left; } .services-panel .panel-body .price-panel .month {width:auto; height:auto; float:left; margin:32px 0 0 5px; font:normal 14px Arial, Helvetica, sans-serif; color:#0f6a7b; } .services-panel .panel-body .price-panel .price {width:auto; height:auto; float:left; font:bold 55px Verdana, Geneva, sans-serif; color:#6aa404;line-height:50px} .services-panel .panel-body .price-panel .euro {width:33px; height:42px; float:left; margin:8px 0 0 0; background:url(../images/euro.png) no-repeat right center} .services-panel .panel-body .button {margin-top:8px !important;} .services-panel.dedicated-servers .top{background-position:right top} .get-started-100 { background:url(../images/guaranteed-100.png) no-repeat right bottom} .get-started-100 h5 { font:normal 12px Arial, Helvetica, sans-serif; color:#7e9d1c; margin-top:20px; } .get-started-100 .small { font:normal 11px Arial, Helvetica, sans-serif; color:#525252; margin-top:5px; } .get-started-100 a {display:inline-block; } .gallery {width:100%; height:auto; float:left;} .gallery li {float:left;} .gallery.four li { width:220px; margin:10px 10px; float:left;} .gallery.four li a { width:220px; float:left;} .gallery.four li a img { width:100%; float:left;} .contact-panel {width:90%; height:auto; float:left; padding:5% ;background:#f7f7f7; border:#d9d9d9 solid 1px;} .contact-form { margin:0px;} .contact-form p.small { width:48%;} .contact-form p.small label { width:100%;} .contact-form input[type="text"] { width:87%; } .contact-form textarea { width:94%; } .contact-form .button-big2 {padding:8px 15px; border-radius:10px; margin:0px;} .address .clm { display:block; padding-left:50px;} .address .clm.phone { background:url(../images/phone-icon.png) no-repeat; } .address .clm.mails { background:url(../images/mail-icon.png) no-repeat; } .address .clm h4 { color:#1f6187;} .address .clm.phone p {font-family: 'MyriadProLight'; margin:0px; font-size:28px; color:#6aa404;} .address .clm.mails p { color:#1f6187;font-family: 'MyriadProLight'; font-size:16px; margin:20px 0 0 0; text-transform:uppercase;} .address .clm.mails p:first-child { margin:5px 0 0 0} .address .clm.mails p a { color:#6aa404; text-transform:none } .address .clm.mails p a:hover { color:#ffa82c; } .why-us .media .media-object { width:70px; text-align:center;} #footer {width:960px; height:auto; float:left; padding:35px 10px} .clients-home {width:100%; height:auto; float:left;} .clients-home li {width:auto; height:auto; float:left; margin-left:80px} .clients-home li:first-child {margin-left:0} #footer .footer-nav {width:100%; height:auto; float:left; margin:35px 0 0 0; padding:35px 0 0 0; border-top:#bfc0c2 solid 1px} #footer h2 {font:normal 19px Arial, Helvetica, sans-serif; color:#175691; text-transform:none} #footer p { width:100%; font:normal 13px Arial, Helvetica, sans-serif; color:#7c7b7b; float:left;} #footer .newslatter input[type="text"] {width:263px; height:29px; float:left; padding:0 10px; margin:10px 0 0 0; background:#fff url(../images/newslatter-input-bg.png) no-repeat; border:#cdd1d5 solid 1px; font: normal 12px Arial, Helvetica, sans-serif; color:#999999;} #footer .foot-nav {width:31%; height:auto; float:left; padding-right:1.33333%} #footer .foot-nav li {width:100%; height:auto; float:left; margin:8px 0 0 0; font-family: 'MyriadPro-Regular'; font-size:14px; color:#515252; } #footer .foot-nav li a { color:#515252; } #footer .foot-nav li a:hover { color:#758f38; } #footer .foot-nav li:first-child { margin:0;padding-bottom:5px } #footer .foot-nav li h6 {font-family: 'MyriadProBold'; font-size:14px; color:#2468a8;} #footer .scoicalmedia h6 { font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#0a6e80;} #footer .scoicalmedia ul { width:100%; height:auto; float:left; margin:15px 0 0 0;} #footer .scoicalmedia ul li { width:23px; height:22px; float:left; margin:0 5px 0 0; text-indent:-9999px;} #footer .scoicalmedia ul li a { width:23px; height:22px; float:left; background:url(../images/social-media-icons.png) no-repeat left top} #footer .scoicalmedia ul li a.facebook { background-position:left top} #footer .scoicalmedia ul li a.youtub { background-position:-28px top} #footer .scoicalmedia ul li a.twitter { background-position:-56px top} #footer .copyrights {width:100%; height:auto; float:left; margin:10px 0 0 0; padding:10px 0 0 0; border-top:#bfc0c2 solid 1px; font:normal 12px Arial, Helvetica, sans-serif; color:#717d2b; text-decoration:underline; line-height:19px} #footer .copyrights span { color:#b07a21; text-decoration:underline}