@import url("reset.css");



/*  GLOBAL STYLES
/* -------------------------------------------------------------------- */

html, body, #aspnetForm { height: 100%; }
#background { min-height: 100%; height: auto !important; height: 100%; margin: 0; }

    
body {
	padding: 0 0 0 52px;
	background: #5D80AC url(../img/layout/bg-body.gif) top left repeat-x;
	color: #474747;
    font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
	}

a, a:link, a:visited {
    color: #0C579F;
	text-decoration: none;
	}
    a:hover, a:active { color: #EB8000; }
    
img { border: none; }
		
form { margin: 0; padding: 0; }

input.searchBox { }
input, select, textarea { font: 1em Tahoma, Arial, Helvetica, sans-serif; }        
    
.clear {
	clear: both;
}
	
#background {
    background: /*#E0E0E0*/ url(../img/layout/bg-envelope.gif) top left repeat-x;
	width: 914px;
	margin: 0 auto;
	}
		
#envelope {
	position: relative;
	padding-left: 16px;
	width: 888px;
	background-color: #FFF;
	}
    
#logo {
    background: url(../img/layout/bg-logo.png) top left no-repeat;
    position: relative;
    left: -93px;
    height: 154px;
	width: 967px;
	margin: 0px 0 -80px;
	z-index: 1px;
	}			
    #logo span { display: none; }				
	#logo a {
		position:relative;
		height:122px;
		display: block;
		width: 275px;
		padding-top: 34px;
		padding-left: 108px;
		}   
#roundedCornerTop {
	width: 914px;
	height: 19px;
	display: block;
	background: url('../img/layout/roundedCornerTop.gif');
	position: relative;
	z-index: 5;
}   
#navigation {
    width: 914px;
    height: 38px;
    background: #e9e9e9;
	position: relative;
	z-index: 5;
	margin-top: -10px;
}
    
#sublevelNavigation {
    float: left;
    margin: 27px 0 0 0;
    padding-left: 16px;
    padding-bottom: 28px;
    width: 141px;
    }

#contentWrap {
 /*   background: #fff url(../img/layout/bg-content.gif) bottom left no-repeat;*/
    float: left;
    width: 898px;
    margin-bottom: 10px;
	background-color: #FFF;
    }
    
    #contentWrap ol { list-style:decimal; list-style-position:inside; }
	
