/* CSS Document */

html, body {
    height:100%;
    }

img {
    border:0;
    }
		.leadName {
			color:#ffe400;
			font-size:13px;
			}
		.leadTitle {
			font-size:9px;
			text-transform:uppercase;
			color:#FFF;
			}

body { 
    margin:0px;
    padding:0px;
    background:url(images/bg.jpg);
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:16px;
    color:#bbb;
    }
#pageWrapper {
    width:100%;
    height:100%;
    background:url(images/ext.jpg) repeat-x;
    }
#innerBounds {
    width:746px;
    padding:27px;
    padding-bottom:47px;
    margin-left: auto;
    margin-right: auto;
    background:url(images/ext.jpg) repeat-x #000;
    overflow: auto;

    }
#footer {
    clear:both;
    width:775px;
    height:27px;
    margin-left: auto;
    margin-right: auto;
    padding:8px;
    font-size:10px;
    color:#aaa;
    }
    
#header {
    width:746px;
    height:119px;
    position:relative;
    background:url(images/header.png);
    margin-bottom:25px;
    float:left;
    z-index:200;
    }
#header #logoMap {
    display:block;
    width:225px;
    height:50px;
    position:absolute;
    left:0px;
    top:25px;
    text-indent:-1000px;
    }
    
#header ul {
    list-style:none;
    padding:0;
    margin:0;
    padding-left:10px;
    }
    
#nav {
    display:block;
    width:736px;
    height:40px;
    position:absolute;
    left:0px;
    top:83px;
    padding-left:10px;
    background:url(images/barBg.png);
    }
    
#main {
    float:left;
    width:746px;
    position:relative;
    z-index:0;
    }
#mainLeft {
    width:200px;
    position:relative;
    float:left;
    z-index:1;
    }
#mainContent {
    position:relative;
    float:right;
    width:525px;
    z-index:3;
    
    }
    
#mainLeft .leftModule {
    width:195px;
    position:relative;
    left:-5px;
    padding-left:5px;
    margin-bottom:15px;
    z-index:2;
    }
    
#mainContent p {
    margin-right:54px;
    }

#mainContent a {
    color:#00c0ff;
    }
#mainContent a:hover {
    color:#0092de;
    }
    
#footerLeft {
    width:40%;
    float:left;
    }
#footerRight {
    width:50%;
    float:right;
    text-align:right;
    }
#footerBlueText {
    color:#006397;
    }
#footerRight a {
    color:#aaa;
    text-decoration:none;
    }
#footerRight a:hover {
    color:#ccc;
    text-decoration:underline;
    }
#footerBlueText a {
    color:#00c0ff;
    }
#footerBlueText a:hover {
    color:#0092de;
    }
    
    
/* Dropdowns */

#nav a {
    display:block;
    width:100%;
    height:100%;
    text-indent:-1000px;
    }

#nav a { }

#nav li li a {
    display:block;
    padding:3px;
    padding-left:12px;
    padding-right:12px;
    width:163px;
    color:#bbb;
    text-indent:0px;
    }

#nav li li a:hover {
    color:#00c0ff;
    }

#nav li {
    float:left;
    position:relative;
    height:40px;
    margin-right:7px;
    }

#nav li ul {
    width:187px;
    display:none;
    position:absolute;
    background:url(images/drop-bottom.png) bottom left no-repeat;
    border:1px solid #000;
    border-top:none;
    top:36px;
    left:-1px;
    padding:0px;
    padding-top:5px;
    padding-bottom:10px;
    }
    
#nav li>ul {
    top:36px;
    left:-1px;
    }
    
#nav li ul.supportDrop {
    left:-120px;
    }

#nav li li {
    margin:0px;
    padding:0px;
    height:auto;
    display:block;
    float:none;
    background:url(images/drop-ext.png) repeat-y;
    z-index:201;
    font-family: Arial, Helvetica, sans-serif;
    }

#nav li:hover ul, #nav li.over ul {
    display:block;
    }
    
#nav #hostingSolutions { width:120px; background:url(images/mnu_hostingSolutions-up.png) no-repeat; }
#nav #hostingSolutions:hover, #nav #hostingSolutions.over { background:url(images/mnu_hostingSolutions-over.png) no-repeat; z-index:300; }
    
#nav #managedServices { width:119px; background:url(images/mnu_managedServices-up.png) no-repeat; }
#nav #managedServices:hover, #nav #managedServices.over { background:url(images/mnu_managedServices-over.png) no-repeat; z-index:300; }
    
