body { margin: 0 auto; padding: 0; font-family: Arial, Verdana; background-color: #ECEBEC; font-size: 12px; color: #4E4C52; text-align: center;}
h3,p { font-family: Arial;}
h1,h2,h3 { padding: 0; margin: 0; }
img, form { display: block; border: 0; padding: 0; margin: 0; }
strong { color: #1D1D1D; }
a { color: #2762C9; }
a:hover { text-decoration: none; }

/* ----- CHANGED ----- */
div#container { width: 772px; margin: 10px auto; overflow: hidden; text-align: left; }
/* ----- END CHANGED ----- */

.left { float: left; }
.right { float: right; }
.inline { display: inline; vertical-align: bottom;}

/* ----- CHANGED ----- */
.content { width: 100%; overflow: hidden; }
/* ----- END CHANGED ----- */

.cleaner { clear: both; }
.middle { margin-left: 5px; margin-right: 4px; }
.livechat { border-bottom: 3px solid #4E4C52;}



/* ----- PAGE HEADER ----- */
div#header { padding: 10px; clear: both; font-size: 11px; color: #323232;}
div#header a {color: #323232; }
div#header a:hover { text-decoration: none; }

/* ----- CONTENT HEADER ----- */
div#content-header { clear: both; background-image: url('images/header-bg.jpg'); background-repeat: no-repeat; padding: 30px 20px 30px 40px; color: #4D4B4F; font-size: 11px; text-align: center;}
div#content-header input.text { width: 90px; font-size: 10px; padding: 1px 2px;}

/* ----- CONTENT WRAPPER ----- */

/* ----- CHANGED ----- */
div#content-wrapper { width: 100%; overflow: hidden; clear: both; background-color: #FFF;}
/* ----- END CHANGED ----- */


/* ----- CONTENT LEFT ----- */
div#content-left { float: left; width: 201px; border-top: 3px solid #4E4C52; }
div#content-left div.specials { height: 164px; background-image: url('images/specials-1.jpg'); background-repeat: no-repeat; margin:  0 0 5px 0; }
div#content-left div.specials h3 { color: #FFF; font-size: 15px; font-weight: normal; padding: 15px 0 15px 20px; }
div#content-left div.specials p { color: #FFF; padding: 0; margin: 10px 20px; line-height: 140%; }
div#content-left div.specials a {color: #323232;}
div#content-left div.specials img { margin: 0 auto;}

/* ----- NAVIGATION ----- */
ul#navigation { padding: 0; margin: 0 0 10px 0; }
ul#navigation li { list-style: none; padding: 0; margin: 0; width: 201px; height: 29px; }
ul#navigation li a { display: block; width: 201px; height: 29px; }
ul#navigation li#navigation-network { background-image: url('images/navigation/network.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-network a { background-image: url('images/navigation/network.gif'); }
ul#navigation li#navigation-network a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-network a.active { background-image: url('images/navigation/network.gif');  background-position: 0 -58px; }
ul#navigation li#navigation-network a.active:hover { background-position: 0 -58px; }
ul#navigation li#navigation-datacenter { background-image: url('images/navigation/datacenter.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-datacenter a { background-image: url('images/navigation/datacenter.gif'); }
ul#navigation li#navigation-datacenter a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-datacenter a.active { background-position: 0 -58px; }
ul#navigation li#navigation-datacenter a.active:hover { background-position: 0 -58px; }

ul#navigation li#navigation-semidedi { background-image: url('images/navigation/semidedi.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-semidedi a { background-image: url('images/navigation/semidedi.gif'); }
ul#navigation li#navigation-semidedi a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-semidedi a.active { background-position: 0 -58px; }
ul#navigation li#navigation-semidedi a.active:hover { background-position: 0 -58px; }

ul#navigation li#navigation-dedicated { background-image: url('images/navigation/dedicated.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-dedicated a { background-image: url('images/navigation/dedicated.gif'); }
ul#navigation li#navigation-dedicated a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-dedicated a.active { background-position: 0 -58px; }
ul#navigation li#navigation-dedicated a.active:hover { background-position: 0 -58px; }

ul#navigation li#navigation-virtual { background-image: url('images/navigation/virtual.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-virtual a { background-image: url('images/navigation/virtual.gif'); }
ul#navigation li#navigation-virtual a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-virtual a.active { background-position: 0 -58px; }
ul#navigation li#navigation-virtual a.active:hover { background-position: 0 -58px; }

ul#navigation li#navigation-affiliate { background-image: url('images/navigation/affiliate.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-affiliate a { background-image: url('images/navigation/affiliate.gif'); }
ul#navigation li#navigation-affiliate a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-affiliate a.active { background-position: 0 -58px; }
ul#navigation li#navigation-affiliate a.active:hover { background-position: 0 -58px; }

ul#navigation li#navigation-colocation { background-image: url('images/navigation/colocation.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-colocation a { background-image: url('images/navigation/colocation.gif'); }
ul#navigation li#navigation-colocation a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-colocation a.active { background-position: 0 -58px; }
ul#navigation li#navigation-colocation a.active:hover { background-position: 0 -58px; }

ul#navigation li#navigation-support { background-image: url('images/navigation/support.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-support a { background-image: url('images/navigation/support.gif'); }
ul#navigation li#navigation-support a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-support a.active { background-position: 0 -58px; }
ul#navigation li#navigation-support a.active:hover { background-position: 0 -58px; }

ul#navigation li#navigation-contact { background-image: url('images/navigation/contact.gif'); background-position: 0 -29px;}
ul#navigation li#navigation-contact a { background-image: url('images/navigation/contact.gif'); }
ul#navigation li#navigation-contact a:hover { background-position: 0 -29px; }
ul#navigation li#navigation-contact a.active { background-position: 0 -58px; }
ul#navigation li#navigation-contact a.active:hover { background-position: 0 -58px; }



/* ----- CONTENT ----- */
div#content { float: right; padding: 0; width: 552px; border-top: 3px solid #4E4C52; }
div#content h2 { font-size: 19px; color: #4E4C52; font-weight: normal; margin: 0 0 10px 0; }

div#content div#headline { color: #FFF; background-repeat: no-repeat; padding: 0 0 0 30px; margin: 0 0 10px 0; }
div#content div.main { background-image: url(images/main-headline-1.jpg); height: 261px; }
div#content div.main1 { background-image: url(images/main-headline-2.jpg); height: 261px; }
div#content div.main2 { background-image: url(images/main-headline-3.jpg); height: 261px; }/*--I added this line--*/
div#content div.main ul { padding: 0 0 0 0; margin: 0 0 0 25px; line-height: 140%; }
div#content div.main1 ul { padding: 0 0 0 0; margin: 0 0 0 25px; line-height: 140%; }/*--I added this line--*/
div#content div.main2 ul { padding: 0 0 0 0; margin: 0 0 0 25px; line-height: 140%; }/*--I added this line--*/
/*div#content div.main1 ul { width: 40%;padding: 0 0 0 20px; margin: 7px 0 0 30px; _margin: 7px 0 0 20px; line-height: 140%; }*/
/*div#content div.main1 h1 { margin: 05px 0 0 40px;}*/
div#content div.network { background-image: url(images/network-headline.jpg); height: 179px; margin: 0 0 15px 0; }
div#content div.datacenter { background-image: url(images/datacenter-headline.jpg); height: 193px; }
div#content div.dedicated { background-image: url(images/dedicated-headline.jpg); height: 174px; margin: 0 0 5px 0; }
div#content div.template { background-image: url(images/template-headline.jpg); height: 194px; margin: 0 0 10px 0; }
div#content div#headline h1 { font-size: 21px; font-weight: normal; padding: 20px 0 20px 0; line-height: 120%; }
div#content div#headline h2 { font-size: 16px; font-weight: normal; padding: 20px 0 10px 0; line-height: 120%; color: #FFF; margin: 0;}
div#content div#headline h3 { font-size: 12px; width: 265px; font-weight: normal; padding: 15px 0; line-height: 120%; color: #FFF;}
div#content div#headline p { margin: 0; padding: 0;}

div#content p { margin: 20px 35px 20px 0; line-height: 140%;}

/* ----- CHANGED ----- */
div#content div#info-panel { width: 100%; overflow: hidden; margin: 0;}
/*div#content div.info-box { width: 181px; height: 162px; border-bottom: 2px solid #3661AC; float: left; background-color: #DEE8FB; text-align: center; }*/
div#content div.info-box { width: 181px; border-bottom: 2px solid #3661AC; float: left; background-color: #DEE8FB; text-align: center; padding-bottom: 16px; }
/* ----- END CHANGED ----- */

div#content div.info-box h3 { background-color: #C4D7F5; color: #13336F; font-size: 15px; font-weight: normal; padding: 12px 0; text-align: center; }
div#content div.info-box ul { color: #13336F; padding: 0; margin: 10px 0 10px 30px; line-height: 140%; text-align: left; }
div#content div.info-box img { margin: 0 auto;}

div#content img#network-map { float: left; width: 406px; }
div#content div#network-carriers { float: left; width: 124px;}
div#content div#network-carriers img { border-left: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
div#content div#network-carriers img.bottom { border-left: 1px solid #EDEDED; border-bottom: 0;}

div#content div.datacenter-images { width: 164px; float: left; }
div#content div.datacenter-images div { padding: 5px; border: 1px solid #E0DBE0; margin: 0 0 5px 0; }
div#content div.datacenter-texts { float: left; width: 388px; }
div#content div.datacenter-texts p { margin: 0 34px 20px 10px; line-height: 150%; }


/*div#content div.plans { width: 181px; height: 210px; float: left; background-color: #F5F5F5; text-align: center; overflow: auto; margin-top: 5px;}*/

/* ----- CHANGED ----- */
/*div#content div.plans { width: 181px; height: 210px; float: left; background-color: #F5F5F5; text-align: center; overflow: hidden; margin-top: 5px;}*//* i removed the height*/
div#content div.plans { width: 181px; float: left; background-color: #F5F5F5; text-align: center; overflow: hidden; margin-top: 5px;}
/* ----- END CHANGED ----- */

div#content div.plans h3 { background-color: #EDEDED; font-size: 15px; font-weight: normal; padding: 12px 0 12px 20px; text-align: left; }
div#content div.plans ul { padding: 0; margin: 10px 0 10px 30px; line-height: 140%; text-align: left; }
div#content div.plans img { margin: 15px auto;}

div#content .techlogos { margin: 40px 0 30px 0;}


/* ----- FOOTER ----- */
div#footer { padding: 10px; clear: both; font-size: 11px; color: #323232;}
div#footer a {color: #323232; }
div#footer a:hover { text-decoration: none; }