﻿/* RESET */

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,ul,li { margin: 0; padding: 0; }
img, a img { border: 0; }
html,body { height: 100%; }

a:focus { border:none; outline:none; }

/* ALIGNMENT */

.textRight { text-align: right; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.spacer { height: 15px; }
.overflow { overflow: auto; }

/* MAIN */

body {
	background: #e5e5e5;
	font: 12px sans-serif;
}

div.main {
	width: 819px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 32px 0 0 -409.5px;
	background: #fff;
}

div.header {
    padding-right: 33px;
    width: 786px;
    height: 124px;
    background: #0058a8 url(../images/headerBG.jpg) top left no-repeat;
}

div.logo {
    width: 277px;
    height: 75px;
    float: left;
    margin: 25px 0 0 33px;
}

    div.logo a { display: block; width: 277px; height: 75px; text-decoration: none; }
    div.logo h1 { display: none; }      
    div.logo span { visibility: hidden; }

div.login { float: right; height: 11px; margin-top: 74px; padding-bottom: 6px; }
    
    div.login, div.login a  {
        color: #79d6ff; 
        text-transform: uppercase;
        font: 11px Helvetica, sans-serif;
    }

div.login a:hover { text-decoration: none; }


/* MAIN NAV */

div.nav {
    margin-top: 0;
    width: 423px;
    height: 33px;
    float: right;
	z-index: 100;
}
    
    div.nav ul.nav { list-style: none; }
    div.nav ul.nav li { float: left; width: auto; }
        
    div.nav ul.nav li a { display: block; cursor: pointer; }      
        
    div.nav ul.nav li.focus a { width: 106px; height: 33px; display: block; background: url(../images/nav_focus-off.png); }
    div.nav ul.nav li.focus a:hover { background: url(../images/nav_focus-over.png); }
    div.nav ul.nav li.focus:hover > a { background: url(../images/nav_focus-over.png); }
    div.nav ul.nav li.focus a.current { background: url(../images/nav_focus-on.png); }

    div.nav ul.nav li.results a { width: 106px; height: 33px; display: block; background: url(../images/nav_results-off.png); }
    div.nav ul.nav li.results a:hover { background: url(../images/nav_results-over.png); }
    div.nav ul.nav li.results:hover > a { background: url(../images/nav_results-over.png); }
    div.nav ul.nav li.results a.current { background: url(../images/nav_results-on.png); }
    
    div.nav ul.nav li.learn a { width: 106px; height: 33px; display: block; background: url(../images/nav_learn-off.png); }
    div.nav ul.nav li.learn a:hover { background: url(../images/nav_learn-over.png); }
    div.nav ul.nav li.learn:hover > a { background: url(../images/nav_learn-over.png); }
    div.nav ul.nav li.learn a.current { background: url(../images/nav_learn-on.png); }
    
    div.nav ul.nav li.contact a { width: 105px; height: 33px; display: block; background: url(../images/nav_contact-off.png); }
    div.nav ul.nav li.contact a:hover { background: url(../images/nav_contact-over.png); }
    div.nav ul.nav li.contact:hover > a { background: url(../images/nav_contact-over.png); }
    div.nav ul.nav li.contact a.current { background: url(../images/nav_contact-on.png); }

div.copywindowtext {
    background: #12469a url(../images/copyPodBG.jpg) no-repeat;
    width: 185px;
    height: 251px;
    padding: 30px;
    float: left;
}

div.topcorner { width: 6px; height: 6px; position: relative; top: 0; left: 0; }

div.botcorner { width: 6px; height: 6px; position: relative; top: 299px; left: 0; }

div.mainphoto { width: 745px; height: 311px; margin-bottom: 15px; }

div.mainphoto-photo { width: 500px; float: left; }

div.page  {
    width: 755px; 
    padding: 32px 36px;
    background: url(../images/mainBG.gif) repeat-y;  
    overflow: auto; 
}
 
div.page ul { margin: 15px 0 0 15px; }
div.page ul li { /* font: 12px/16px Helvetica, sans-serif; */ color: #595959; margin-bottom: 15px; }
 
div.focus { border-bottom: 3px solid #018a00; }
div.results { border-bottom: 3px solid #fda100; }
div.learnmore { border-bottom: 3px solid #005ffb; }
div.contactus { border-bottom: 3px solid #662d91; }

div.contentleft {
    min-height: 429px; 
    height: auto !important;
	width: 465px;
	float: left;
	margin-top: 31px;
	padding-right: 33px;
}

div.contentright {
	width: 245px;
	float: left;
	margin-top: 10px;
}

div.pod {
	width: 205px;
	float: left;
}

.insights { background: url(../images/leftPod.jpg) no-repeat; margin-right: 5px; margin-bottom: 8px; padding: 0px 20px 20px 20px; height: 180px; }
    .insights a { font: 12px Helvetica, sans-serif; /* color: #fea201; */ }
.focused { background: url(../images/middlePod.jpg) no-repeat; margin-right: 5px; margin-bottom: 8px; padding: 0px 20px 20px 20px; height: 180px; }
	.focused a { font-size: 12px; }
.profitability { margin-bottom: 8px; }

div.podheader { font: bold 14px Helvetica, sans-serif; color: #fff; height: 18px; padding-top: 6px; }

div.podcontent { padding-top: 6px; }

div.pod div.arrow { width: 18px; margin-right: 5px; margin-bottom: 20px; }

div.subnav {
    background: transparent url(../images/subNavBG.gif) repeat-x;
    width: 813px;
    height: 19px;
    margin-left: 3px;
	padding-top: 8px;
}

div.subnav2 {
    width: 819px; 
    background: url(../images/mainBG.gif) repeat-y; 
    height: 27px;
    clear: left;
	z-index: 50;
}

div.subnav a { font: 12px Helvetica, sans-serif; color: #808080; text-decoration: none; }

div.subnav a.active { font-weight: bold; }
div.subnav a.focus { color: #018a00; }
div.subnav a.results { color: #db8b00; }
div.subnav a.learn { color: #005ffb; }
div.subnav a.contact { color: #662d91; }

div.subnav a:hover { text-decoration: underline; }

div.focusnav { margin-left: 358px; }
div.resultsnav { margin-left: 453px; }
div.learnnav { margin-left: 480px; }
div.contactnav { margin-left: 709px; }

div.photo { clear: right; float: left; margin: 0 15px 15px 0; }

div.footer {
    background: url(../images/footer.gif) no-repeat; 
    width: 819px; 
    height: 12px;
    position: absolute;
	left: 50%;
	margin: 0 0 0 -409.5px;
}

div.footerLinks { text-align: center; height: 30px; padding: 30px 0; background: #e5e5e5; color: #595959; font-size: 10px; }

div.footerLinks a { color: #808080; }
div.footerLinks a:hover { text-decoration: none; }
div.footerLinks a:visited { color: #595959; }

tr.header { background-color: #b3b3b3; }

tr.B { background-color: #e6e6e6; }


/* TYPE */

div.headline h1  {
    font: bold 24px Helvetica, sans-serif; 
    color: #028a04;
}

div.page h2 {
    font: bold 16px Helvetica, sans-serif;
    color: #808080;
    margin-bottom: 20px;
}

a.news { font: bold 12px Helvetica, sans-serif; color: #005ffb; }
a.case { font: bold 14px Helvetica, sans-serif; color: #fda100; }

h3 { font: bold 12px Helvetica, sans-serif; color: #1740f7; }

span.radio, div.page p {
    font: 13px/18px Helvetica, sans-serif;
    color: #595959;
}

div.page p {
    margin-bottom: 5px;
}

div.copywindowtext p  
{
    color: #fff;
}

div.copywindowtext h2  {
    background-color: transparent; 
    color: #fff; font: bold 26px Helvetica, sans-serif; 
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 18px;
    z-index: 7000;
}

div.copywindowtext h3  {
    background-color: transparent; 
    color: #fff; font: bold 22px Helvetica, sans-serif; 
    text-transform: uppercase;
    z-index: 7000;
}

/* FORMS */

label {
    font: bold 12px Helvetica, sans-serif;
    color: #595959;
    display: block;
    margin: 8px 0 5px 0;
    width: auto;
}

input, textarea {
	font: 'Lucida Grande', Helvetica, sans-serif; border: 1px solid #808080; 
}

input.submit { border: 2px solid #808080; font: bold 14px Helvetica, sans-serif; color: #808080; }