.content {
    margin: 0 25px 0 25px;
        _margin: 0 0 0 13px;
    float: left;
    padding: 22px 0 28px 0;
    height: auto;
    min-height: 487px;
        _height: 487px;
    width: 455px;
    }
	.contentWide {
    margin: 0 25px 0 25px;
        _margin: 0 0 0 13px;
    float: left;
    padding: 22px 0 28px 0;
    height: auto;
    min-height: 487px;
        _height: 487px;
    width: 690px;
    }
    .contentMed 
    {
    margin: 0 25px 0 25px;
        _margin: 0 0 0 13px;
    float: left;
    padding: 22px 0 28px 0;
    min-height: 487px;
    height: auto;
        _height: 487px;
    width: 570px;
    }
    
	.contentWide h2, strong { font-size: 16px; color: #000; }
	.contentWide h2 a { font-size:16px; }
	.contentWide a strong { font-size: 1em; color: #0C579F; }
	.contentWide a:hover strong { font-size: 1em; color: #EB8000; }
	
	.content h2, strong { font-size: 1.1em; color: #000; }
	.content a strong { font-size: 1em; color: #0C579F; }
	.content a:hover strong { font-size: 1em; color: #EB8000; }
	
	.contentMed h2, strong { font-size: 16px; color: #000; }
	.contentMed a strong { font-size: 1em; color: #0C579F; }
	.contentMed a:hover strong { font-size: 1em; color: #EB8000; }
					
.focusAreas {
    float: right;
    display:inline;
    margin: 28px 16px 28px 0;
    width: 210px;
    /*background: url(../img/layout/bg-focusarea.gif) bottom left no-repeat;*/
	background: repeat-y url('../img/layout/focusAreasSide.jpg');
}
	.focusAreas h2 {
		background-color: #f7f7f7;
		color: #0d57a0;
		font-size: 14px;
		padding: 5px;
		margin: 0 6px 0 5px;
	}
.focusAreaTop {
	background: no-repeat url('../img/layout/focusAreasTop.jpg');
	width: 210px;
	height: 5px;
}
.focusAreasContent {
    margin: 0px 0px 13px 0px;
    line-height: 16px;
    overflow:hidden;
}
.focusAreasContent p, .focusAreasContent a {
    padding: 10px 20px 10px 19px !important; 
}
.focusAreasContent img { display:block; margin:auto; text-align:center; }
.focusAreaBottom {
	background: no-repeat url('../img/layout/focusAreasBottom.jpg');
	width: 210px;
	height: 5px;
}
	.focusAreas h3 { padding: 0 18px 0 17px; margin: 13px 0; line-height: 16px; }
    .focusAreas p{
        padding:4px 0px 12px 0px;
    }
    .focusAreas p strong { font-size: 1em; }
    .focusAreas p span {
	    display: block;
	    padding-bottom: 9px;
	    font-style: italic;
	    color: #EB8000;
        }	
	.focusAreas div.logo {
	    text-align: center;
	    margin: 13px 0;
	}
    .focusAreas div.pullout img {
        display: block;
        margin: auto;
        margin-top: 15px;
        }
    .focusAreas ul { margin: 12px 0 0 12px; }
    .focusAreas ul li {
        background: url(../img/content-design/list-style_interior.gif) no-repeat left 5px;
        margin-bottom: 10px;
        padding-left: 12px;
		margin-left:8px;
        }    


/* Properties for Navigation Elements */
/*---------------------------------------*/

#constants {
    position: absolute;
    top: -25px;
    right: 20px;
    color: #5D80AC;
    font-weight: bold;
    font-size: 11px;
    }
	#constants ul li { 
	    float: left;
	    height: 14px;
	    padding: 0 8px;
	    background: url(../img/navigation/constants-divider.gif) no-repeat bottom right;
	}
	#constants ul li.last { background: none; padding-right: 0; }
    #constants ul a {
		text-decoration: none;
		color: #fff;
		line-height: 14px;
		}				
	#constants ul a:hover { text-decoration: underline; }
	#constants ul span {
	    display: inline;
		color: #fff;
		}
#navigation ul#MainNav li { float: left; }
#navigation ul#MainNav li a {
	padding-top: 10px;
}
    #navigation ul#MainNav a {
        float: left;
		height: 29px;
		font-size: 15px;
		font-weight: bold;
		margin: 0 15px;
		}
    #navigation ul#MainNav a span { display: none; }		

	.homeselected a, .aboutselected a, .servicesselected a, .experienceselected a, .labselected a, .resourcesselected a {
		color: #eb8000;
	}
	.home, .homeselected, .about, .aboutselected, .services, .servicesselected, .experience, .experienceselected, .lab, .labselected { background: no-repeat right url(../img/layout/mainNavDivider.gif);}

	#SiteTitle {
		padding: 25px 0 15px 30px;
		background: #FFF;
		margin-left: -16px;
	}
		#SiteTitle h1 {
			font-size: 27px;
			font-weight:bold;
			line-height:1.5em;
			color: #EB8000;
		}
		#SiteTitle h2 {
			font-size: 16px;
			color: #a0a0a0;
			font-weight: normal;
		}

ul#PageNav { 
    height: 24px;
    margin: 0;
    font-size: 1.1em;
    }
    ul#PageNav li {
        display:block;
        float:left;
        padding: 0 12px 0 0;
        margin: 0;
        background: url(../img/navigation/pagenav-divider.gif) no-repeat right center;
	    }
	ul#PageNav li a:hover { text-decoration: none; color: #EB8000; }
    ul#PageNav li.active a { color: #EB8000; }
    ul#PageNav li.last { background:none; }
    

