/* CSS Document */
body{ background: url(../images/body-bg.jpg) left top repeat-x; margin: 0px auto; padding: 0px; font: 12px Arial, Helvetica, sans-serif; }
h1.pagecaption{ width: 788px; height: 78px; display: block; margin: 0 0 7px 8px; padding:0; text-indent: -5000px; background-repeat: no-repeat; }
	h1.datacenter{ background-image: url(../images/caption_datacenter.jpg); }
	h1.pricing{ background-image: url(../images/caption_pricing.jpg); }
	h1.contact{ background-image: url(../images/caption_contact.jpg); }
	h1.network{ background-image: url(../images/caption_network.jpg); }
h2{ font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal; color: #363625; margin: 0 0 15px 0;}
	h2 span{ font-weight: bold; color: #b22729; }
h3{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #b22729; margin: 20px 0 10px 0;}
p{ margin: 5px 0px 11px 0; line-height: 1.5em; }
br{ clear: left; }
a{ color: #b22729; }
img{ border: none; }

/* outside containers */

#container
{
width:100%;
margin:0px auto;
text-align:center;
}
.header-wrapper
{
width:804px;
margin:0px auto; 
text-align:center;
}
.body-wrapper
{
width:804px;
margin:0px auto;
text-align:center;
}
.footer-wrapper
{
width:100%; float:left; 
margin:15px auto 0px auto;
text-align:center;
background:url(../images/footer-bg.jpg) left top repeat-x;
height:84px;
clear:both;
}
.header-content
{
width:804px;
margin:0px auto;
text-align:center; float:left;
}
.body-content
{
width:804px;
margin:0px auto;
text-align:left;
float:left;
 background: #FFFFFF url(../images/bg_content.gif) no-repeat top center;
 padding:9px 0 0 0;
}
.footer-content
{
width:804px;
margin:0px auto;
text-align:left;
}

/* inner contents */
.left
{
float:left;
}
.right
{
float:right;
}
.header-btm
{
width:804px;
float:left;
margin:0px auto;
padding:0px;
}
.call-us
{
width:175px;
float:right;
margin-top:6px;
padding-left:15px;
background:url(../images/callus-bg.jpg) left top no-repeat;
height:22px;
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#FFF;
background-color:inherit;
text-align:left;
}
.logo-bg
{
width:265px;
height:50px;
float:left;
text-align:left;
margin-top:28px;
padding:0px;
}
.header-right
{
width:535px;
float:right;
height:auto;
}
.live-chat
{
width:508px;
float:left;
text-align:right;
}
.live-chat-img
{
margin:5px 0px 0px 0px;
padding:0px;
}
.body-left
{
width:572px;
float:left;
padding-left:10px;
}
.location-service-heading
{
background:url(../images/co-location-service.jpg) left top no-repeat;
height:41px;
width:572px;
float:left;
}
.location-service-text
{
width:549px;
float:left;
padding-left:12px;
padding-right:7px;
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
font:bold 12px/18px Arial, Helvetica, sans-serif;
color:#666666;
margin-left:1px;
background:#FFFFFF;
}
.body-bottom
{
width:572px;
float:left;
margin-top:12px;
padding-bottom:15px;
}
.price-bg{ display: block; width: 182px; float: left; margin-right: 12px; text-decoration: none; cursor: hand; background-color: white; }
.special-bg
{
background:url(../images/special-heading.jpg) left top no-repeat;
height:28px;
padding-left:8px;
width:174px;
font:bold 12px/28px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:inherit;
}
.special-text
{
width:180px;
float:left;
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
text-align:center;
}
.yellow-bg
{
width: 155px;
height:26px;
font: bold 13px/26px Arial, Helvetica, sans-serif;
color:#BB2A2C;
 background-color: #F3F2EA;
 background-image: url(../images/bg_btn_yellow.gif);
 background-repeat: no-repeat;
 display: block;
 margin-left: 12px;
 text-decoration: none;
}
.yellow-bg:hover{ background-color: #e7e6e0; }
.grey-bg{ width: 202px; height: 62px; float: left; }
.footer-text
{
width:804px;
float:left;
text-align:center;
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
white-space:pre;
margin-top:8px;
background-color:inherit;
}
.footer-menu
{
font:normal 12px/35px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
background-color:inherit;
}
.footer-menu:hover
{
text-decoration:underline;
}


/* CSS navigation */

.navcontainer
{
width:480px;
height:26px;
float:left;
margin-left:40px;
margin-top:12px;
}
.navcontainer ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}
.navcontainer ul li
{
display:block;
background:url(../images/menu-normal.jpg) left center no-repeat;
height:26px;
text-align:center;
float:left;
margin-right:3px;
}
.navcontainer ul li a
{
background:url(../images/menu-normal.jpg) left center no-repeat;
width:92px;
height:26px;
display:block;
text-align:center;
font:bold 12px/26px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFF;
background-color:inherit;
}
.navcontainer ul li a:hover
{
background:url(../images/menu-hover.jpg) left center no-repeat;
color:#4B4B35;
}
.navcontainer li.active a
{
background:url(../images/menu-active.jpg) left center no-repeat;
color:#4B4B35;
}

.price-list
{
width:180px;
float:left;
margin-top:8px; 
}
.price-list ul
{
list-style-type:none;
text-align:left;
margin:0px;
padding:0px;
}
.price-list ul li
{
display:block;
background:url(../images/tick.gif) 7px 5px no-repeat;
text-align:left;
padding-left:20px;
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#959595;
}

.body-right
{
width:202px;
float:right;
padding-right:10px;
}
.datacenter-tour-top
{
background:url(../images/datacenter-tour-top.jpg) left top no-repeat;
width:200px;
height:136px;
}

/* Helpers */
.clearfloats{ clear: both; height: 1px; line-height: 1px; }	
.colored{ color: #b22729; }
.underlined{ border-bottom: 1px solid #e0e0e0; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.tl{ text-align: left; }
.tj{ text-align: justify; }

/* Main and small text boxes */
.textbox{ width: 570px; padding: 18px 0 0 0; margin:0 0 15px 0; background: url(../images/bg_textblock_head.gif) no-repeat;  color: #555555;   }
	.textbox .boxfooter{ float:left; width: 100%; padding: 0 0 12px 0; background: url(../images/bg_textblock_footer.gif) no-repeat bottom; }
	.textbox .boxwrap{ width: 542px; float:left; padding:0 13px;  border-left: 1px solid #dadada;  border-right: 1px solid #dadada;  background: white;    }
.smallbox{ width: 246px; background: url(../images/bg_smallbox_head.gif) no-repeat; }
	.smallbox h2{ float: left; height: 23px; width: 236px; padding: 5px 0 0 10px; color: white; font-size: 14px;  margin: 0;  font-weight: bold;   }
	.smallbox .smallfooter{ float: left; width: 100%; padding-bottom: 10px; background: url(../images/bg_smallbox_footer.gif) no-repeat; }
	.smallbox .smallwrap{ float:left; padding:10px 10px 0 10px; width:224px; border-left: 1px solid #dadada; border-right: 1px solid #dadada;  background: white;  }
	
ul.listfeatures{ margin: 0; padding: 0; list-style: none; }	
	ul.listfeatures li{padding:0 0 0 20px; margin:0 0 5px 0; background: url(../images/list_arrow.gif) no-repeat 0 4px; }
	ul.morespace li{ margin-bottom: 15px; }
	ul.morespace li.last{ margin-bottom: 5px; }

.btn_vtour{ display: block; width:97px; height:28px; background: url(../images/btn_vtour_large.gif); text-indent:-5000px;}	
.btn_cameras{ display: block; width: 162px; height: 28px; background: url(../images/btn_datacenter_cameras.gif); text-indent: -5000px; }
.btn_datacenter_tour{ text-indent: -5000px; background: url(../images/datacenter-btm.jpg); width: 200px; height: 35px; display: block; }
.btn_getaquote{ display: block; width: 104px; height: 26px; background: url(../images/btn_getaquote.gif); text-indent: -5000px; }
	
.datacenter{ width: 278px; height: 190px; position: relative; background: url(../images/bg_datacenter.jpg); margin:0 0 15px 0;  background-repeat: no-repeat; }	
	.datacenter .btn_vtour{ position: absolute; width: 93px; height:22px; bottom: 9px; left:10px;  background: url(../images/btn_vtour.gif) no-repeat; }
	.datacenter .btn_walk{ display:block; position: absolute; width:165px; height:22px; bottom: 9px; left: 103px;  background: url(../images/btn_walk.gif); text-indent:-5000px;}

ul.stripes{ list-style: none; margin: 0 0 15px 0; padding: 0; }	
	.stripes li{ padding: 10px; display: block; }
	.stripes li.odd{ background-color: #f3f2ea; }
	.stripes em{ color: #b22729; font-weight: bold; font-style: normal;}

/* Contact Form */	
#contactform{ float:left; width:510px; padding:10px 15px; margin:-7px 0 10px 0; border: 1px solid #e7e5df; background-color: #f3f2ea; }	
	#contactform ul{ list-style: none; margin: 0 0 10px 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;   }
	#contactform li{ margin: 0 0 6px 0; width:100%; float:left;}
	#contactform span.left{ width: 185px; padding:4px 10px 0 0; font-weight: bold; text-align: right; }
	#contactform select,
	#contactform input,
	#contactform textarea{ font-size: 11px; }
	#contactform select{ width: 200px; padding: 2px; }
	#contactform select.short{ width: 90px; }
	#contactform input{ width: 278px; height: 16px; padding: 2px; border: 1px solid; border-color: #abaaa5 #d6d4ce #d6d4ce #abaaa5; }
	#contactform input.short{ width: 147px; }
	#contactform input.shorter{ width: 47px; }
	#contactform textarea{ overflow: auto; width: 278px; height: 150px; padding: 2px; border: 1px solid; border-color: #abaaa5 #d6d4ce #d6d4ce #abaaa5;  margin-bottom: 10px;  }
	#contactform input.reset{ float: right; width: 73px; height: 26px; padding: 0; border:none; }
	#contactform input.submit{ float: right; width: 114px; height: 26px; padding: 0; border: none; }
	
/* Table emulation */	
.table{ float: left; list-style: none; padding:0; margin: -5px 0 27px 0; border: 1px solid #cccccc;  background: url(../images/bg_tablecaption.gif) repeat-x;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;  width: 540px;           }
	.table li{ width: 100%; float: left; }
	.table li.odd{ background-color: #f3f2ea; }
	.table li.caption span{ font-weight: bold; padding:9px 0 6px 10px; color: #363625; border-right:none; }
	.table span{ float:left; padding:9px 0 9px 10px; border-right: 1px solid #CCCCCC; }
	.table em{ font-style: normal; }
	.t4 .c1{ width:143px; }
	.t4 .c2{ width:210px; }
	.t4 .c3{ width:67px; }
	.t4 .c4{ width:64px; border-right:none; }
	.t3 .c1{ width:238px; }
	.t3 .c2{ width:133px; }
	.t3 .c3{ width:123px; border-right:none; }
	.t3-2 .c1{ width:315px; }
	.t3-2 .c2{ width:95px; }
	.t3-2 .c3{ width:85px; border-right:none; }

/* Network */	
.smallmap{ float: right; margin:0 0 25px 25px; color: #363625; font-weight: bold; text-align: center; width: 243px; height: 23px; padding: 148px 0 0 0;  background-repeat: no-repeat; text-decoration: none; }
.smallmap:hover{color: white; }
	.maplevel3{ background-image: url(../images/map_level3_small.gif); }
	.mapabovenet{ background-image: url(../images/map_abovenet_small.gif); }
	.mapcogent{ background-image: url(../images/map_cogent_small.gif); }
	.mapbtn{ background-image: url(../images/map_btnaccess_small.gif); }
	.mapsavvis{ background-image: url(../images/map_savvis_small.gif); }
.btn_provider{ display: block; float:left; margin: 0 0 5px 0; }
.network-diagram{ width: 200px; height: 229px; position: relative; background: url(../images/network_diagram.gif) no-repeat; }
	.network-diagram .btn_enlarge{ width: 122px; height: 24px; position: absolute; bottom: 2px; right: 3px; background: url(../images/btn_enlarge.gif); text-indent:-5000px; }
		
/* Partner Buttons */
.btn{ display: block; cursor: hand; width: 201px; height: 62px;  background-repeat: no-repeat;  }
.btn strong{ display: block; width: 201px; height: 62px;  background-repeat: no-repeat; text-indent:-5000px; }
.btn:hover strong{ background-image: none; }
.level3{ background-image: url(../images/level3-over.jpg); }
.level3 strong{ background-image: url(../images/level3.jpg); }
.savvis{ background-image: url(../images/savvis-over.jpg); }
.savvis strong{ background-image: url(../images/savvis.jpg); }
.btnaccess{ background-image: url(../images/btnaccess-over.jpg); }
.btnaccess strong{ background-image: url(../images/btnaccess.jpg); }
.abovenet{ background-image: url(../images/abovenet-over.jpg); }
.abovenet strong{ background-image: url(../images/abovenet.jpg); }
.cogent{ background-image: url(../images/cogent-over.jpg); }
.cogent strong{ background-image: url(../images/cogent.jpg); }

/* Pricing Request */
#Request{ float: left; width:281px; padding:0; background-color: #f2f2ea;  background-image: url(../images/requestform_top.gif);  background-repeat: no-repeat;  position: relative;    }
	#Request input, #Request select{ margin: 0; }
	#Request h2{height: 23px; padding: 8px 0 4px 15px; overflow:hidden; font-size: 14px; margin: 0; font-weight: bold; }
	#Request div{ height: 27px; overflow: hidden; }
	#Request div.footer{ margin-top:2px; width: 281px; height: 6px;  background-image: url(../images/requestform_bottom.gif);  background-repeat: no-repeat;       }	
	#Request input.text{ width: 150px; height:17px; padding:2px 0 0 0; font-size:0.9em; background-color: white; border: 1px solid; border-color: #aaa9a7 #d4d3cf #d4d3cf #aaa9a7; } 
	#Request input.short{ width: 40px; }
	#Request select.text{ width: 97px; font-size:0.9em; margin-left: 10px; height:22px; padding: 2px; }
	#Request .left{ vertical-align: middle; }
	#Request input.phone{ width: 95px; margin-left:5px; }
	#Request strong{ float: left; font-size:0.9em; text-align: right; width: 105px; padding: 3px 10px 0 0; }
	#Request .reset{ width:73px; height:26px; border:none; font-size:1px; text-indent:-5000px; margin:0 12px 0 0;    color: #e4e3e3;    }	
	#Request .submit{ width:114px; height:26px; border:none; font-size:1px; text-indent:-5000px; margin:0 2px 0 0;     color: #e4e3e3;     }