@import 'common.css';
@import 'nav.css';
#container { background: url(../images/layout/bg-container.gif) 0px 216px no-repeat; }
#container-inner { width: 1002px; margin: 0px auto; border-top: 6px solid #D3D8DC; }
#header { background: url(bg-common-2px-grey.gif) 0 100% repeat-x; }
h3 { font-weight: bold; }
p { margin: 0 0 1.5em 0; }
/* BREADCRUMBS */
#breadcrumbs { text-align: left; }
#breadcrumbs ul { margin-left: 13px; margin-top: 5px; }
#breadcrumbs ul li { display: inline; margin-right: 14px; color: #565E6B; text-transform: uppercase; font-size: 10px; }
#content-header { height: 60px; clear: both; text-align:left; }
#page-title { width: 537px; float: left; background:transparent url(../images/layout/bg-content-header.gif) center right no-repeat; margin:0 16px 0 0; padding:16px 0 0 190px; }
#page-title h1 { text-transform:uppercase; color: #565E6B; font-size:1.375em; }
#contact-cta { width: 176px; float: right; padding:0 0 0 74px; }
#contact-cta p { margin:0 0 8px 0; font-size: 11px; color: #565E6B; text-transform: none; font-weight: bold; line-height: 20px; letter-spacing: -1px; }
#contact-cta span.label { font-size:9px; }
#contact-cta a { color: #565E6B; text-decoration:underline; }
/* CONTENT */
#content-outter { text-align: left; }
#sidebar-wrapper { width: 165px; float: left; }
#sidebar { padding: 0px 0 0 45px; }
#sidebar h3 a { color: #616979; letter-spacing: -.01em; }
#sidebar h3 { font-size: 11px; line-height: 14px; }
#sidebar ul { margin: 0px; padding: 0px; }
#sidebar ul li { margin: 0px; padding: 0px 0px 0px 12px; margin: 0px 0px 5px; list-style: url(none) none; background: url(../images/layout/arrow-sidebar.gif) no-repeat 0px 5px; line-height: 14px; font-size: 10px; }
#sidebar ul li a:link, #sidebar ul li a:visited { font-weight: bold; color: #616979; text-decoration: underline; }
#sidebar ul li a:hover, #sidebar h3 a:hover { color: #00D2FF; }
#content-inner { background: url(../images/layout/content-top.gif) 4px 0px no-repeat; width: 830px; float: right; }
#content-padding { background: url(../images/layout/bg-content.gif) bottom left no-repeat; width: 580px; float: left; padding-top: 24px; }
#content { background: url(../images/layout/bg-content-inner.gif) 4px repeat-y; padding: 20px 50px 200px 80px; }
#content-landing { padding: 0px 50px 200px 40px; background: url(bg-content-inner.gif) 4px repeat-y; }
#right-ctas { background: url(../images/layout/bg-rightbar.gif) bottom right no-repeat; width: 250px; float: right; }
/* HEADERS */ 
h1.network-design { background: url(h1-network-design.gif) 40% 50% no-repeat; height: 21px; height: 110px; }
/* RIGHTBAR CTAs */
.cta { width: 238px; margin-bottom: 18px; }
.cta .header { background: url(../images/layout/bg-rightbar-cta.gif) -238px 0 no-repeat; height: 44px; padding:6px 0 0 12px; text-transform:uppercase; font-size:0.75em; }
.cta .header img { margin: 10px 10px; }
.cta .body { background: url(../images/layout/bg-rightbar-cta.gif) 0 0 repeat-y; text-align: center; }
.cta .footer { background: url(../images/layout/bg-rightbar-cta.gif) -238px -50px no-repeat; height: 8px; }
table.pricing { margin: 15px 0em; border-collapse: collapse; font-size: 11px; }
table.pricing td { padding: 0.5em; border: 1px solid #999; }
table.pricing tr { background: #FAFAFA; }
table.pricing tr.dark { background: #EFEFEF; }
ul#main { float:left; width:502px; height:39px; background:url(../images/nav/nav.gif) no-repeat left top; position:absolute; text-indent:-9999px; margin:0px; padding:0px; overflow: hidden; }
#main li { display:block; position:absolute; list-style:none; }
#main li, #main a { display:block; height:39px; margin: 0px; padding: 0px; }
#main a, #main a:hover { text-decoration:none; }
#nav1 { left:0px; width:130px; }
#nav2 { left:130px; width:183px; }
#nav3 { left:313px; width:83px; }
#nav4 { left:395px; width:84px; }
#nav1 a:hover { background-image: url(../images/nav/nav.gif); background-repeat: no-repeat; background-position: 0px -39px; }
#nav2 a:hover { background-image: url(../images/nav/nav.gif); background-repeat: no-repeat; background-position: -130px -39px; }
#nav3 a:hover { background-image: url(../images/nav/nav.gif); background-repeat: no-repeat; background-position: -313px -39px; }
#nav4 a:hover { background-image: url(../images/nav/nav.gif); background-repeat: no-repeat; background-position: -395px -39px; }
#page-network #nav1, #page-network #nav1 a:hover { background:url(../images/nav/nav.gif) 0px -39px no-repeat; }
#page-web #nav2, #page-web #nav2 a:hover { background:url(../images/nav/nav.gif) -130px -39px no-repeat; }
#page-partners #nav3, #page-partners #nav3 a:hover { background:url(../images/nav/nav.gif) -313px -39px no-repeat; }
#page-about #nav4, #page-about #nav4 a:hover { background:url(../images/nav/nav.gif) -395px -39px no-repeat; }
ul#secondary { list-style: none; height: 33px; margin: 44px 0px 0px 12px; padding: 0px; position: absolute; }
ul#secondary li { margin: 0px 18px 0px 0px; padding: 0px; display: inline; }
ul#secondary li a { color: #FFF; font-weight: bold; text-decoration: none; }
ul#secondary li a:hover, ul#secondary li.current a { color: #00D2FF; text-decoration: none; }