#sublevelNavigation h2 {
    padding-bottom: 21px;
	font-size: 12px;
	color: #474747;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
	#sublevelNavigation ul#SubNav li ul {
		margin-top: 10px;
		padding-left: 10px;
	}
    #sublevelNavigation ul#SubNav li {
        padding-bottom: 11px;
		font-size: 1.1em;
		}
		#sublevelNavigation ul#SubNav li.active span {
			color: #EB8000;
			display: block;
			font-weight: bold;
			padding-left: 8px;
			text-decoration: none;
			
		}
		#sublevelNavigation ul#SubNav li ul li a {
			font-size: 12px;
		}
		#sublevelNavigation ul#SubNav li ul li span.CMSListMenuLinkHighlighted {
			color: #EB8000;
            display: block;
            font-size: 12px;
            font-weight: bold;
            padding-left: 8px;
			background: url("../img/content-design/active-carot.gif") no-repeat scroll left top transparent;
		}
    #sublevelNavigation ul#SubNav a {
	    color: #0C579F;
		text-decoration: none;
		font-weight: bold;
	    padding-left: 8px;
	    display: block;
		}				
	#sublevelNavigation ul#SubNav a:hover {
	    color: #EB8000;
		}			
    #sublevelNavigation ul#SubNav .CMSListMenuLinkHighlighted {
	    background:url(../img/content-design/active-carot.gif) no-repeat left top;
	    color: #EB8000;
        }
    #sublevelNavigation ul#SubNav li.active a.BlogNav {
        background: none;
        padding-bottom: 21px;
        padding-left: 0;
	    font-size: 12px;
	    letter-spacing: 1px;
	    text-transform: uppercase;
        }
		
	#sublevelNavigation ul#SubNav li.active ul.SubNavCase { margin-top: 8px; }
	#sublevelNavigation ul#SubNav li.active ul.SubNavCase li {
        padding-bottom: 11px;
		padding-left:8px;
		margin-left: 12px;
		font-size: 1em;
		}
    #sublevelNavigation ul#SubNav li.active ul.SubNavCase li a {
	    background-position: 9999px -9999px;
	    padding-left: 0;
	    color: #0C579F;
		text-decoration: none;
		font-weight: bold;
		}				
	#sublevelNavigation ul#SubNav li.active ul.SubNavCase li a:hover {
	    color: #EB8000;
		}
    #sublevelNavigation ul#SubNav li.active ul.SubNavCase li.active {
		background:url('../img/content-design/active-carot.gif') no-repeat left top;
		}

    #sublevelNavigation ul#SubNav li.active ul.SubNavCase li.active a {
	    color: #EB8000;
		}



/* Design Styles for Footer Elements */
/*---------------------------------- */

#footer { padding: 0 0 42px 4px;
	background-color: #FFF;
	width: 894px;
 }
    
#footerNavigation { color: #C4C4C3; }
				
ul#footerNavigation { }					
    #footerNavigation li { float: left; }
    #footerNavigation li a { font-weight: bold; color: #EB8000; }
    #footerNavigation li a:hover { text-decoration: underline; }
    
#copyright { clear: both; padding-top: 1px; }


/* Accessibility Classes */
/*-----------------------------------*/
#skipNav { display: none; }




/* PAGE SPECIFIC STYLES */
/*----------------------------------*/


/* Case Studies */

.caseStudy {
    width: 681px;
    }
    .caseStudy h1 {
    width: 100%;
    }
    .caseStudy .caseStudyBody, #caseStudyFocus { margin-top: 10px; }
    .caseStudy .caseStudyBody { width: 480px; float: left; }
    .caseStudy .pushLink { margin-right: 169px; width: 480px; }
    
#caseStudyFocus {
    float: right;
    padding-bottom: 14px;
    width: 169px;
    }
	#caseStudyFocus div.beforeAfter {
	    margin-top: 27px;
	    width: 169px;
	    }
	#caseStudyFocus div.beforeAfter h2 { 
	    color: #0c579f;
	    font-style:italic;
	    margin: 10px 0 5px 0;
	    }
    #caseStudyFocus p {
        font-size: 10px;
        padding-bottom: 30px;
        }

div.logoBox { float: left; }
    div.logoBox p { width: 64%; _width: 60%; float: left; }
    div.logoBox div { float: right; width: 150px; text-align: center; }	    

img.grayBorder {
	border-style:solid;
	border-width:1px;
	border-color:#8f8f8f;
    }
	    
	    
/* Management Team */
.mgmtTeam img {
    display: block;
    float: left;
    padding: 0 15px 0 0;
    }


/* Site Map */
.siteMap { 
    padding: 22px;
    width: 852px;
    min-height: 0;
    margin: 0;
    position: relative;
    bottom: 71px;
    }
    .siteMap div { 
        width: 17%;
        margin: 0 1%;
        float: left;
        }
    .siteMap div ul { margin-top: 10px; }
    .siteMap div ul li { background: none; padding: 0; }
    .siteMap div ul li ul { margin-left: 18px; }
    .siteMap div ul li ul li { _margin-bottom: 0; }
    .siteMap div ul li ul li a { 
        display: block;
        font-size: .9em;
        background: url(../img/content-design/list-style_interior.gif) no-repeat left 5px;
        padding-left: 12px;
        }
    .siteMap div.CMSEditableRegionEdit { width: 400%; }
    
