/* common stuff */ body { font: 12px/21px Arial, Helvetica, sans-serif; background: #e5e5e5;} strong {font-weight: bold; } .full_width {width: 100%; } .clear {clear: both; } .float_left {float: left; } .box { float: left; margin: 0 10px; } .third { width: 278px; } .half { width: 430px; } .width { width: 900px; margin: 0 auto; } a:active, a:focus { outline: 0 } /* header */ #header {height: 337px; background: #1D2C43 url(../images/header_bg.png) repeat-x top left; color: #fff; } #header #logo {padding: 22px 10px 0; } #header .phone_number {color: #7B99C6; font-size: 11px; padding-top: 36px;} #logo { float: left; } #logo a {display: block; width: 278px; height: 44px; background: transparent url(../images/logo.png) no-repeat top left; text-indent: -9999px; } #header p {padding: 20px 10px; text-shadow: 0px 1px 1px #000; font-size: 13px;} #header .message {margin: 56px 0 0 10px; font-family: 'Ubuntu', arial, serif; font-size: 17px; font-weight: bold; color: #bfddfa; width: 450px;} #header .message div {margin-bottom: 16px; } #main_part {background: #f2f2f2 url(../images/main_part_bg.png) repeat-x top left; } #product_boxes {padding: 20px 0 0; } #product_boxes ul {margin: 10px 20px; } /* -- buttons --*/ #product_boxes .button {float: right; margin-right: 20px; display: block; width: 127px; height: 35px; background: transparent url(../images/buttons_sprite.png) no-repeat; text-indent: -9999px;} #starter a.button { background-position: 0 0;} #starter a:hover.button { background-position: 0 -35px; } #blogger a.button { background-position: -127px 0;} #blogger a:hover.button { background-position: -127px -35px; } #business a.button { background-position: -254px 0;} #business a:hover.button { background-position: -254px -35px; } #join_us_bar .button { margin-left: 10px; display: block; width: 127px; height: 35px; background: transparent url(../images/buttons_sprite.png) no-repeat -381px 0px; text-indent: -9999px; border: none; margin-top: 16px;} #join_us_bar .button:hover {background-position: -381px -35px; cursor: pointer;} /* -- buttons ends here --*/ #join_us_bar {width: 880px; height: 65px; background: #172335 url(http://spotvps.com/images/join_us_bar.png) top left no-repeat; margin: 10px 10px 20px 10px;} #join_us_bar .left_side {width: 580px; float: left; } #join_us_bar .left_side p, #join_us_bar .left_side input {float: left; } #join_us_bar .social_icons {width: 266px; float: right; padding-top: 16px; padding-left: 20px;} .social_icons ul li {float: left; margin-right: 20px;} .input_field label, input_field input {float: left; } /* elements */ #call_us {background: transparent url(http://spotvps.com/images/icon_phone.png) no-repeat left center; padding-left: 16px; margin-top: 20px;} #product_boxes .box {background: transparent url(../images/box_bg.png) no-repeat bottom center; padding-bottom: 30px;} #product_boxes .box h1 {font-family: 'Ubuntu', arial, serif; font-size: 20px; font-weight: bolder; color: #fff; height: 20px; padding: 20px; text-shadow: 0 1px 1px #000; letter-spacing: -1px;} #product_boxes .box h1 span {float: right; font-weight: bold; font-size: 25px; } #product_boxes .box h1 span .small {font-weight: normal; font-size: 12px; color: #d4d4d4; } #starter h1 {background: #d6d6d6 url(../images/box_head_blue.png) no-repeat left top; } #blogger h1 {background: #d6d6d6 url(../images/box_head_green.png) no-repeat left top; } #business h1 {background: #d6d6d6 url(../images/box_head_red.png) no-repeat left top; } #product_boxes .box ul li {font-family: 'Ubuntu', arial, serif; font-size: 13px; margin-bottom: 10px; padding-bottom: 10px; background: transparent url(../images/sep_1.png) repeat-x bottom left; } #product_boxes .box ul li span {font-weight: bold; font-size: 14px;} h1, h2 {font-family: 'Ubuntu', arial, serif; font-weight: bold; } #footer h1 {font-size: 16px; margin: 10px 0 20px 0; } h2 {font-size: 15px; color: #8DA23B; } #why_thehosting h2 {font-family: 'Ubuntu', arial, serif; font-size: 16px; font-weight: bold; margin: 0 0 8px 32px;} #why_thehosting .section { margin: 0 10px; background:transparent url(../images/section_bg.png) no-repeat top center; display: block; padding: 10px 20px; height: 130px; width: 388px; float: left;} #why_thehosting img, #why_thehosting .message {float: left; } #why_thehosting .message { float: left; color: #666; background: transparent url(../images/sep_1.png) repeat-x top left; padding-top: 10px;} #join_us_bar .left_side p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; width: 172px; color: #fff; padding: 20px 10px 20px 40px; background: transparent url(http://spotvps.com/images/mail.png) no-repeat left center; margin-left: 20px;} #join_us_bar .left_side .input_text {border: 0; background: #fff url(http://spotvps.com/images/input_text_bg.png) repeat-x left top; height: 28px; font-size: 14px; width: 182px; margin-top: 18px; margin-right: 10px;} .input_field {margin-bottom: 16px; background: transparent url(http://spotvps.com/images/input_field_bg.png) no-repeat 154px center ; padding: 4px 0; height: 40px; } .input_field .normal {width: 246px; } .input_field .domain {width: 178px; margin-right: 10px; } .input_field .extension {width: 58px; } label {display: block; float: left; width: 140px; font-weight: bold; line-height: 32px; text-align: left; padding-top: 4px; font-size: 13px;margin-right: 22px;} input.register {border: 0; background: #fff url(http://spotvps.com/images/input_text_bg_inactive.png) repeat-x left top; height: 14px; font-size: 14px; float: left; padding: 8px 0; margin-top: 6px;} input.register:focus {background: #fff url(http://spotvps.com/images/input_text_bg.png) repeat-x left top} #footer { background: #203149 url(../images/footer_bg.png) repeat-x top left; color: #A7BCD8; } #footer .width { padding: 20px 10px 4px 10px; } #footer .half { padding-left: 10px; width: 430px; } #footer #regsiter_new_account { color: #fff; } .register_button { margin: 0 10px 0 155px; display: block; width: 127px; height: 35px; background: transparent url(../images/buttons_sprite.png) no-repeat -508px 0px; text-indent: -9999px; border: none; float: left;} .register_button:hover { background-position: -508px -35px; cursor: pointer;} .register_button:focus { background-position: -508px -35px; height: 35px; } .more_features {margin-left: 20px; } .more_features h1 { color: #b8cde9; } .more_features ul li {margin-bottom: 4px;} .more_features ul li span {font-weight: bold; font-size: 13px; color: #b8cde9;} #bottom_part { background: #111A28 url(../images/sep_3.png) repeat-x top left; padding: 20px 0; color: #A7BCD8;} #bottom_part .address, #bottom_part a { float: left; } #bottom_part .copyright { font-size: 11px; float: right;} #bottom_part p { color: #b9c5d7; padding-top: 10px; margin-left: 16px;} .register_terms {padding-top: 6px; display: block; font-size: 11px; font-style: italic;} .register_error {font-weight: bold; color: #f88; float: left; padding-top: 6px; font-size: 11px; width: 138px;} .register_success {font-weight: bold; color: #88f; float: left; padding-top: 8px; font-size: 11px; width: 138px;} #header .content_holder { width: 1100px; margin: 0 auto; background: transparent url(../images/servers.jpg) no-repeat top center; height: 337px;} #footer .content_holder { width: 1100px; margin: 0 auto; background: transparent url(../images/footer_bg_shiny.jpg) no-repeat top center; }