@import url("slide.css"); @import url("lightview.css"); /*********************************************************************** * Table of =Contents * ---------------------------------------------------------------------- * =Normalization (CSS Reset)..................................(Line 16) * =Container Styling............................................(Line 56) * =Header Styling.............................................(Line 76) * =Banner Styling.............................................(Line 76) * =Content Styling........................................(Line 127) * =Breadcrumbs Styling..........................................(Line 153) * =Navigation Styling.........................................(Line 243) * =Footer Styling.............................................(Line 334) * =Partners Styling.............................................(Line 334) * =Site info Styling.............................................(Line 334) *************************************************************************/ /* When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly */ /*********************************** =Normalization ***********************************/ /* Normalizes Margin, padding */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } /* Normalizes font-size for headers */ h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; } /* Removes list-style from lists */ ol, ul { list-style: none; } /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } /* Removes border styles from tables */ table { border-spacing: 0; border-collapse: collapse; } /* Removes border from fieldset and img */ fieldset, img { border: 0; } /* Left aligns text in caption and th */ caption, th { text-align: left; } /* Removes quotation marks from q */ q:before, q:after { content: ''; } /* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */ a { text-decoration: none; color: #595959; /* grey */ outline: none; } a:hover { text-decoration: none; color:#FD521A;/* orange */ } /* blue */ p a, a.arrow, .questionLeft a {color:#0B66B2;text-decoration:none;} a.arrow {font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;} /* blue with dotted line */ p a:hover, a.arrow:hover, .questionLeft a:hover {color:#0B66B2;border-bottom:1px dotted #0B66B2;cursor:pointer; } /*********************************** =Global Styling ***********************************/ html {background-color:#e1e1e1;} body { font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color: #595959;} h1, h2 {font:11px Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:.25em;} h3 {color:#B21F0B;font-size:30px;margin-bottom:.7em;} /* red */ h4 {color:#333;font-size:18px;margin-bottom:.25em;} h4.red, h4.redchecklist {color:#B21F0B;} /* red */ h4.redchecklist {text-indent:14px;margin-bottom:1em;} h4 span {font-style:italic;font-size:12px;color:#666;} h5, h5 a, h5 a:hover {color:#B21F0B;font-size:14px;} /* red */ h6 {color:#333;font-size:13px;} p {font-family:Arial, Verdana, sans-serif;line-height:1.5em;margin-bottom:.65em;} p + p {margin-bottom:2em;} p strong {color:#333;} ul li, a.arrow span {background:url(../Images/layout/list_arrow.gif) 0 center no-repeat;margin:0.25em 0;padding-left:10px;} a.arrow span {width:6px;height:6px;margin:.35em;padding-left:5px;display:block;float:left; } .clearall {clear:both;} .clearleft {clear:left;} .left {float:left;} .right {float:right;} a.btn_learnmore, a.btn_learnmore span {text-indent:-9999px;display:block;background:url(../Images/layout/btn_learnmore.png);background-repeat:no-repeat;width:113px;height:24px;} a.btn_learnmore {background-position:0 0;} a.btn_learnmore span {background-position:0 -24px;} /* HR class since hr doesn't display the same in various browsers */ .hr {border-bottom:1px solid #D9D9D9;margin:15px 0;width:96%;clear:both;display:block;} /* Controls alternating paragraph content */ span.hosting-features, span.company {margin-bottom:45px;display:block;} /*small shield on left*/ span.hosting-features.left-margin-small p, span.hosting-features.left-margin-small h4{margin-left:80px;} /* control */ span.hosting-features.left-margin-medium p, span.hosting-features.left-margin-medium h4{margin-left:103px;} /* nurse cap */ span.hosting-features.left-margin-mid-medium p, span.hosting-features.left-margin-mid-medium h4{margin-left:135px;} /* multiple servers */ span.hosting-features.left-margin-large p, span.hosting-features.left-margin-large h4, span.hosting-features.left-margin-large h5 {margin-left:173px;} /* red fh server, enterprise solutions */ span.hosting-features.right-margin-large p, span.hosting-features.right-margin-large h4 {margin-right:220px;} /* company spans */ span.company.right-margin-large img.right {margin-right:30px;margin-top:10px;} span.company.right-margin-large p, span.company.right-margin-large h4 {margin-right:220px;} /*large shield on left*/ span.company.left-margin-medium p, span.company.left-margin-medium h4 {margin-left:112px;} /* no margins on the p tags */ span.hosting-features p.no-margin, span.company p.no-margin {margin-right:0;margin-left:0;} /* Gradient Call Out Bar */ .call-out-bar {background:url(../Images/layout/bg_wantmorestretcher.png) top center repeat-y;width:822px;margin:0 auto 20px auto;} .call-out-bar-header {background:url(../Images/layout/bg_wantmoreheader.png) top center no-repeat;} .call-out-bar-footer {background:url(../Images/layout/bg_wantmorefooter.png) bottom center no-repeat;} .call-out-bar p {padding:0 22px 22px 22px;} .call-out-bar h4 {color:#469F33;padding:22px 22px 0 22px;} .call-out-bar a.arrow span {display:inline;float:none;} .call-out-bar a.arrow:hover {border-bottom:none;} /*********************************** =Container Styling ***********************************/ #bigcontainer {background:#e1e1e1 url(../Images/layout/bg_repeater.png) top left repeat-x;min-height:278px;width:100%;} #container {width:988px;margin:0 auto;position:relative;} .container {width:988px;margin:0 auto;position:relative;} /*********************************** =Header Styling ***********************************/ #header {width:inherit;padding:0 25px;} a#logo {float:left;margin:15px 17px;padding:0;text-indent:-9999px;background:url(../Images/layout/logo.png) 0 0 no-repeat;display:block;width:253px;height:61px;} #chat {display:block;width:200px;height:20px;margin:13px 0 0 625px;font-size:15px;color:#C33314;} #chat em {font:12px Arial, Helvetica, sans-serif;color:#999;float:left;margin-right:7px;margin-top:2px;} a#btn_chat, a.btn_chat {background:url(../Images/layout/btn_chat.png) top left no-repeat;width:59px;height:22px;display:block;float:left;text-indent:-9999px;padding:0 18px 0 0;} a#btn_chat:hover, a.btn_chat:hover {background-position:0 -22px;} #hiddenlogo img, #hiddenlogo {display:none;} /*********************************** =Banner Styling ***********************************/ #banner {padding:0;width:988px;height:250px;background-repeat:no-repeat;background-position:top left;clear:both;} div#banner.banner_home {background-image:url(../Images/banners/home.png);height:340px;} div#banner.banner_security {background-image:url(../Images/banners/security.png);} div#banner.banner_shared {background-image:url(../Images/banners/shared.png);} div#banner.banner_vps {background-image:url(../Images/banners/vps.png);} div#banner.banner_dedicated {background-image:url(../Images/banners/dedicated.png);} div#banner.banner_company {background-image:url(../Images/banners/company.png);height:120px;} div#banner.banner_management-team {background-image:url(../Images/banners/team.png);height:120px;} div#banner.banner_customers {background-image:url(../Images/banners/customers.png);height:120px;} div#banner.banner_data-centers {background-image:url(../Images/banners/data-centers.png);height:120px;} div#banner.banner_press-releases {background-image:url(../Images/banners/press-releases.png);height:120px;} div#banner.banner_contact-us {background-image:url(../Images/banners/contact-us.png);height:120px;} /*********************************** =Home Styling ***********************************/ #home-solutions {background:url(../Images/layout/bg_black-shield.png) center 0 no-repeat; width:940px;height:60px;padding:0 25px; } #home-solutions p {width:50%;float:left;font-size:12px;color:#B2B2B2;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding:12px 0 0 70px;} #home-solutions span {font-size:14px;color:#EBEBEB;} #home-solutions em {font-size:14px;color:#999;} #home-solutions a.btn_learnmore {position:relative;top:19px;margin-left:86%;} /*********************************** =Breadcrumbs Styling ***********************************/ #bc-container {padding:8px 55px;font:11px Arial, Helvetica, sans-serif;width:auto;position:relative;overflow:visible;} #bc-container a {color:#666;} #bc-container a:hover {color:#000;} #breadcrumbs {float:left;} #breadcrumbs a {padding:0 5px;} #breadcrumbs a.selected {color:#000;} #share {margin-left:679px;} a.print, a.share, a.request, a.subscribe, a.favorites {padding:0 14px;background-position:left center;background-repeat:no-repeat;} a.print {background-image:url(../Images/layout/icon_print.png);} a.share {background-image:url(../Images/layout/icon_share.png);} a.request {background-image:url(../Images/layout/icon_request.png);} a.subscribe {background-image:url(../Images/layout/icon_request.png);} a.favorites {background-image:url(../Images/layout/icon_favorites.png);} span.breadcrumb-divider { background-image:url(../Images/layout/list_arrow.gif);width:5px;height:6px;display:block;float:left; } /*********************************** =Content Styling ***********************************/ #content {background-repeat:repeat-y;background-position:top center;padding:0;width:auto;margin-bottom:20px;} #content-footer, #feature-container, #private-servers-container, #custom-configuration-scenarios-container {background-position:bottom center;background-repeat:no-repeat;width:940px;padding:0 24px 45px 24px;clear:both;} #content-header {background:url(../Images/layout/bg_subnav.png) top center no-repeat;width:inherit;padding:26px 18px 0;height:60px;} /* White-Grey Background (top level pages)*/ div#content.whitegrey {background-image:url(../Images/layout/bg_whitegrey.png);} div#content.whitegrey #content-footer {background-image:url(../Images/layout/bg_contentfooter.png);} div#content.whitegrey .info-main h4.rt-align, div#content.whitegrey .info-main p.rt-align {margin-left:143px;} div#content.whitegrey-config {background-image:url(../Images/layout/bg_whitegrey-config.png);} /* White Background with Grey Bottom */ div#content.white-greybottom {background-image:url(../Images/layout/bg_white.png);} div#content.white-greybottom #content-footer {background-image:url(../Images/layout/bg_contentfootergrey.png);margin:0;padding-bottom:28px;} div#content.white-greybottom .info-main {padding-top:33px;} div#content.white-greybottom .info-main .info-main h4.rt-align, div#content.white-greybottom .info-main p.rt-align {margin-left:80px;} /* Completely White Background */ div#content.white {background-image:url(../Images/layout/bg_white.png);} div#content.white #content-footer {background-image:url(../Images/layout/bg_contentfooterwhite.png);margin:0;padding-bottom:28px;} div#content.white h3, #company div#content.whitegrey h3 {margin-bottom:44px;} div#content.white .info-main {padding-top:33px;} div#content.white .info-main .info-main h4.rt-align, div#content.white .info-main p.rt-align {margin-left:80px;} #content-main {padding:30px 20px 30px 55px;} /* Main content area for all white, full width layouts */ div#content-main.normal-pad {padding:30px 55px;} div#content-main.normal-pad h3 {margin-bottom:.7em;} div#content-main.normal-pad .col {width:435px;float:left;} div#content-main.normal-pad .faux-row {clear:left;margin:30px 0;} /* Use intro class when it's title followed by underline */ .intro {padding:0 33px 10px 0;border-bottom:1px solid #D9D9D9;width:93%;} .intro h3 {margin-bottom:.4em;} .intro p {font:15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; } /* left column */ .info-main {float:left;width:577px;} h5.checklist {background:url(../Images/layout/bg_checklisttitle.png) top left no-repeat;width:577px;height:38px;} h5.checklist span {display:none;} /* Security Homepage */ /* 10 Point Security Checklist */ ul#standardchecklist {background:url(../Images/layout/bg_checklist.png) top left no-repeat;padding: 0 0 2px 16px;font-size:.9em;margin-bottom:33px;} ul#standardchecklist li {margin:0;} ul#standardchecklist li a {display:block;color:#0B66B2;padding:9px 0 10px 0;line-height:1.3em;} ul#standardchecklist li a:hover {text-decoration:underline;color:#0B66B2;/*color:#8D8D8D;*/} /* Security Checklist with icons */ .sec_checklist {background:url(../Images/layout/sec_checklistgray.gif) bottom right no-repeat;padding-bottom:32px;clear:both;} .sec_checklist p + p{margin-bottom:0.65em;} /* lists under these divs will have green arrows */ .sec_checklist ul li {background:url(../Images/layout/list_greenarrow.gif) 0 center no-repeat;margin:0.25em 0;padding-left:10px;} /* One icon image, move the background */ a#SIND, a#RMF, a#MIP, a#PWAP, a#SA, a#ESB, a#SEMA, a#SPDM, a#DP, a#CMP {display:block;float:left;background:url(../Images/security/icons_security.png) top left no-repeat;width:40px;height:46px;} a#SIND {background-position:0 0;} .SIND ul li {color:#333;line-height:1.75em;} a#RMF {background-position:-41px 0;} a#MIP {background-position:-82px 0;} a#PWAP {background-position:-123px 0;} a#SA {background-position:-164px 0;} a#ESB {background-position:-205px 0;} a#SEMA {background-position:-246px 0;} a#SPDM {background-position:-291px 0;} a#DP {background-position:-332px 0;} a#CMP {background-position:-372px 0;} /* Anchors */ a.btn_top {display:block;background:url(../Images/layout/uparrow.gif) 0 center no-repeat;color:#0B66B2;float:right;padding-left:15px;font-size:11px;margin-top:5px;margin-bottom:18px;} /* Make everything line up */ .sec_checklist h5, .sec_checklist p, .sec_checklist ul, .sec_checklist.PWAP h6 {margin-left:57px;} .sec_checklist h5 {margin-bottom:.25em;} /* Unique div lists */ .sec_checklist.SIND ul {margin-bottom:0;} .sec_checklist.PWAP h6 {color:#333;font-size:12px;margin-top:18px;margin-bottom:18px;} .sec_checklist.PWAP ul {padding: 0;width:172px;float:left;margin-left:0;} .sec_checklist.PWAP ul.first {margin-left:57px;} .sec_checklist.PWAP ul li {background:url(../Images/layout/checkmark.png) 0 center no-repeat;padding-left:18px;font:11px Arial, Helvetica, sans-serif;line-height:.95em;margin-bottom:1.25em;} /* when h4 follows a p adds margin to the top */ .info-main p + h4, .info-main p + img {margin-top:.7em;} /* VPS Private Servers */ #private-servers-container {background-image:url(../Images/layout/bg_private-servers.gif);background-repeat: repeat-y;padding-bottom:0;margin-bottom:40px;} #private-servers {padding:26px 0 0 0;border-top:1px solid #D9D9D9;} #private-servers .col {float:left;width:253px;padding:0 34px 0 29px;} #private-servers .col.np {padding-right:0;} /* Bottom Get Started Buttons */ span.links {clear:left;display:block;width:auto;} a#private-server-pricing, a#private-server-pricing span {float:left;cursor:pointer; background-image:url(../Images/layout/btn_vpsgetstarted.png);background-repeat:no-repeat;width:275px;height:90px;display:block;text-indent:-9999px;} /* One button image, move the background */ a#private-server-pricing.spark {background-position:0 0;margin:0 14px 0 26px;} a#private-server-pricing.spark span {background-position:0 -90px;} a#private-server-pricing.flame {background-position:-275px 0;margin:0 19px;} a#private-server-pricing.flame span{background-position:-275px -90px;} a#private-server-pricing.inferno {background-position:-550px 0;margin:0 0 0 13px;} a#private-server-pricing.inferno span{background-position:-550px -90px;} #private-servers ul {font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color: #999;padding-left:28px;margin-bottom:23px;} #private-servers ul li {background:url(../Images/layout/list_greenarrowgrey.gif) 0 center no-repeat;margin:0.25em 0;padding:0 0 0 10px;line-height:2em;} #private-servers ul li em {padding-right:5px;font-size:16px;font-weight:bold; color:#333;} /* Dedicated Servers */ #custom-configuration-scenarios-container {background-image:url(../Images/layout/bg_custom-scenarios.gif);background-repeat: repeat-y;padding-bottom:0;margin-bottom:40px;} #custom-configuration-scenarios {padding:19px 0 35px 0;border-top:1px solid #D9D9D9;} #custom-configuration-scenarios .col {width:380px;float:left;padding:0 38px;} #custom-configuration-scenarios .col h5 em, #custom-configuration-scenarios .col h5 {font-size:19px;font-style:italic;font-weight:bold;color:#999;} #custom-configuration-scenarios .col h5 em {color:#1983CA;} #custom-configuration-scenarios .col p {padding-bottom:17px;border-bottom:1px solid #E5E5E5;} #custom-configuration-scenarios .col img {padding-top:32px;} /* Bottom Dedicated Server Buttons */ a#dedicated-pricing, a#dedicated-pricing span {float:left;cursor:pointer; background-image:url(../Images/layout/btn_dedicated.png);background-repeat:no-repeat;width:393px;height:80px;display:block;text-indent:-9999px;margin:50px 32px 0 32px;} /* One button image, move the background */ a#dedicated-pricing.simple {background-position:0 0;margin-left:46px;} a#dedicated-pricing.simple span {background-position:0 -80px;margin:0;} a#dedicated-pricing.complex {background-position:-393px 0;margin-right:0;} a#dedicated-pricing.complex span {background-position:-393px -80px;margin:0;} /* Company */ /* Management Team List */ .management-block {font:13px Arial, Verdana, sans-serif;} .management-block {background-position:top left;background-repeat:no-repeat;} .management-block.katrena {background-image:url(../Images/company/katrena.png);} .management-block.drake {background-image:url(../Images/company/drake.png);} .management-block.casey {background-image:url(../Images/company/casey.png);} .management-block p {margin:0 0 3em 138px;width:677px;border-top:1px solid #E5E5E5;padding-top:8px;line-height:1.5em;clear:left;} .management-block span {height:20px;display:block;margin-left:138px;} .management-block strong {font:18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#333;font-weight:normal;width:70%;float:left;} .management-block em {display:block;color:#999;font-size:12px;font-style:italic;margin:3px 0 6px 0;} .management-block span a {position:relative;top:13px;display:block;background-image:url(../Images/company/bg_team-contact-links.png);background-repeat:no-repeat;height:25px;float:left;} .management-block span a.email {background-position:0 0;width:43px;} .management-block span a.twit {background-position:-48px 0;width:36px;} .management-block span a.linked-in {background-position:-88px 0;width:35px;} /* Customers */ .firehost-clients {padding:30px 0;} blockquote {background:url(../Images/company/quote-stretcher.png) top center repeat-y;width:403px;} blockquote span {background:url(../Images/company/quote-header.png) top center no-repeat;width:403px;font-style:italic;color:#7f7f7f;display:block;} blockquote span p {padding:20px;font-size:12px;margin-bottom:0;padding-bottom:10px;} cite {background:url(../Images/company/quote-footer.png) top center no-repeat;width:343px;display:block;text-indent:20px;padding-top:21px;padding-left:60px;} cite a.arrow:hover {color:#0B66B2;border-bottom:1px dotted #0B66B2;cursor:pointer;} cite a.arrow span {margin:.5em .25em .25em .25em;} /* Data Centers */ .faux-row .cdn, .faux-row .pdc {float:left;padding-left:50px;width:auto;width:385px;} .faux-row .cdn {background:url(../Images/company/shield_cdn.png) center left no-repeat;} .faux-row .pdc {background:url(../Images/company/shield_pdc.png) center left no-repeat;} .faux-row .cdn h4, .faux-row .pdc h4 {font-size:14px;} .faux-row .cdn p, .faux-row .pdc p {color:#595959;font-size:11px;} div#content-main.normal-pad h4.red {border-bottom:1px solid #e5e5e5;padding-bottom:16px;margin-top:40px;} /* Press Releases */ .press-release {background:url(../Images/company/bg_press-releases.png) top left no-repeat;margin-bottom:45px;clear:left;} .summary, .date, .date em, .summary em {display:block;} .summary {margin-left:65px;} .date {float:left;font-size:19px;color:#D7D7D7;width:47px;text-align:center;padding-top:2px;} .date em {text-transform:uppercase;font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#90C62B;font-style:italic;border-bottom:1px solid #1A83CA;margin:0 auto;width:37px;letter-spacing:.05em;} .summary em {border-bottom:1px solid #E5E5E5;font:12px Arial, Helvetica, sans-serif;color:#999;padding-bottom:8px;margin-bottom:8px;width:790px;} .summary a.arrow span {margin:.35em 0 0 0;} /* Contact Us */ #company #content-main fieldset{} #company #content-main fieldset span.col {width:285px;float:left;} #company #content-main fieldset label {display:block;margin-bottom:17px;text-indent:7px;} #company #content-main fieldset label em {color:#B21F0B;} #company #content-main fieldset span.col input, #company #content-main fieldset input.large, #company #content-main fieldset input.white-back, #company #content-main fieldset textarea {border:none;margin-top:10px;height:25px;width:232px;padding:5px 0 0 10px;font-size:14px;} #company #content-main fieldset span.col input {background:url(../Images/company/bg_textfield_short.png) top left no-repeat;} #company #content-main fieldset span.col input.white-back {background:url(../Images/company/white-back.png) top left no-repeat;} #company #content-main fieldset input.large {background:url(../Images/company/bg_textfield_large.png) top left no-repeat;width:526px;} #company #content-main fieldset textarea {background:url(../Images/company/bg_textarea.png) top left no-repeat;width:526px;height:169px;} #company #content-main fieldset img.left {margin-right:28px;} #company #content-main fieldset .instructions {font-size:12px;color:#999;font-style:italic;display:block;clear:left;margin:20px 0;} #company #content-main .info-sub .call-out-bar {background:url(../Images/company/bg_contact-call-out-stretcher.png) top center repeat-y;width:277px;margin-top:50px;} #company #content-main .info-sub .call-out-bar h4 {padding-bottom:15px;text-indent:0px;border-bottom:none;margin-bottom:0px;} #company #content-main .info-sub .call-out-bar p em {color:#389733;} #company #content-main .info-sub .call-out-bar p strong {font-weight:normal;} #company #content-main .info-sub .call-out-bar p.border {background:url(../Images/company/bg_hr-contact-call-out.gif) 20px bottom no-repeat;width:auto;padding-bottom:14px;margin-bottom:14px;} #company #content-main .info-sub .call-out-bar p a.arrow {display:block;margin-top:15px;margin-bottom:5px;} #company #content-main .info-sub .call-out-bar p a.arrow span {margin-left:0;} input.btn_submit-contact-info {cursor:pointer;text-indent:-9999px;background-image:url(../Images/layout/btn_submit.png);background-position:-103px 0;background-repeat:no-repeat;width:253px;height:39px;border:none;background-color:#fff;} input.btn_submit-contact-info:hover {background-position:-103px -39px;} #company #content-main .info-sub .call-out-bar-footer {background:url(../Images/company/bg_contact-call-out-ftr.png) bottom center no-repeat;width:277px;} #company #content-main .info-sub .call-out-bar-header {background:url(../Images/company/bg_contact-call-out-hdr.png) top center no-repeat;width:277px;} /*********************************** =Right Column Styling ***********************************/ /* global right column */ .info-sub {margin-left:605px;width:302px;z-index:9999;} .info-sub h4, dl#solutions dd {border-bottom:1px solid #D9D9D9;margin-bottom:30px;} .info-sub h4 {text-indent:16px;padding-bottom:20px;} /* Top Level Page - right column */ /* Solution */ dl#solutions dd {padding:0 32px 30px 16px;font:13px/18px Arial, Helvetica, sans-serif;} dl#solutions dt {background-image:url(../Images/security/solutions.png);width:255px;height:50px;margin:0 0 5px 16px;} dl#solutions dt span {display:none;} dl#solutions dt.ssh {background-position:0 0;} dl#solutions dt.svp {background-position:0 -50px;} dl#solutions dt.sds {background-position:0 -100px;} /* Solution Buttons */ dl#solutions a, dl#solutions a.sv span, dl#solutions a.ss span, dl#solutions a.sd span { background:url(../Images/layout/btn_solutions.png) 0 0 no-repeat; display:block; width:255px; height:50px; text-indent:-9999px; margin-top:22px; } dl#solutions a.ss {background-position:0 0;} /* dl#solutions a.ss:hover {background-position:0 -50px;} */ dl#solutions a.sv {background-position:-255px 0;} /* dl#solutions a.sv:hover {background-position:-255px -50px;} */ dl#solutions a.sd {background-position:-510px 0;} /* dl#solutions a.sd:hover {background-position:-510px -50px;} */ dl#solutions a.sv span {background-position:-255px -50px;} dl#solutions a.ss span {background-position:0 -50px;} dl#solutions a.sd span {background-position:-510px -50px;} /* Second Level Page - right column */ /* Set the pricing header image */ a#pricing, a#pricing span {background-image:url(../Images/layout/btn_pricing.png);background-repeat:no-repeat;display:block;width:278px;height:117px;text-indent:-9999px;cursor:pointer;} /* Adjust pricing background according to page */ .secure-shared #content-main a#pricing {background-position:0 0;} .secure-shared #content-main a#pricing span {background-position:-278px 0;} .secure-vps #content-main a#pricing {background-position:0 -234px;} .secure-vps #content-main a#pricing span {background-position:-278px -234px;} .secure-dedicated #content-main a#pricing {background-position:0 -117px;} .secure-dedicated #content-main a#pricing span {background-position:-278px -117px;} /* Pricing Unordered List */ #includes {background:url(../Images/layout/bg_includeslist.png) top left repeat-y;width:auto;padding:0;margin-bottom:12px;} #includes .footer {background:url(../Images/layout/bg_includeslistbottom.png) bottom left no-repeat;padding-bottom:10px;} #includes .top {background:url(../Images/layout/bg_includestop.png) top left no-repeat;} #includes ul, #includes h5 {padding:0 20px;width:236px;} /* Word Includes different color according to page */ .secure-shared #includes h5 {color:#B21F0B;}/* red */ .secure-vps #includes h5 {color:#3B9934;}/* green */ .secure-dedicated #includes h5 {color:#0961AB;}/* blue */ #includes ul li {background:url(../Images/layout/list_greenarrowgrey.gif) 0 center no-repeat;margin:0.25em 0;padding:0 0 0 10px;border-bottom:1px solid #dedede; line-height:2em;} #includes ul li a, #includes ul li {font-size:11px;} #includes ul li a:hover {color:#000;} #includes ul li.last {color:#389733;background:none;border-bottom:none;} #includes ul li.downarrow {background:url(../Images/layout/list_downarrow.gif) 0 center no-repeat;border-bottom:none;} #includes ul li.downarrow a {color:#0B66B2;} #includes ul li a.arrow {margin-left:5px;} #includes ul li a.arrow:hover {color:#0B66B2;border-bottom:none;} #includes ul li a.arrow span {float:none;display:inline;} #includes ul li img {margin-left:5px;} /* Security 101 */ a#cta-security, a#cta-security span {background-image:url(../Images/layout/btn_security101.png);background-repeat:no-repeat;display:block;width:275px;height:74px;text-indent:-9999px;cursor:pointer;} .secure-shared #content-main a#cta-security {background-position:0 0;} .secure-shared #content-main a#cta-security span {background-position:-276px 0;} .secure-vps #content-main a#cta-security {background-position:0 -148px;} .secure-vps #content-main a#cta-security span {background-position:-276px -148px;} .secure-dedicated #content-main a#cta-security {background-position:0 -74px;} .secure-dedicated #content-main a#cta-security span {background-position:-276px -74px;} /*********************************** =Features Styling (bottom grey section) ***********************************/ #feature-container {background-image:url(../Images/layout/bg_featuresgrey.png);background-repeat:repeat-y;padding-bottom:0;} #features {padding:26px 32px;border-top:1px solid #D9D9D9;} #features ul li {width:260px;float:left;margin-top:40px;background:none;min-height:170px;padding:0 30px 0 0;} #features ul span, #features ul em {margin-left:55px;display:block;} #features ul span {font-family:Arial, Helvetica, sans-serif;line-height:1.5em;} #features ul a.arrow span {margin-left:0;display:inline;} #features ul em {font-weight:bold;color:#333;font-size:1em;} /* Setting the Features background image - same for all pages */ #features ul li span.as, #features ul li span.bb, #features ul li span.fci ,#features ul li span.shs, #features ul li span.ceb, #features ul li span.es, #features ul li span.ps, #features ul li span.ug, #features ul li span.f, #features ul li span.wob {margin:0;padding:0;height:54px;float:left;background-image:url(../Images/layout/features_allicons.png);background-repeat:no-repeat;} /* Setting icon image positioning for Secure Shared */ .secure-shared #features ul span.as {background-position:0 0;width:37px;} .secure-shared #features ul span.bb {background-position:-37px 0;width:38px;} .secure-shared #features ul span.fci {background-position:-75px 0;width:28px;height:40px;} .secure-shared #features ul span.shs {background-position:-103px 0;width:42px;} .secure-shared #features ul span.ceb {background-position:-145px 0;width:36px;} .secure-shared #features ul span.es {background-position:-181px 0;width:37px;} .secure-shared #features ul span.ps {background-position:-257px 0;width:37px;} .secure-shared #features ul span.ug {background-position:-218px 0;width:39px;} .secure-shared #features ul span.f {background-position:-294px 0;width:38px;} /* Setting icon image positioning for Secure VPS */ .secure-vps #features ul span.as {background-position:0 -54px;width:37px;} .secure-vps #features ul span.bb {background-position:-37px -54px;width:38px;} .secure-vps #features ul span.fci {background-position:-75px -54px;width:28px;height:40px;} .secure-vps #features ul span.shs {background-position:-103px -54px;width:42px;} .secure-vps #features ul span.ceb {background-position:-145px -54px;width:36px;} .secure-vps #features ul span.wob {background-position:-145px -54px;width:36px;} .secure-vps #features ul span.es {background-position:-181px -54px;width:37px;} .secure-vps #features ul span.ps {background-position:-103px -54px;width:42px;} .secure-vps #features ul span.ug {background-position:-145px -54px;width:36px;} .secure-vps #features ul span.f {background-position:-181px -54px;width:37px;} /* Setting icon image positioning for Secure Dedicated */ .secure-dedicated #features ul span.as {background-position:0 -108px;width:37px;} .secure-dedicated #features ul span.bb {background-position:-37px -108px;width:38px;} .secure-dedicated #features ul span.fci {background-position:-75px -108px;width:28px;height:40px;} .secure-dedicated #features ul span.shs {background-position:-103px -108px;width:42px;} .secure-dedicated #features ul span.ceb {background-position:-145px -108px;width:36px;} .secure-dedicated #features ul span.wob {background-position:-145px -108px;width:36px;} .secure-dedicated #features ul span.es {background-position:-181px -108px;width:37px;} .secure-dedicated #features ul span.ps {background-position:-103px -108px;width:42px;} .secure-dedicated #features ul span.ug {background-position:-145px -108px;width:36px;} .secure-dedicated #features ul span.f {background-position:-181px -108px;width:37px;} /*********************************** =Navigation Styling ***********************************/ ul#nav-main {width:auto;height:54px;padding-top:32px;margin:0 0 0 377px;} ul#nav-main li { float:left;margin:0;padding:0 5px;background:none;} ul#nav-main li a {display:block;height:54px;background-repeat:no-repeat;background-position:center;text-indent:-9999px;} /* Main Nav */ ul#nav-main li a {background-image:url(../Images/navigation/bg_mainnav.gif);position:relative;} ul#nav-main li a span {background-image:url(../Images/navigation/bg_mainnav.gif);display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;opacity: 0; moz-opacity: 0; filter: alpha(opacity=0);} ul#nav-main li a span:hover {cursor:pointer;} ul#nav-main li a.secure-hosting {background-position:0 0;width:126px;} ul#nav-main li a.secure-hosting span {background-position:0 -54px;} ul#nav-main li a.secure-hosting.active{background-position:0 -108px;} ul#nav-main li a.about {background-position:-131px 0;width:88px;} ul#nav-main li a.about span {background-position:-131px -54px;} ul#nav-main li a.about.active{background-position:-131px -108px;} ul#nav-main li a.solutions {background-position:-234px 0;width:84px;} ul#nav-main li a.solutions span {background-position:-234px -54px;} ul#nav-main li a.solutions.active{background-position:-234px -108px;} ul#nav-main li a.resources {background-position:-337px 0;width:92px;} ul#nav-main li a.resources span {background-position:-337px -54px;} ul#nav-main li a.resources.active{background-position:-337px -108px;} ul#nav-main li a.contact {background-position:-447px 0;width:96px;} ul#nav-main li a.contact span {background-position:-447px -54px;} ul#nav-main li a.contact.active{background-position:-447px -108px;} ul#nav-main li a.why-firehost {background-position:-447px 0;width:110px;} ul#nav-main li a.why-firehost span {background-position:-447px -54px;} ul#nav-main li a.why-firehost.active{background-position:-447px -108px;} /* Global Sub Nav */ ul#nav-sub {width:auto;height:20px;margin:0 auto;} ul#nav-sub li { float:left;margin:0;;padding:0 37px;background:none;} ul#nav-sub li a {display:block;height:20px;background-repeat:no-repeat;background-position:center;text-indent:-9999px;} /* Section specific- security */ #security ul#nav-sub li a {background-image:url(../Images/navigation/subnav_security.png);} #security ul#nav-sub li a.shared {background-position:0 0;width:86px;} #security ul#nav-sub li a.shared:hover {background-position:0 -20px;} #security ul#nav-sub li a.shared.on{background-position:0 -40px;} #security ul#nav-sub li a.vps{background-position:-90px 0;width:67px;} #security ul#nav-sub li a.vps:hover {background-position:-90px -20px;} #security ul#nav-sub li a.vps.on{background-position:-90px -40px;} #security ul#nav-sub li a.dedicated{background-position:-162px 0;width:106px;} #security ul#nav-sub li a.dedicated:hover {background-position:-162px -20px;} #security ul#nav-sub li a.dedicated.on{background-position:-162px -40px;} #security ul#nav-sub li a.addons{background-position:-273px 0;width:54px;} #security ul#nav-sub li a.addons:hover {background-position:-273px -20px;} #security ul#nav-sub li a.addons.on{background-position:-273px -40px;} #security ul#nav-sub li a.cdn{background-position:-331px 0;width:106px;} #security ul#nav-sub li a.cdn:hover {background-position:-331px -20px;} #security ul#nav-sub li a.cdn.on{background-position:-331px -40px;} #security ul#nav-sub li a.email{background-position:-441px 0;width:87px;} #security ul#nav-sub li a.email:hover {background-position:-441px -20px;} #security ul#nav-sub li a.email.on{background-position:-441px -40px;} /* Section specific- company */ #company ul#nav-sub li a {background-image:url(../Images/navigation/subnav_company.png);} #company ul#nav-sub li a.team {background-position:0 0;width:119px;} #company ul#nav-sub li a.team:hover {background-position:0 -20px;} #company ul#nav-sub li a.team.on{background-position:0 -40px;} #company ul#nav-sub li a.advisors{background-position:-122px 0;width:56px;} #company ul#nav-sub li a.advisors:hover {background-position:-122px -20px;} #company ul#nav-sub li a.advisors.on{background-position:-122px -40px;} #company ul#nav-sub li a.customers{background-position:-182px 0;width:69px;} #company ul#nav-sub li a.customers:hover {background-position:-182px -20px;} #company ul#nav-sub li a.customers.on{background-position:-182px -40px;} #company ul#nav-sub li a.data-centers{background-position:-254px 0;width:82px;} #company ul#nav-sub li a.data-centers:hover {background-position:-254px -20px;} #company ul#nav-sub li a.data-centers.on{background-position:-254px -40px;} #company ul#nav-sub li a.press-releases{background-position:-339px 0;width:92px;} #company ul#nav-sub li a.press-releases:hover {background-position:-339px -20px;} #company ul#nav-sub li a.press-releases.on{background-position:-339px -40px;} #company ul#nav-sub li a.contact-us{background-position:-434px 0;width:70px;} #company ul#nav-sub li a.contact-us:hover {background-position:-434px -20px;} #company ul#nav-sub li a.contact-us.on{background-position:-434px -40px;} /*********************************** =Footer Styling ***********************************/ #footer, #site-info, .product-offerings {width:auto;padding:0 42px;} #footer {margin-bottom:11px;background:url(../Images/layout/bg_search.png) 704px 0 no-repeat;min-height:179px;clear:both;} .footer-list{width:172px;float:left;} .footer-list h6 {margin-bottom:.75em;} .footer-list h6 a {color:#333;font-weight:bold;} .footer-list ul {margin:0;} .footer-list ul li {background-image:url(../Images/layout/list_arrow.gif);margin:3px 0;line-height:1.25em;padding:0 0 0 10px;} .footer-list ul li a {font:11px Arial, Helvetica, sans-serif;display:block;padding:3px 0;line-height:1.25em;} .footer-list ul li a:hover {color:#000;} .footer-about{width:140px;} #toolbar {padding:0;margin:0;width:239px;margin-left:665px;font-size:11px;position:relative;} #toolbar ul {padding:15px 0px 0px 0px;margin:0;} #toolbar ul li {background:none;margin:0;padding-left:5px;border-bottom:1px solid #E1E1E1;} #toolbar ul li a {font-weight:bold;display:block;background-position:left .5em;background-repeat:no-repeat;color:#404040;padding:.5em 0 .5em 22px;height:19px;margin-left:10px;} #toolbar ul li.t, #toolbar ul li.f_b {border-bottom:none;width:40%;} #toolbar ul li.f_b {margin-left:100px;} #toolbar ul li.t {float:left;position:relative;left:-5px;} #toolbar ul li a:hover {color:#000;} #toolbar ul li a.sc {background-image:url(../Images/toolbar/toolbar_sc.png);} #toolbar ul li a.kb {background-image:url(../Images/toolbar/toolbar_kb.png);} #toolbar ul li a.blog {background-image:url(../Images/toolbar/toolbar_blog.png);} #toolbar ul li a.twitter, #toolbar ul li a.fb {padding-left:30px;height:19px;margin-bottom:0;padding-bottom:0;} #toolbar ul li a.twitter {background-image:url(../Images/toolbar/toolbar_twitter.png);} #toolbar ul li a.fb {background-image:url(../Images/toolbar/toolbar_facebook.png);} /* Search styles */ #footer fieldset {position:relative;display:block;left:15px;background:url(../Images/layout/bg_searchbox.png) bottom left no-repeat;width:218px;height:20px;margin-left:-3px;padding-top:9px;} #footer input#search-box{width:135px;height:14px;background-color:#E1E1E1;border:none;position:absolute;left:20px;margin-top:3px;} #footer input.search-button {cursor:pointer;width:48px;height:20px;background:url(../Images/layout/btn_search.png) top left no-repeat;position:absolute;right:10px;border:0;text-indent:-9999px;} #footer input.search-button:hover {background-position:0 -20px;} /*********************************** =Partners Styling (Logos) ***********************************/ #partners {background:url(../Images/layout/bg_partners-stretcher.png) top center repeat-y;width:auto;padding:0;margin-bottom:11px;clear:both;} #partners-header {background:url(../Images/layout/bg_partners-header.png) top center no-repeat;padding-top:10px;} #partners-footer {background:url(../Images/layout/bg_partners-footer.png) bottom center no-repeat;padding-bottom:10px;} .partner-links {width:912px;margin:0 auto;} #partners img {float:left;display:block;margin:0;padding:15px 35px;} /*********************************** =Site Info Styling ***********************************/ #site-info, .product-offerings p {font:11px Arial, Helvetica, sans-serif;} #site-info {text-align:right;} #site-info a {color:#595959;padding-left:12px;} #site-info a:hover {color:#000;} /*********************************** =Home ***********************************/ #content.home {background-image:url(../Images/layout/bg_content-stretcher-home.png);} #content.home h4 {font-size:20px;color:#B21F0B;margin-bottom:1em;} #content.home ul {margin:0 0 17px 13px;font-size:12px;} #content.home ul li {background:url(../Images/layout/list_greenarrow.gif) 0 center no-repeat;margin:1em 0;padding:0 0 0 10px;} #content.home ul li a {color:#0B66B2;font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;} #content.home ul li a:hover {color:#0B66B2;border-bottom:1px dotted #0B66B2;cursor:pointer; } #content.home p {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;line-height:1.65em;} #content.home p strong {display:block;} #content.home a.arrow {font-size:12px;} #content.home a.arrow span {margin-bottom:25px;} #content.home .col {width:400px;float:left;padding:0 28px 0 45px;} #content.home .col.rt {padding:0 30px;} #content.home #content-header{background:url(../Images/layout/bg_content-header-home.png) top center no-repeat;width:auto;height:auto;} #content.home #content-footer{background:url(../Images/layout/bg_content-footer-home.png) bottom center no-repeat;width:auto;padding:0 0 37px 0;} /* Graybox Styles (Blog List, Twitter Info) */ #graybox {background:url(../Images/layout/bg_two-col-graybox-stretcher.png) top center repeat-y;width:auto;padding:0;margin-bottom:20px;clear:both;} #graybox-header {background:url(../Images/layout/bg_two-col-graybox.png) top center no-repeat;padding-top:20px;} #graybox-footer {background:url(../Images/layout/bg_two-col-graybox-footer.png) bottom center no-repeat;padding-bottom:20px;} #graybox .col {padding-left:67px;float:left;width:600px;font:13px Arial, Helvetica, sans-serif;} #graybox h4 {color:#B21F0B;margin-bottom:.5em;font: 20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;} #graybox ul {color:#4c4c4c;margin-bottom:1.25em;} #graybox ul li {background:none;line-height:1.6em;padding-left:0;} #graybox ul li em {color:#1272BD;font-style:italic;margin-right:5px;} #graybox ul li a span {background:url(../Images/layout/list_arrow.gif) 0 center no-repeat;margin:0.25em 0;padding-left:10px;} #graybox a:hover {color:#000;} #graybox a.arrow {color:#1272BD;font-size:12px;} #graybox a.arrow:hover {border-bottom:1px dotted #0B66B2;} #graybox .col.rt {width:278px;height:140px;background:url(../Images/layout/bg_twitter-back.png) top right no-repeat;padding:0;} #graybox .col.rt p {padding:15px;color:#527FA0;font-style:italic;line-height:1.75em;margin-bottom:20px;} #graybox .col.rt span {color:#1272BD;font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;padding-left:15px;} #graybox .col.rt span a {color:#B2200B;} #graybox .col.rt span a:hover {border-bottom:1px dotted #B2200B;} /*********************************** =SEO Positioning ***********************************/ .product-offerings {position:absolute;bottom:-150px;} /* contains h1, h2 tags */ .pre-content {position:absolute;top:0;}/* navigation, flash */ #home .pre-content {height:519px;}/*section specific positioning */ #security .pre-content {height:452px;}/*section specific positioning */ #company .pre-content {height:322px;}/*section specific positioning */ .content-container {position:absolute;}/* seo content */ #home .content-container {top:540px;}/*section specific positioning */ #security .content-container {top:452px;}/*section specific positioning */ #company .content-container {top:322px;}/*section specific positioning */ /*********************************** =Share ***********************************/ #share-box {background:url(../Images/layout/share-back.png) top left no-repeat;width:373px;height:171px;padding:40px 25px 45px 41px;z-index:999;position:absolute;right:40px;top:0} #share-box h4 {width:280px;float:left;padding:10px 0;} a.btn_close {display:block;background:url(../Images/layout/btn_close.png) top left no-repeat;width:93px;height:38px;overflow:auto;text-indent:-9999px;} a.btn_close:hover {background-position:0 -38px;} .widget-wrapper {padding:0;margin:20px 0 0 0;} #bc-container .widget-wrapper a {color:#0B66B2;background-repeat:no-repeat;background-position:center left;float:left;width:100px;padding:5px 0 5px 23px;margin:3px 0;} #bc-container .widget-wrapper a:hover {color:#0799EC;} .widget-wrapper a.fav {background-image:url(../Images/layout/share/fav.png);} .widget-wrapper a.face {background-image:url(../Images/layout/share/face.png);} .widget-wrapper a.linked-in {background-image:url(../Images/layout/share/linked-in.png);} .widget-wrapper a.twitter {background-image:url(../Images/layout/share/twitter.png);} .widget-wrapper a.google {background-image:url(../Images/layout/share/google.png);} .widget-wrapper a.myspace {background-image:url(../Images/layout/share/myspace.png);} .widget-wrapper a.del {background-image:url(../Images/layout/share/del.png);} .widget-wrapper a.email {background-image:url(../Images/layout/share/email.png);} .widget-wrapper a.yahoo-web {background-image:url(../Images/layout/share/yahoo-web.png);} .widget-wrapper a.digg {background-image:url(../Images/layout/share/digg.png);} .widget-wrapper a.live {background-image:url(../Images/layout/share/live.png);} .widget-wrapper a.more {background-image:url(../Images/layout/share/more.png);} .categories_rss a:hover {border-bottom:none;} img.adjust-logo {position:relative;right:-10px;}