﻿*{
	margin:0;padding:0}
	
a{
	text-decoration:none;color:#00568c;font:bold 10px arial;outline:none}
	
ul,li{
	list-style:none}
	
h2{
	font:normal 18px helvetica,arial}
	
h3{
	font:bold 14px helvetica,arial}
	
img{
	border:0}

body{
	}

.wrapper{
	background:#fff none;width:1002px;margin:0 auto}
	
.page{
	width:1002px;float:left;margin:24px 0 0 0;font:normal 11px arial;color:#555}
	
.header{
	width:100%;float:left;background:transparent url('../images/header-bg.jpg') no-repeat scroll left top;height:93px}
	
.logo{
	width:350px;height:90px;float:left}
	
.logo a{
	width:100%;height:90px;display:block}
	
.career-faq{
	width:201px;float:left;margin:10px 0 0 265px;height:27px}
	
.career-faq li{
	display:block;float:left}
.customer-login{
	width:175px;float:left;display:inline;margin:15px 0 0 10px}
	
.customer-login li{
	display:block;float:left;margin:0 10px 0 0;font:normal 11px arial}






.mainnav{
	width:652px;height:50px;float:left;margin:6px 0 0 0}

ul.dropdown,ul.dropdown li,ul.dropdown ul {
	list-style: none;margin: 0;padding: 0}

ul.dropdown {
	position: relative;z-index: 597;float: left}

ul.dropdown li {
	float: left;/*line-height: 1.3em;*/vertical-align: middle;zoom: 1}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;z-index: 599;cursor: default}

ul.dropdown ul {
visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width: 100%}

ul.dropdown ul li {
	float: none;;background:transparent}

ul.dropdown ul ul {
	top: 1px;left: 99%}

ul.dropdown li:hover > ul {
	visibility: visible}

/*
ul.dropdown li.rtl ul {
	top: 100%;right: 0;left: auto}

ul.dropdown li.rtl ul ul {
	top: 1px;right: 99%;left: auto}
	*/
/*-------------------------------------------------/
* @section		Base Style Extension
*/

ul.dropdown li a {
	display: block;color:#00568C;
font-family:helvetica,arial;
font-size:12px;padding:9px 5px}

ul.dropdown li.services{
background: transparent}

ul.dropdown li.services a{
padding:0}

ul.dropdown li.services a span {
	padding:9px 5px;display:block;}

ul.dropdown li:hover a span {

background:#E9E9E9 none repeat scroll 0 0;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 1px 0;
}
ul.dropdown li.hover span,
ul.dropdown li:hover span {
background:#E9E9E9 none repeat scroll 0 0;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 1px 0;
	}


/*-------------------------------------------------/
* @section		Base Style Override
*/

ul.dropdown li {
padding: 0;
}


/*-------------------------------------------------/
* @section		Base Style Reinitiate: post-override activities
*/

ul.dropdown li.dir {
padding: 7px 20px 7px 10px;
}

ul.dropdown ul li.dir {
padding-right: 15px;
}


/*-------------------------------------------------/
* @section		Custom
*/

ul.dropdown ul a {
	width: 185px;}

ul.dropdown ul a:hover {}

ul.dropdown ul a.dir {
	width: 180px;}
/*------------*/

ul.dropdown {
	}

ul.dropdown li {
padding: 7px 5px 7px 5px;background: transparent url('../images/topmenu-divider.jpg') no-repeat scroll left 5px;color: #000}




ul.dropdown li a:hover{	background-color: #ccc}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #00568C; text-decoration: none;font-weight:normal }
ul.dropdown a:hover		{ color: #00568C; }
ul.dropdown a:active	{ color: #00568C; }



/* -- level mark -- */

ul.dropdown ul {
	width: 195px;margin-top: -7px;margin-left:5px;background:transparent url(../images/drop-down-corner.gif) no-repeat scroll bottom right;padding-bottom:8px}

ul.dropdown ul li {
	font-weight: normal;background:transparent url(../images/drop-down-scroll.png) repeat-y scroll left top;
height:25px;padding:0}

ul.dropdown ul li a{padding:5px!important}


/*-------------------------------------------------/
* @section		Support Class `dir`
* @level sep	ul, .class
*/


ul.dropdown *.dir {
padding-right: 20px;
background-image: url(images/nav-arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
padding-right: 15px;
background-image: url(images/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
padding-right: 10px;
padding-left: 15px;
background-image: url(images/nav-arrow-left.png);
background-position: 0 50%;
}
.mainnav .services{
	width:165px}

.mainnav .datacenter{
	width:115px}

.mainnav .managed-services{
	width:142px}

.mainnav .managed-ip{
	width:96px}

.mainnav .about{
	width:84px}



.crumb{
	width:962px;float:left;height:19px;padding:4px 0 0 30px}
		
.innerarea{
	width:100%;float:left}

.mainarea{
	width:746px;float:left}
	
.right-managed{
	width:100%;float:left;margin-bottom:12px}



.colocation{
	width:152px;float:left;background:transparent url('../images/colocation.jpg') no-repeat scroll left top;padding:108px 195px 0 15px;height:191px}
	
.dedicated{
	width:175px;float:left;background:transparent url('../images/dedicated.jpg') no-repeat scroll left top;padding:95px 172px 0 15px;margin-left:22px;height:204px}
	
.highlights{
	width:347px;float:left;padding:0 0 0 15px;font-size:12px;line-height:1.5em;margin-top:25px}
	
.highlights h3{
	margin-top:20px}
	
.topborder{
	border-top:1px #dbdbdb solid;padding-top:20px}


.network{
	width:360px;float:left;margin:20px 0 0 22px;padding:0 0 11px 0;background:transparent url('../images/network-bottom.jpg') no-repeat scroll left bottom}
.network-scroll{
	background:transparent url('../images/network-scroll.jpg') repeat-y scroll left top;float:left;}	
.network-top{
	background:transparent url('../images/network-top.jpg') no-repeat scroll left top;width:330px;float:left;padding:10px 15px 0 15px
}	
.network p{
	margin:17px 0}



.textarea{
	width:718px;margin:0 0 0 15px;float:left}
	
.textarea h2{
	color:#00568c;margin:20px 0}
	
.textarea h3{
	color:#000}
	
.textarea p{
	margin:0 0 15px 0}
	
.contentarea{
	width:100%;float:left;font-size:12px}
	
.leftbox-text{
	width:450px;float:left;margin-right:30px}
	
.rightbox-text{
	width:450px;float:left;margin-left:30px}

.emptybox{
	width:222px;height:313px;border:1px #cccccc solid;float:left}







.rightarea{
	width:233px;float:right}
	
.rightbox-bottom{
	width:100%;float:left;background:transparent url('../images/right-box-bottom.jpg') no-repeat scroll left bottom;padding-bottom:17px}
	
.rightbox-scroll{
	width:100%;float:left;background:transparent url('../images/right-box-scroll.jpg') repeat-y scroll left top}
.rightbox-scroll img{
	float:left}	

.rightbox{
	width:100%;float:left}
.accordion{
	height:250px}

/* A few IE bug fixes */

			* html ul ul li { margin-bottom: -1px; }
		
		
		#theMenu { width: 100%; height: 300px;}
		
		/* Some list and link styling */
		ul#theMenu li { width:100%; float:left}
		ul#theMenu ul li {  padding: 0; width: 100%; }
		ul#theMenu ul li a { display:block; padding:0}
		ul#theMenu ul li a:hover { display:block;}

.sanfrancisco{
	width:231px;float:left;margin:0 1px;display:inline}	
.rightimages-box{
	width:231px;float:left;margin:0 1px;display:inline}
.freeqoute{
	width:231px;float:left;margin:0 1px;display:inline}
.qoute{
	width:216px;margin:10px 0 0 10px;font:bold 13px arial;float:left;display:inline}
.textbox{
	width:126px;height:24px;border:1px #cccccc solid;float:left;font-weight:normal;line-height:24px;color:#555}
	
.getitbutton{
	background:transparent url('../images/get-it-now.jpg') no-repeat scroll;height:25px;width:90px;border:0;margin:0px 0 10px 85px}
	
.quoteform p{
	margin:2px 0;float:left;width:100%}
	
.quoteform span{
	color:#a1a1a1;font:normal 12px "Myriad Pro Cond";margin:5px 0 5px 85px}
		
.quoteform label{
	width:85px;float:left;margin:5px 0 0}


.screaming{
	width:231px;float:left;margin:0 1px;display:inline}

.client-spot{
	width:231px;float:left
}	
.spotlight{
	width:231px;float:left;margin:0 0 0 
}	
.Icolocation{
	width:100%;float:left;margin:15px 0 0 0}
	
.Idedicated{
	width:100%;float:left;margin:15px 0 0 0}

.footer{
	width:1002px;float:left;margin:24px 0 50px 0;color:#636363;font:normal 12px arial}
	
.Ifooter{
	width:1002px;float:left;margin:15px 0 50px 0;color:#636363;font:normal 12px arial}
	
.client-logos{
	width:100%;float:left;margin:0 0 -4px 0}

.bottomlinks{
	width:350px;float:left;margin:15px 0 0 10px}
	
.bottomlinks a{
	color:#636363;font:normal 12px arial}

.copyright{
	width:398px;float:right;background:transparent url('../images/footer-divider.jpg') no-repeat scroll left top;padding:15px 0 0 10px;text-align:right}

.copyright span{
	color:#959595}

