#nav #infrastructure { width:107px; background:url(images/mnu_infrastructure-up.png) no-repeat; }
#nav #infrastructure:hover, #nav #infrastructure.over { background:url(images/mnu_infrastructure-over.png) no-repeat; z-index:300; }
    
#nav #opportunities { width:97px; background:url(images/mnu_opportunities-up.png) no-repeat; }
#nav #opportunities:hover, #nav #opportunities.over { background:url(images/mnu_opportunities-over.png) no-repeat; z-index:300; }
    
#nav #ourCompany { width:93px; background:url(images/mnu_ourCompany-up.png) no-repeat; }
#nav #ourCompany:hover, #nav #ourCompany.over { background:url(images/mnu_ourCompany-over.png) no-repeat; z-index:300; }
    
#nav #support { width:68px; background:url(images/mnu_support-up.png) no-repeat; }
#nav #support:hover, #nav #support.over { background:url(images/mnu_support-over.png) no-repeat; z-index:300; }

#nav #signIn a { width:80px; height:27px; background:url(images/btn_signIn.jpg) no-repeat; padding:0px; margin:0px; position:absolute; left:6px; top:6px; }
    
    
/* Side Menu */

#sideMenu {
    background:url(images/sideMenu_bg.png) bottom right no-repeat;
    font-size:11px;
    }
#sideMenu a {
    color:#BBB;
    text-decoration:none;
    display:block;
    width:100%;
    background:url(images/greyBullet.png) no-repeat left;
    padding-left:10px;
    }
#sideMenu a:hover {
    color:#00c0ff;
    background:url(images/blueBullet.png) no-repeat left;
    }
#sideMenu a.on {
    color:#ffe400 !important;
    background:url(images/yellowBullet.png) no-repeat left !important;
    }
#sideMenu span.on {
        color:#ffe400 !important;
        }
#sideMenu span.off {
        color:#9999 !important;
        }
#sideMenu a.on:hover {
    text-decoration:underline !important;
    }
#sideMenu a.blue {
    color:#00c0ff !important;
    background:url(images/blueBullet.png) no-repeat left !important;
    }
#sideMenu a.blue:hover {
    text-decoration:underline !important;
    }
#sideMenu ul {
    list-style:none;
    position:relative;
    padding:0px;
    padding-top:10px;
    padding-bottom:15px;
    margin:0px;
    left:19px;
    width:80%;
    }
#sideMenu ul li {
    padding:0px;
    padding-bottom:10px;
    margin:0px;
    }
#sideMenu .caption {
    color:#ffe400;
    font-size:10.5px;
    display:block;
    padding-left:15px;
    padding-top:2px;
    line-height:12px;
    cursor:default;
    }
        
    
/* Feature Table */

.featureTable {
    background:url(images/featureTable-ext.png) repeat-y;
    margin-bottom:20px;
    }
.featureTable .feature_inner {
    padding-left:10px;
    }
    
.featureTable .left {
    text-transform:uppercase;
    font-size:9px;
    color:#aaa;
    width:140px;
    text-align:right;
    padding-right:17px;
    }
.featureTable .right {
    color:#ccc;
    font-size:11px;
    background-color:#090909;
    width:295px;
    padding-left:20px;
    }
    
.featureTable .odd .left {
    background-color:#111 !important;
    }
.featureTable .odd .right {
    background:none !important;
    }
        
    
/* Misc. Content Classes */

    .bold_yellow {
        color:#ffe400;
        }
    .bold_blue {
        color:#00c0ff;
        }
    .bold_green {
        color:#96ff00;
        }
    .bold_red {
        color:#ff2a00;
        }
		
		/* Configurator */

#configModule {
	background:url(images/leftConfigModule.jpg) no-repeat;
	height:115px;
	font-size:10px;
	color:#ffe400;
	font-weight:bold;
	margin-top:75px;
	padding-bottom:150px;
	}
#configModule #cfg_model {
	position:absolute;
	left:35px;
	top:52px;
	width:auto;
	}
#configModule #cfg_setupFee {
	position:absolute;
	left:35px;
	top:87px;
	width:auto;
	font-size:13px;
	}
#configModule #cfg_monthlyFee {
	position:absolute;
	left:122px;
	top:87px;
	width:auto;
	font-size:13px;
	}