/* CUSTODIAN Data Centre - by www.pillorybarn.co.uk */

/* Core */

* {
 margin: 0;
 padding: 0; }

body {
 font: 13px Arial, Helvetica, sans-serif;
 color: #333;
 background: #fff url(../images/cdc-bg-awardlogo.jpg) repeat-x scroll center 0; }

a {
 font-weight: bold;
 text-decoration: none;
 color: #adc620; }

a:hover {
 color: #000; }

p {
 margin: 0 0 6px 0;
 line-height: 16px; }

/* Formatting */

h1 {
 font-size: 30px;
 letter-spacing: -1px;
 margin: 0 0 12px 0;
 text-shadow: 0px 1px 1px #fff;
 text-transform: uppercase; }

h2 {
 font-size: 18px;
 margin: 0 0 6px; }

h3 {
 margin: 12px 0 6px 0;
 color: #55600f; }

h3:first-child {
 margin: 0 0 6px 0; }

.smaller-copy {
 font-size: 75%; }

.black-links a {
 color: #000; }

.black-links a:hover {
 color: #000;
 border-bottom: 1px dotted #000; }

ul {
 list-style: square inside;
 margin: 9px 0 15px 0; }

.pushdown {
 margin: 12px 0 0 0; }

blockquote {
 background: url(/images/cdc-blockquote-mark.gif) no-repeat left top;
 margin: 9px 0;
 padding: 0 0 0 40px; }

/* Special Elements */

.boxed-out, .tweet {
 background: #d8f1ff;
 padding: 9px;
 margin: 12px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-bottom: 1px solid #b7ccd8;
 overflow: auto }

.boxed-out h2 {
 margin: 0; }

.tweet-icon {
 float: left;
 margin: 0 9px 0 0; }

#twitter-logo {
 float: left;
 width: 78px;
 margin: 0 0 3px 0; }

.tweet-date {
 font-size: 9px;
 color: #666;
 margin: 0 0 6px 0;
 float: right;
 text-align: right }

.tweet-status {
 color: #333;
 font-size: 12px;
 margin: 0 0 6px 0;
 float: right;
 width: 245px; }

.tweet-link {
 font-size: 9px;
 float: right;
 width: 245px; }

/* Layout */

#container {
 width: 960px;
 margin: 0 auto; }

#header {
  }

#header-logo-main {
 float: left;
 margin: 30px 0 21px 0; }

#header-contact {
 float: right;
 color: #707173;
 margin: 36px 0 0; }

#header-contact-phone {
 font-size: 30px;
 font-weight: bold; }

#header-contact-email {
 font-size: 17px; }

#masthead-half {
 height: 175px;
 z-index: 1 }

#masthead-title {
 width: 50%;
 position: absolute;
 bottom: 15px;
 left: 15px; }

#masthead-title h1 {
 margin: 0; }

/* Menu Bar */

#header-menu-bar {
 clear: both;
 margin: 15px 0 0 0;
 background: #505052;
 height: 38px;
 border-top: 3px solid #adc620; }

#menu-bar {
 float: left;
 list-style: none;
 margin: 0;
 position: relative;
 z-index: 100; }

#menu-bar ul {
 position: absolute;
 display: none;
 left: 0;
 top: 28px; }

#menu-bar li {
 float: left;
 display: block;
 position: relative;
 top: 0; }

#menu-bar li a {
 float: left;
 display: block;
 padding: 11px 15px;
 font-size: 13px;
 color: #fff;
 background: transparent; }

#menu-bar ul a {
 background: #505052;
 width: 200px;
 font-weight: normal;
 border-top: 1px solid #707173 }

#menu-bar li a:hover {
 background: #adc620; }

body.currentpage-home #menu-bar li .navhome,
body.currentpage-colocation #menu-bar li .navcolocation, body.currentpage-connectivity #menu-bar li .navconnectivity,
body.currentpage-dedicated-servers #menu-bar li .navdedicated,
body.currentpage-managed-services #menu-bar li .navmanaged,
body.currentpage-work-area-recovery #menu-bar li .navrecovery,
body.currentpage-infrastructure #menu-bar li .navinfrastructure,
body.currentpage-about-us #menu-bar li .navabout {
 background: #adc620; }

/* Breadcrumbs */

#breadcrumbs {
 margin: 12px 0 18px 0;
 font-size: 11px;
 color: #999; }

#breadcrumbs a {
 color: #999; }

#breadcrumbs a:hover {
 color: #000; }

/* Content */

#content {
 padding: 21px 0; }

/* Columns */

#content-col-123 {
 width: 960px; }

#content-col-1, #content-col-2, #content-col-3 {
 width: 320px;
 float: left; }

#content-col-23 {
 float: left;
 width: 615px;
 padding: 0 0 0 25px;
 color: #000; }

