/* =MAIN LAYOUT
---------------------------------------------------- */

* {
    padding: 0;
    margin: 0;
    }

hr {
	display: none;
	}
    
body {
    color: #bbb;
    text-align: center;
    font: normal small "Lucida Grande", arial, verdana, helvetica, sans-serif;
    line-height: 150%;
    background: #000;
	}

div#header {
	background: url(/images/bg_header.gif) top left repeat-x;
	text-align: left;
	}

div#header-inner {
	width: 780px;
	margin: 0 auto;
	}
	
div#header h1 {	
	float: left;
	text-indent: -9999px;
	}
	
div#header h1 a {
	display: block;
	width: 210px;
	height: 70px;
	border: 0;
	padding: 0;
	background: url(/images/bg_logo.gif) top left no-repeat;
	}

div#main {
	background: #777; /* Updated 07/28/09 from #333 */
	text-align: left;
	padding: 0 10px;
	font-size: 95%;
	}

div#main-inner {
	position: relative;
	width: 760px;
	margin: 0 auto;
	background: url(/images/bg_main-inner.gif) top left repeat-y;
	text-shadow: #111 2px 2px;
	}

div#inside {
    padding: 20px;
    background: #222 url(/images/bg_inside.gif) top left repeat-y;
    }
div.content {
    float: left;
    width: 470px;
    }

div.sidebar {
    width: 214px;
    float: right;
    font-size: 90%;
    }

div#extra {
	background: #333;
	text-align: left;
	padding: 0 10px;
	color: #000;
	font-size: 90%;
    line-height: 125%;
	background: #999;
	}

div#extra-inner {
	position: relative;
	width: 758px;
	margin: 0 auto;
	border: #666 solid;
	border-width: 0 1px;
	background: #999 url(/images/bg_extra-inner.gif) bottom center repeat-x;
	}

div#about-home {
	float: left;
	width: 380px;
	}

div#services-home {
	float: left;
	width: 340px;
	padding: 20px 20px 0 20px;
	}

div#boxes {
	background: url(/images/bg_boxes.gif) top center repeat-y;
	}

div.box {
	float: left;
	width: 212px;
	font-size: 90%;
    display: inline;
	padding: 20px 19px 15px 20px;
	}

div#footer {
	margin: 20px 0;
	color: #666;
	font-size: 80%;
	}

div.circles {
	background: #000 url(/images/bg_circles.gif) top left no-repeat;
	padding: 25px 20px 0 20px;
    color: #fff;
    min-height: 160px;
	}

div.service {
	padding: 0 10px 5px 40px;
	margin: 0;
	background-position: top left;
	background-repeat: no-repeat;
	}

	div.service.collocation {background-image: url(/images/icon_collocation.gif);}
	div.service.design {background-image: url(/images/icon_design.gif);}
	div.service.kvm {background-image: url(/images/icon_kvm.gif);}
	div.service.firewall {background-image: url(/images/icon_firewall.gif);}

/* =NAV
---------------------------------------------------- */

div#nav {
	background: #e54c00 url(/images/bg_nav.gif) top left repeat-x;
	border-top: #ff9933 solid 1px;
	border-bottom: #191919 solid 1px;
	text-align: left;
	padding: 0 10px;
	}

div#nav-inner {
	position: relative;
	width: 760px;
	padding: 0;
	margin: 0 auto;
	}

div#nav ul {
	margin: 0;
	padding: 0;
	border-left: #cc5200 solid 1px;
	border-right: #FF8D40 solid 1px;
	float: left;
	}

div#nav ul li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
	display: inline;
    }

    div#nav ul li a {
        text-decoration: none;
        border: 0;
        padding: 8px 10px;
        float: left;
        text-shadow: #663300 2px 2px;
        font-weight: bold;
        border-left: #FF8D40 solid 1px;
        border-right: #cc5200 solid 1px;
        color: #fff;
        }

	div#nav ul li a:hover {
		background: #cc5200;
		color: #fff;
		}

	div#nav ul li a.active, div#nav ul li a.active:hover {
		background: url(/images/bg_link-nav-active.gif) bottom center no-repeat;
		color: #fff;
		}

/* =HEADERS
---------------------------------------------------- */

h2 {
	color: #66ccff;
    font-size: 150%;
	margin: 0 0 20px 0;
	}

h2.bg {
    background: url(/images/bg_h2.gif) left no-repeat;
    padding: 20px;
    margin: -20px -20px 20px -20px;
    color: #fff;
    border-bottom: #000 solid 1px;
    }

h2.graphic {
	text-indent: -9999px;
    margin: 0 !important;
    padding: 0 !important;
    background-position: top left;
    background-repeat: no-repeat;
    }

    h2.graphic.home-img {
//    	background-image: url(/images/h2_home-img.jpg);
    	background-image: url(/images/dcfront-index.jpg); /* Updated 07/28/2009 */
    	height: 227px;
    	width: 380px;
    	}

h3 {
	color: #F97C00;
	font-size: 115%;
	margin: 0 0 5px 0;
	}

h3.graphic {
	text-indent: -9999px;
    height: 25px;
    margin: 0 !important;
    padding: 0 !important;
    background-position: top left;
    background-repeat: no-repeat;
    }

	h3.graphic.partners {background-image: url(/images/h3_partners.gif);}
	h3.graphic.login {background-image: url(/images/h3_login.gif);}
	h3.graphic.contact-support {background-image: url(/images/h3_contact-support.gif);}

/* =LISTS
---------------------------------------------------- */

ol {
    margin: 0 0 15px 40px;
    }
ul {
    margin: 0 0 15px 40px;
    }

/* =TEXT
---------------------------------------------------- */

p {
	margin: 0 0 15px 0;
	}

p.submit {
	border-top: #999 solid 1px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	}
strong.standout {
    color: #fff;
    font-weight: bold;
    }

/* =LINKS
---------------------------------------------------- */

a {
	color: #fff;
    text-decoration: none;
    border-bottom: #444 solid 1px;
	}

a:hover {
	color: #66ccff;
    border-bottom: #66ccff solid 1px;
	}

a:active {
	color: #666;
	}

a.more {
    background: url(/images/bg_link-more.gif) right no-repeat;
    padding: 0 15px 0 0;
    font-weight: bold;
    text-decoration: none;
    }

/* =FORMS
---------------------------------------------------- */

dl.form dt {
	letter-spacing: .25em;
	color: #ccc;
	margin: 0 0 3px 0;
	}

dl.form dd {
	margin: 0 0 5px 0;
	}

input {
	font-size: 110%;
	padding: 1px;
	}

input.max {
	width: 99%;
	}

/* self-clearing floats
---------------------------------------------------- */
div#header:after,
div#nav:after,
div#main-inner:after,
div#boxes:after,
div#inside:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #header,
* html #nav,
* html #main-inner,
* html #boxes,
* html #inside {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #header,
*:first-child+html #nav,
*:first-child+html #main-inner,
*:first-child+html #boxes,
*:first-child+html #inside {
	min-height: 1px;
	}