/* base */

html, body, form {height:100%;}
body {background:#d3deea; font-size:62.5%; margin:0; padding:0; text-align:center;}
#about-us, #services, #team, #careers, #contact-us, #resources, #email {height:100%;	margin:0 auto; text-align:left; width:799px;}
.clear {clear:both;}
.masthead {height:125px; width:760px;}
h1 {display:block; height:49px; margin:0 0 0 20px; padding:0; text-indent:-9999px; width:760px;}

address{
    font-style:normal;
}


/*-navigation----------------------------*/

.navigation ul{
		background:url(../images/nav-off.gif) no-repeat left top;   
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:760px;
}

.navigation li{
    float:left;
}

.navigation li a{    
    height:49px;
    display:block;  
    margin:0;
    padding:0;
    text-indent:-9999px;
    outline:0;
}

    .navigation li.about-us a{
        width:126px;
        
    }

        .navigation li.about-us a:hover{
            background:url(../images/nav-hover.gif) no-repeat left top;   
        }

    .navigation li.services a{
        width:127px;
        
    }

        .navigation li.services a:hover{
            width:127px;
            background:url(../images/nav-hover.gif) no-repeat -126px top;   
        }
    
    .navigation li.team a{
        width:123px;
        
    }
    
        .navigation li.team a:hover{
            background:url(../images/nav-hover.gif) no-repeat -253px top;   
        }    

    .navigation li.careers a{
        width:128px;
        
    }

        .navigation li.careers a:hover{
            background:url(../images/nav-hover.gif) no-repeat -376px top;   
        }

    .navigation li.contact-us a{
        width:129px;
        
    }

        .navigation li.contact-us a:hover{
            background:url(../images/nav-hover.gif) no-repeat -631px top;   
        }

    .navigation li.resources a{
        width:127px;
        
    }

        .navigation li.resources a:hover{
            background:url(../images/nav-hover.gif) no-repeat -504px top;   
        }

/*-conditional---------------------------*/

#about-us .navigation li.about-us a{
    background:url(../images/nav-on.gif) no-repeat left top;   
}

#services .navigation li.services a{
    background:url(../images/nav-on.gif) no-repeat -126px top;   
}

#team .navigation li.team a{
    background:url(../images/nav-on.gif) no-repeat -253px top;   
}

#careers .navigation li.careers a{
    background:url(../images/nav-on.gif) no-repeat -376px top;   
}

#contact-us .navigation li.contact-us a{
    background:url(../images/nav-on.gif) no-repeat -631px top;   
}

#resources .navigation li.resources a{
    background:url(../images/nav-on.gif) no-repeat -504px top;   
}

#about-us h1{
    background:url(../images/header-about-us.gif) no-repeat left top;
}

#services h1{
    background:url(../images/header-services.gif) no-repeat left top;
}

#email h1 {
	background:url(../images/header-email.gif) no-repeat left top;
}

#team h1{
    background:url(../images/header-team.gif) no-repeat left top;
}

#careers h1{
    background:url(../images/header-careers.gif) no-repeat left top;
}

#contact-us h1{
    background:url(../images/header-contact-us.gif) no-repeat left top;
}

#resources h1{
    background:url(../images/header-resources.gif) no-repeat left top;
}

#careers address{
	display:inline;
}

/*-main--------------------------------*/    


#content{
	background:url(../images/bg.gif) repeat-y center top;
	width:799px;
	margin:0 auto;
	text-align:left;
	min-height:100%;
}

.navigation, .masthead, .header{
	margin-left:20px;
}

.text{
	font:normal 1.2em/1.6 Arial, Helvetica, Verdana, sans-serif;
	color:#222329;
	margin:20px 40px;
	padding:0 0 20px 0;
	width:719px;
}

    .text li{
        line-height:1.8em;
    }

h2{
    display:block;
    margin:0 0 0 20px;
    padding:0;
    text-indent:-9999px;
    width:760px;
    height:125px;
    background:url(../images/logo.gif) no-repeat left top;
}

    h2 a{
        outline:0;
        width:760px;
        height:125px;
        display:block;
    }

h3{
    font:bold 1.3em/1.3 Arial, Helvetica, sans-serif;
	color:#006699;
	margin-bottom:0px;
	padding-bottom:0px;
}

h4{
    font:bold 1.2em/1.3 Arial, Helvetica, sans-serif;
	color:#7ea3c2;
	margin:0px;
	padding:0px;
}

a, a:link, a:visited, a:active, a:focus{
	color:#006699;
}

a:hover{
	color:#660000;
}

.column{
    width:44%;
    margin:0 2.5%;
    float:left;
}

.container{
    clear:left;
}

#content {overflow:hidden; position:relative;}
#updatesemail {background:url(../images/updates.gif) no-repeat left center; float:right; padding:5px 5px 5px 21px; position:absolute; top:5px; right:35px;}
#updatesemail a {color:#305a89; font:bold 11px/1 Arial,sans-serif;}
#updatesemail a:hover {color:#99b9dd;}