#content-col-12 {
 float: left;
 width: 615px;
 padding: 0 25px 0 0;
 color: #000; }

#content-col-23 a:hover {
 border-bottom: 1px dotted #000; }

.col-marker {
 background: #ccc;
 border-top: 1px dotted #000 }

.col-marker-alt {
 background: #666;
 border-top: 1px dotted #ccc; }

/* PAGE COLUMNS */

/* Dedicated Servers */

.ds-os-box, .ds-extras-box {
clear: both;
 font-size: 11px; 
 margin: 12px 0 0 0;
 overflow: auto;}

.ds-os-box-title, .ds-extras-box-title {
 background: #adc620;
 padding: 6px;
 color: #fff; }

.ds-os-box-column, .ds-extras-box-column {
 float: left;
 width: 383px;
 background: #f3f3f3;
 border-top: 1px solid #fff;
 padding: 6px; }

#ds-options-table {
 margin: 12px 0; }

#ds-options-table .cell {
 padding: 6px;
 font-size: 11px;
 border-right: 1px solid #ccc; }

.rowA {
 background: #f6f6f6; }

#ds-options-table .options-prices {
 border-right: 1px solid #ccc;
 background: url(../images/cdc-ds-star-bg.png) no-repeat center top;
 height: 110px;
 text-align: center;
 font-size: 21px;
 line-height: 18px;
 color: #fff; }

/* Colocation */

.co-optionsbox {
 font-size: 11px;
 float: left;
 display: block;
 width: 249px;
 background: #fafafa;
 border: 1px solid #fff;
 box-shadow: 0 0 3px #ccc;
 -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc; }

/* Section Index */

#sectionindex {
 font-size: 11px;
 width: 150px;
 float: left;
 margin: 0 20px 30px 0;
 line-height: 15px; }

.sectionindex-divider {
 border-top: 1px solid #adc620;
 border-bottom: 1px solid #adc620;
 padding: 6px 0;
 margin: 0 0 -1px 0; }

#sectionindex h4 {
 font-size: 13px;
 color: #adc620;
 margin: 0 0 6px 0; }

#sectionindex a {
 color: #999;
 font-weight: normal; }

#sectionindex a:hover, #sectionindex .current-section {
 color: #000; }

/* Main Columns */

#page-columnA, #page-columnB, #page-columnC {
 width: 250px;
 float: left; }

#page-columnAB {
 width: 500px;
 float: left;
 margin: 0 20px 0 0; }

#page-columnABC {
 width: 790px;
 float: right; }

#page-columnA {
 margin: 0 20px 0 0; }

#page-columnB {
 margin: 0 20px 0 0; }

#page-columnC {
  }

#boxout-keyfacts, .boxout-indepth, .boxout-salescontact {
 float: right;
 width: 244px;
 background: #f6fae9;
 border: 1px solid #fff;
 box-shadow: 0 0 3px #ccc;
 -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc;
 margin: 0 0 18px 0;
 padding: 12px; }

.boxout-buynow {
 float: left;
 width: 246px;
 height: 20px;
 background: #adc620 url(/images/cdc-button-bg-c-column.jpg);
 margin: 0 0 18px 0;
 padding: 12px; 
 text-align: center;
 font-size: 16px;}
 
 .boxout-buynow a {
	color: #fff;
  }
 
 .boxout-buynow a:hover {
 color: #000; }
 
 
#dc-puerating {
 float: left;
 width: 244px;
 background: #fff6ab;
 border: 1px solid #fff;
 box-shadow: 0 0 3px #ccc;
 -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc;
 margin: 0 0 18px 0;
 padding: 12px; }

.boxout-landing-page, .boxout-landing-page-end {
 position: relative; }

.boxout-landing-page {
 float: left;
 display: block;
 width: 225px;
 height: 175px;
 font-size: 12px;
 margin: 0 18px 18px 0;
 background: #f4f4f4;
 border: 1px solid #fff;
 box-shadow: 0 0 3px #ccc;
 -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc;
 padding: 12px;
 font-weight: normal; }

.boxout-landing-page-end {
 float: left;
 display: block;
 width: 225px;
 height: 175px;
 font-size: 12px;
 margin: 0 0 18px 0;
 background: #f4f4f4;
 border: 1px solid #fff;
 box-shadow: 0 0 3px #ccc;
 -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc;
 padding: 12px;
 font-weight: normal; }

.boxout-landing-page h3 a, .boxout-landing-page-end h3 a {
 margin: 0 0 6px 0;
 font-weight: normal;
 color: #000;
 position: absolute;
 top: 103px; }

.boxout-landing-page p, .boxout-landing-page-end p {
 position: absolute;
 top: 125px;
 width: 225px; }

.boxout-landing-page a, .boxout-landing-page-end a{
 font-weight: normal; }

