@charset "UTF-8";
/* CSS Document */

/* Tags */

*	{
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
}
body	{ font-family: Helvetica, Arial, sans-serif; background-color: #363636; font-size: 12px; color: #b7b7b7; line-height: 16px;}
p	{ margin: 0 0 10px 0;}
h2	{ margin: 0 0 10px 20px; color: #fff; font-size: 26px; font-weight: bold; padding: 15px 47px; background: url(images/icons-large.gif) no-repeat;}
h3	{ color: #fff; font-size: 17px; font-weight: bold; padding: 8px 20px 12px 47px; border-bottom: 2px solid #2863A7; background: #1e1e1e url(images/icons.gif) no-repeat;}
h4	{ color: #2863A7; font-size: 12px; font-weight: bold; text-transform: uppercase; }
label	{ display: block; color: #2863A7; text-transform: uppercase;}
input	{ display: block; background: url(images/input-bg.png) repeat-x; border: 1px solid #151515; padding: 4px; color: #fff; margin: 0;}
input.hide	{ display: block; background-image: none; border: none; padding: 0; color: transparent; margin: 0;}
textarea	{ display: block; background: url(images/textarea-bg.png) repeat-x; border: 1px solid #151515; color: #fff; padding: 4px;}


/* IDs */

#top-wrapper	{ background: url(images/top-bg.png) repeat-x;}
#top-content	{ width: 960px; margin: 0 auto;}
#logo	{ float: left; width: 325px; height: 50px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; margin: 10px 0 20px 0;}
#logo a	{ display: block; width: 325px; height: 50px;}

#icon-nav	{ float: right; width: 600px; text-align: right; margin: 20px 0 0 0; list-style: none;}
#icon-nav li { float: right;}
#icon-nav a	{ display: block; text-transform: uppercase; color: #fff; font-weight: bold; padding: 12px 0 12px 40px; margin: 0 0 0 15px; font-size: 12px;}
#icon-nav a:hover	{ color: #2863A7;}
#request-quote	{ background: url(images/request-icon.gif) no-repeat left center; width: 116px;}
#mail-login	{ background: url(images/mail-icon.gif) no-repeat left center; width: 102px;}
#support-login	{ background: url(images/login-icon.gif) no-repeat left center; width: 100px;}

#nav	{ height: 30px; background: url(images/nav-bg.png) no-repeat top center; clear: both; margin: 20px 0 0 0; list-style: none;}
#nav li	{ border-right: 1px solid #202020; float: left; position: relative;}
#nav li:last-child	{ border-right: none;}
#nav a	{ display: block; text-align: center; font-weight: bold; line-height: 31px; color: #c2c2c2; font-size: 11px;}
#nav a:hover	{ background: url(images/nav-bg.png) no-repeat left 100%; color: #fff;}

#nav #about	{ width: 120px; background-position: 0 -30px;}
#nav #services	{ width: 112px; background-position: -127px -30px;}
#nav #data	{ width: 200px; background-position: -237px -30px;}
#nav #facilities	{ width: 125px; background-position: -437px -30px;}
#nav #partners	{ width: 116px; background-position: -561px -30px;}
#nav #support	{ width: 165px; background-position: -677px -30px;}
#nav #contact	{ width: 116px; background-position: -843px -30px;}

#nav li ul	{ position: absolute; width: 171px; background-color: #000;}
#nav li ul li	{ display: block; float: none;}
#nav li ul li a	{ color: #fff; font-weight: bold; text-align: left; padding: 0 0 0 25px; line-height: 24px;}
#nav li ul li a:hover	{ background: url(images/subnav-hover-bg.png) no-repeat;}
#nav .last	{ border-right: none;}

#header	{ text-align: center;}

#bottom-wrapper	{ background: url(images/bottom-bg.png) repeat-x; padding-bottom: 100px;}
#bottom-content	{ width: 950px; margin: 0 auto; padding: 15px 0 0 0;}


#learn-more	{ overflow: hidden; list-style: none; margin: 0}
#learn-more li	{ float: left; width: 310px; margin: 0 10px 0 0;}
#learn-more li.last	{ margin-right: 0;}
#learn-more	h3	{ font-size: 13px; font-weight: bold; color: #fff; padding: 3px 0 3px 20px; border-bottom: 1px solid #4C4C4C; background: url(images/blue-end.png) no-repeat left; margin: 0 0 15px 0;}
#learn-more img { margin: 0 5px 0 0;}
#learn-more li ul	{ list-style: disc;}
#learn-more li ul li	{float: none; margin: 0; width: 200px;}
#learn-more a.bullet	{ color: #fff; font-weight: bold; padding: 0 0 0 15px; background: url(images/blue-bullet2.gif) no-repeat left center;}


#footer	{ background: url(images/footer-bg.png) no-repeat; height: 50px; margin: 20px auto; font-size: 9px; font-weight: bold; clear: both; width: 950px; position: relative;}
#footer .footerContent	{ padding: 14px 20px;}
#footer li	{display: inline; border-right: 1px solid #959595; line-height: 10px; padding: 0 7px;}
#footer li:last-child	{ border-right: none;}
#footer a	{ color: #959595;}

#iconBandwidth	{ background-position: 16px 2px;}
#iconFirewall	{ background-position: 16px -59px;}
#iconBackups	{ background-position: 16px -121px;}
#iconServerManagement	{ background-position: 16px -185px;}
#iconServerMonitoring	{ background-position: 16px -246px;}
#iconOtherServices	{ background-position: 16px -310px;}
#iconManagedServices	{ background-position:  9px -1px;}
#iconLogo	{ background-position:  10px -55px;}
#iconPhone	{ background-position:  25px -500px;}
#iconGear	{ background-position:  16px -560px;}
#iconManager	{ background-position:  11px -120px;}
.iconPerson	{ background-position:  16px -616px;}
#iconSingleServer	{ background-position:  13px -808px;}
#iconEnterprise	{ background-position:  13px -870px;}
#iconColocation	{ background-position:  8px -183px;}
#iconGlobe	{ background-position:  10px -238px;}
#iconDownServer	{ background-position:  16px -1011px;}
#iconPersonPlus	{ background-position:  19px -1077px;}
#iconGearPlus	{ background-position:  16px -1139px;}
#iconGearSmall	{ background-position:  16px -1200px;}
#iconKeyServer	{ background-position:  16px -1258px;}
#iconServer	{ background-position:  16px -1314px;}
#iconGearLarge	{ background-position:  9px -416px;}
#iconQuestion	{ background-position:  13px -1425px;}
#iconTools	{ background-position:  13px -1475px;}
#iconMail	{ background-position:  15px -1530px;}
#iconFacilities	{ background-position:  9px -300px;}
#iconPower	{ background-position:  13px -1640px;}
#iconNetwork	{ background-position:  13px -1702px;}
#iconInfrastructure	{ background-position:  13px -1759px;}
#iconPartnersLarge	{ background-position:  9px -359px;}
.iconPartners	{ background-position:  13px -1872px;}
#iconArrow	{ background-position:  16px -1930px;}

/* Classes */

.subhead-left	{ float: left; width: 490px; padding: 0 0 20px 69px; }
.subhead-right	{ float: right; width: 300px; padding-bottom: 20px;}
a.btn	{ background: url(images/btn.png) no-repeat; display: block; height: 27px; width: 144px; text-indent: -9999px; border-top: none;}
a.btn:hover	{ background-position: left -27px;}
a.btn-signup	{ background: url(images/btn-signup-off.png) no-repeat; display: block; height: 27px; width: 144px; text-indent: -9999px; border-top: none;}
a.btn-signup:hover	{ background: url(images/btn-signup-on.png) no-repeat;}

.modules	{ margin: 20px 0; list-style: none; clear: both;}
.modules  ul li, .modules ol li	{ margin: 0 0 6px 0;}

.module	{ display: block; position: relative; float: left; margin: 0 20px 19px 0; overflow: hidden; }
.module a { color: #2863A7; text-decoration: none;} 

.module a.fancy	{ text-decoration: none; color: #fff; font-weight: bold; padding: 15px 0 0 15px; background: url(images/blue-bullet.gif) no-repeat left 19px; border-top: 2px solid #151515; margin-top: 15px; display: block; }
.module a.fancy:hover	{ color: #2863A7;}

.module a.fancyNoBorder	{ text-decoration: none; color: #fff; font-weight: bold; padding: 0 0 0 15px; background: url(images/blue-bullet.gif) no-repeat left center; display: block; }
.module a.fancyNoBorder:hover	{ color: #2863A7;}

.module ul	{ margin: 0 0 0 15px; list-style: disc;}
.module ol	{ margin: 0 0 0 15px; }
.module .last	{ margin-right: 0;}

.medium	{ width: 303px; background: #1e1e1e url(images/medium-bottom.gif) no-repeat bottom center;}
.full	{ width: 100%; margin-right: 0; background: #1e1e1e url(images/full-bottom.gif) no-repeat bottom center;}
.double	{ width: 627px; background: #1e1e1e url(images/double-bottom.gif) no-repeat bottom center;}
.narrow	{ width: 222px; background: #1e1e1e url(images/narrow-bottom.gif) no-repeat bottom center;}
.half	{ width: 465px; background: #1e1e1e url(images/half-bottom.gif) no-repeat bottom center;}
.trans	{ width: 100%; background:  #1e1e1e url(images/full-bottom.gif) no-repeat bottom center;}

.bottom	{ overflow: hidden; padding: 10px 20px; background-color: #1e1e1e; margin-bottom: 15px;}

.full .top	{ padding: 15px 0 0 0; background: url(images/full-top.gif) no-repeat top center;}
.trans .top	{ padding: 15px 0 0 0; background: url(images/full-top2.gif) no-repeat top center;}
.medium .top	{ padding: 15px 0 0 0; background: url(images/medium-top.gif) no-repeat top center;}
.double .top	{ padding: 15px 0 0 0; background: url(images/double-top.gif) no-repeat top center;}
.narrow .top	{ padding: 15px 0 0 0; background: url(images/narrow-top.gif) no-repeat top center;}
.half .top	{ padding: 15px 0 0 0; background: url(images/half-top.gif) no-repeat top center;}


.column	{ float: left; width: 282px; margin: 0 8px 10px 0;}
.columnLarge	{ float: left; width: 578px; margin: 0 8px 0 0;}
.phone	{ color: #2863A7; font-size: 20px; font-weight: bold; line-height: 28px; }
.question	{ color: #2863A7; font-weight: bold; font-style: italic;}
.answer	{ margin: 0 0 10px 0;}
.note	{ font-size: 11px; color: #fff;}
.blueItal	{ font-style: italic; font-weight: bold; color: #2863A7;}
input.submit	{ background-image: none; padding: 0; border: none;}
span.footNote	{display: block; text-align: right; color: #2863A7; padding-right: 14px}
.radioLabel	{ position: relative; top: -22px; left: 22px;}
.clear	{ clear: both;}
.captcha	{ float: left; height: 22px; border: 1px solid #151515; margin-right: 10px;}
.module .partnerLogos	{list-style:none;}
.module .partnerLogos li	{ padding-top: 15px; border-top: 2px solid #151515; clear: both; }
.module .partnerLogos a.partnerLink	{ float: left; width: 200px; text-align: center; display: block;}
.module .partnerLogos img	{ margin-bottom: 10px;}
.module .partnerLogos p	{ margin-left: 200px;}

.module ol li ol	{ list-style: lower-alpha;}
.psi-link	{ position: absolute; right: 0; top: 0; display: block; text-indent: -9999px; width: 170px; height: 40px;}


/* form */

.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/radio.gif) no-repeat;
	display: block;
}

.select {
	position: absolute;
	width: 273px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 24px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(images/select.gif) no-repeat;
	overflow: hidden;
}