/* Client List */

.clientlist p { padding-bottom: 10px; }
.clientlist p.intro { margin-bottom: 20px; }

.altPushLink { float:right; width:100%; padding: 15px 0px 0px 0px; }

/* News */
.news span { font-size: .85em; }
h2.newsHeadline { font-size: 1.2em; margin-bottom: 12px; }


/* Careers */
#careerFocus {
    background: url(../img/layout/bg-focusarea.gif) bottom left no-repeat;
    float: right;
    display: inline;
    margin: 0 16px 28px 0;
    padding-bottom: 5px;
    width: 199px;
    text-align: center;
    }
    #careerFocus h2 { font-size: 1.1em; }
    #careerFocus img { margin: 10px 0; }
    #careerFocus img.topImg { margin: 0; display: block; }
    
div.careerNav ul#PageNav li a { font-size: 1em; }
div.careerNav ul#PageNav li.active a { font-size: 1em; font-weight: bold; }


/* Blog */
/*-----------------------------------------------------------------------------------*/

a.RssFeed {
    display: block;
    min-width: 105px;
    margin-bottom: 10px;
    }

/* Post Preview */

.BlogPostPreview {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    }
    .BlogPostPreview h2 {
    margin: 8px 0;
    float: right;
    width:389px;
    }
    .BlogPostPreview h2 a  {
    font-size: 16px;
    }
    .BlogPostPreview img {
    display: block;
    float: left;
    margin-right: 6px;
    }
    .BlogPostPreview span.italic {
    color: #7f7f7f;
    }
    .BlogPostPreview span.BlogPostLinks {
    width: 389px;
    float: right;
    }
    .BlogPostPreview span a {
    text-decoration: underline;
    }
    .BlogPostPreview .postBody p {
    width: 389px;
    float: right;
    padding-bottom: 0;
    font-size: 13px;
    }
    .BlogPostPreview a.BlogPush {
    float: right;
    width:389px;
    line-height: 1.5em;
    }
    
    
/* Full Blog Post */

h2.BlogPTitle {
    font-size: 18px;
    margin-bottom: 20px;
    }
span.BlogDetailLinks {
    width: 455px;
    display: block;
    margin: 8px 0 15px 0;
    float: left;
    }
    
div.BlogDetail {
    clear: left;
    font-size: 13px;
    }
div.BlogPBody {
    margin-bottom: 10px;
    }
    
div.postBody{
	float:right;
	margin-top:7px;
	width:389px;
    }
    
div.Comments, div#comments {
    margin: 20px 0;
    }
    div#comments { clear: both; }
    h1.Comments, h1.PostComment {
    font-size: 16px;
    margin: 0;
    }
    h1.Comments {
    width: 100px;
    float: left;
    }
    a.left {
    display: block;
    float: left;
    line-height: 25px;
    text-align:right;
    }  
    
div.buttonpedding { margin-top: 10px; }

div.TrackbackPanel { margin-bottom: 30px; }

div.BlogPanel table {
    clear: both;
    }
    div.BlogPanel table tr {
    height: 45px;
    }
    div.BlogPanel table tr td {
    vertical-align: middle;
    }
    div.BlogPanel table tr td textarea { width: 455px; }
    div.BlogPanel table tr td textarea { width: 455px; }
    div.BlogPanel table tr td div.BlogRequiredValidator input.ContentButton {
    width: 61px !important;
    height: 23px;
	background: url(../img/content-design/btn_submit.gif) no-repeat 0 -23px;
	border: none;
	cursor: pointer;
	}
	div.BlogPanel table tr td div.BlogRequiredValidator input.ContentButton:hover { background-position: 0 -46px; }
	div.BlogPanel table tr td div.BlogRequiredValidator input.ContentButton:active { background-position: 0 0; }
.withState
{
	color:#EB8000 !Important;
}
.noState
{
	color:#0C579F !Important;
}
    

/* Report Abuse Window */    
.AbuseBody {
    width: 330px;
    text-align: center;
    padding-bottom: 20px;
    }
    .AbuseBody .Buttons {
    width: 100%;
    }