.boxout-landing-page:hover, .boxout-landing-page-end:hover {
 background: #fff; }

#section-intro {
 margin: 0 0 15px 0;
 float: left; }

/* Page CTAs */

#related-ctas {
 width: 790px;
 float: right;
 margin: 0 0 24px 0; }

.related-cta, .related-cta-end {
 width: 180px;
 float: left; }

.related-cta {
 margin: 0 23px 0 0; }

.related-cta-end {
 margin: 0; }

/* Footer */

#footer {
 clear: both;
 background: #7c7c7f url(/images/cdc-fat-footer-bg2.png) repeat-x; }

#footer ul {
 list-style: none; }

#footer li {
 margin: 3px 0 0 0; }

#footer li a {
 font-size: 11px;
 color: #ccc;
 font-weight: normal }

#footer li a:hover {
 color: #adc620; }

#fat-footer {
 width: 960px;
 margin: 0 auto;
 padding: 12px 0;
 overflow: auto; }

#footer-col1 {
 width: 384px;
 float: left; }

#footer-col2, #footer-col3, #footer-col4, #footer-col5 {
 width: 192px;
 float: left; }

#fat-footer-col1, #fat-footer-col2, #fat-footer-col3, #fat-footer-col4 {
 width: 240px;
 float: left; }

#fat-footer h4 a {
 font-size: 13px;
 color: #b2b2b2; }

#fat-footer h4 a:hover {
 color: #000; }

#footer-lower {
 overflow: auto;
 padding: 15px 0 0 0;
 margin: 0 0 15px 0;
 background: url(/images/cdc-footer-shadow.png) repeat-x; }

#footer-lower-container {
 font-size: 11px;
 color: #58585a;
 width: 960px;
 margin: 0 auto; }

#footer-lower-logos {
 margin: 3px 0 15px 0; }

#footer-lower-logos img {
 margin: 0 17px 0 0; }

#footer-lower-left {
 float: left; }

#footer-lower-right {
 float: right; }

/* Front and Landing Pages */

#fp-ctas-mid {
 width: 980px;
 height: 250px;
 margin: 30px 0 5px; }

#fp-ctas-sub {
 width: 980px;
 height: 122px;
 margin: 0 0 30px 0; }

.fp-column-cta, .fp-column-cta-end {
 width: 274px;
 padding: 12px;
 float: left;
 height: 208px;
 background: #f3f3f3;
 border: 1px solid #fff;
 box-shadow: 0 0 3px #ccc;
 -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc;
 position: relative; }

.fp-column-cta:hover, .fp-column-cta-end:hover {
 background: #fff; }

.fp-main-cta-illustration {
 text-align: center; }

.boxout, .boxout-end {
 width: 274px;
 float: left;
 height: 274px;
 background: #fafafa;
 border: 1px solid #fff;
 box-shadow: 0 0 3px #ccc;
 -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc;
 padding: 12px; }

.fp-column-cta {
 margin: 0 30px 0 0; }

.fp-column-cta-end {
 margin: 0; }

.fp-main-cta-title {
 position: absolute;
 top: 130px; }

.fp-main-cta-title h2 {
 font-weight: normal;
 font-size: 18px;
 color: #000; }

.fp-main-cta-caption {
 position: absolute;
 top: 156px;
 width: 274px; }

.fp-main-cta-caption a {
	font-weight: normal;
  }

.fp-sub-cta, .fp-sub-cta-end {
 width: 218px;
 float: left; }

.fp-sub-cta {
 margin: 0 30px 0 0; }

.fp-sub-cta-end {
 margin: 0; }

.fp-slides {
  }

/* CDC Tables */

.pricing-table {
 width: 615px;
 margin: 0 0 12px 0; }

.pricing-table th {
 height: 24px;
 text-align: left;
 background: #dfdfdf;
 font-size: 11px;
 color: #333;
 padding: 3px 3px 3px 6px; }

.pricing-table td {
 width: 118px;
 height: 24px;
 font-size: 11px;
 padding: 2px 3px 2px 6px;
 border-bottom: 1px solid #dfdfdf }

/* Service Status Area */

.ss-divider {
 border-bottom: 1px solid #ccc;
 margin: 0 0 9px 0; }

.ss-item {
 border: 1px solid #ccc;
 margin: 9px 0;
 padding: 9px;
 overflow: auto; }

.ss-date {
 float: left;
 width: 105px; }

.ss-update {
 float: left;
 width: 390px;
 padding: 0 15px 0 0; }

.ss-status-Reported, .ss-status-Investigating, .ss-status-Resolved {
 float: left;
 width: 80px; }

.ss-status-Reported {
 color: #ff0000; }

.ss-status-Investigating {
 color: #ff9900; }

.ss-status-Resolved {
 color: #c1dd24; }