/* E3 */

/* COLORS 
bluish	#AFA661
olive	#5F7151
ochre	#B09441
orange	#E85F31
gold	#E6DAAF
bluebg  #134058
 */
 
 
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
* :focus { outline: 0; } 
html, body {height:100%; min-height: 100%; margin-bottom: 1px; } /* force scrollbar */

/* IE PNG FIX */
img, div { behavior: url(../core/iepngfix.htc) }

/* TYPE */
p {padding-bottom:20px}
body { font:16px/28px Arial, Helvetica, sans-serif; color:#ccc; background-color:#16506A; margin-top:69px; background-image:url(../assets/bg-tile.jpg); }
.bigger {font-size:18px; line-height:36px}
.bitbigger {font-size: 14px}

a { color: #E85F31; }
a:link, a:visited, a:active {text-decoration: none; }
a:visited {color: #E85F31;}
a:hover, a.active {color: #fff }

a.more { color: #B09441; }
a.more:link, a.more:visited, a.more:active {text-decoration: none; }
a.more:visited {color: #B09441;}
a.more:hover, a.more.active {color: #fff }

a.samples, a.samples2, a.samples3 { color: #fff; }
a.samples:link, a.samples:visited, a.samples:active, a.samples2:link, a.samples2:visited, a.samples2:active, a.samples3:link, a.samples3:visited, a.samples3:active {text-decoration: none; }
a.samples:visited, a.samples2:visited, a.samples3:visited {color: #fff;}
a.samples:hover, a.samples.active, a.samples2:hover, a.samples2.active, a.samples3:hover, a.samples3.active {color: #E85F31 }

a.white { color: #fff; font-weight:bold }
a.white:link, a.white:visited, a.white:active {text-decoration: none; }
a.white:visited {color: #fff;}
a.white:hover, a.white.active {color: #E85F31 }

strong, b { font-weight:bold; color:#fff }
em, i { font-style:italic; }
.alignright {text-align:right}
.addline { background:url(../assets/olivegreen.gif) repeat-y; float:right; width:160px; padding-left:20px; }
.small {font-size:11px; line-height:18px}
.smallish {font-size:14px; line-height:18px}
.more {font-size:20px; line-height:10px; margin-left:7px; z-index:9999}
.moretext, .moretext2, .moretext3 {display:none; margin-left:10px; color:#dedede}
.plus {font-size:20px; color:#B09441; font-weight:bold; padding-left:3px; padding-right:3px}

hr { margin-top:5px; margin-bottom:5px; border-top: 2px solid #5F7151; border-right-style: none; border-bottom-style: none; border-left-style: none; }

h3 a {color: #ccc!important;  }
h3 a:link, h3 a:visited, h3 a:active {text-decoration: none; }
h3 a:hover {color:#fff!important; text-decoration: none; }

#accordion div {font-size:15px; line-height:21px}

.open {color:#fff!important; padding-left:2px}
.open2 {color:#E85F31!important;}

/* BG & CONTAINER */
#bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1}
#container {width:974px; margin: 0 auto; position: relative; z-index:20; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* TOP LINKS */
#contact {background-image:url(../assets/contact.gif); background-repeat:no-repeat; background-position: 0 0; width:83px; height:23px; position:absolute; left:852px; top:15px}
#contact a { background-image:url(../assets/contact.gif); background-repeat:no-repeat; background-position: 0 0; width:83px; height:23px; float:left; text-indent: -3000px;}
#contact a:hover { background-position: 0 -30px; }
#contact a.active{ background-position: 0 -30px; cursor:default }
#homelink {background-image:url(../assets/contact.gif); background-repeat:no-repeat; background-position: -100px 0; width:83px; height:23px; position:absolute; left:792px; top:15px}
#homelink a { background-image:url(../assets/contact.gif); background-repeat:no-repeat; background-position: -100px 0; width:83px; height:23px; float:left; text-indent: -3000px;}
#homelink a:hover { background-position: -100px -30px; }

/* NAVIGATION */
#navigation {width:520px; height:35px; position: relative; left:503px; top:85px; z-index: 99;}
#navigation #nav {margin: 0; padding: 0; }

/* 	DROPDOWN LEVEL ONE */
ul.dropdown { position: relative; }
ul.dropdown li { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; float: left; zoom: 1; background:url(../assets/navplus.gif) no-repeat 0px 10px }
ul.dropdown a:hover { color: #E85F31; background-image:none!important}
ul.dropdown a:active { color: #E85F31; }
ul.dropdown li a { display: block; padding: 0px 28px; color: #fff; }
ul.dropdown li.hover, ul.dropdown li:hover { color:#fff; position: relative; }
ul.dropdown li.hover a { color: #E85F31; }

/* 	DROPDOWN LEVEL TWO */
ul.dropdown ul { width: 230px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown li#careers ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: -117px; text-align:right}
ul.dropdown li#careers ul li {padding-right:40px}
ul.dropdown ul li { font-weight: normal; background-color:#fff;  background:url(../assets/navbg.png); color: #333; float: none; font-size:11px; line-height:14px; padding-bottom:5px; padding-top:5px }	 
ul.dropdown ul li a { width: 100%; display: inline-block; color:#333!important; background-image:none!important }  /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li.hover a {color:#E85F31!important; background-image:none!important}

/* 	DROPDOWN LEVEL THREE -- not used */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown li ul li.hover ul li a	{color:#333!important } 
ul.dropdown li ul li.hover ul li.hover a {color:#E85F31!important }  

/* NAV ON STATES*/
#navigation.about #nav li#about a,
#navigation.expertise #nav li#expertise a, 
#navigation.expertise #nav li#expertise a,
#navigation.docs #nav li#docs a,
#navigation.careers #nav li#careers a {color:#E85F31; } 

/* GLOBAL */
#e3 {position:absolute; width:505px; height:84px}

/* SLIDESHOWS */
.slideshow img, .slideshow div { display: none }
.slideshow img.first, .slideshow div.first { display: block }
.slideshow div {padding:30px; font-size:16px; line-height:24px}
.quote {font-size:20px}

/* HOME */
#homequotes {position:absolute; width:502px; height:308px; top:127px; background:url(../assets/quotebg.jpg) no-repeat; color:#FFFFFF}
#homequotes .div {background:url(../assets/quotebg.jpg) no-repeat}
#homequotesflash {position:absolute; width:502px; height:308px; top:127px; background:url(../assets/quotebg.jpg) no-repeat; z-index:1}
#homephotos, #noscripthomephotos {position:absolute; width:472px; height:308px; top:127px; left:502px}
#hometitle1 {position:absolute; width:685px; height:30px; top:478px; left:26px; font-weight:bold; color:#fff}
#hometitle2 {position:absolute; width:165px; height:30px; top:478px; left:762px; font-weight:bold; color:#fff; border-left: 2px solid #5F7151; padding-left:20px}
#homedivider {position:absolute; width:921px; height:2px; top:511px; left:26px; border-top: 2px solid #5F7151;}
#hometext1 {
	position:absolute;
	width:680px;
	height:360px;
	top:520px;
	left:27px
}
#hometext2 {position:absolute; width:165px; top:523px; left:762px; border-left: 2px solid #5F7151;padding-left:20px }

/* SECONDARY */
#quotes {position:absolute; width:492px; height:221px; top:127px; background:url(../assets/quotebg2.jpg) no-repeat; color:#FFFFFF;}
#quotes .div {background:url(../assets/quotebg2.jpg) no-repeat}
#photos {position:absolute; width:482px; height:221px; top:127px; left:492px}
#contentbg {position:absolute; top:356px; width:974px; background:url(../assets/transparentbg.png); padding-bottom:70px; z-index:50}
#quotes2 {position:absolute; width:492px; height:101px; top:127px; background:url(../assets/quotebg3.jpg) no-repeat; color:#FFFFFF;}
#quotes2 .div {background:url(../assets/quotebg3.jpg) no-repeat}
#photos2 {position:absolute; width:482px; height:101px; top:127px; left:492px}
#contentbg2 {position:absolute; top:264px; width:974px; background:url(../assets/transparentbg.png); padding-bottom:70px; z-index:50}
#divider1 {position:relative; width:942px; height:1px; top:12px; left:16px; border-top: 2px solid #5F7151; float:left}
#title1 {position:relative; width:152px; height:25px; top:16px; left:16px; font-weight:bold; color:#fff; float:left; z-index:60}
#title2 {position:relative; width:590px; height:25px; top:16px; left:0px; font-weight:bold; color:#fff; border-left: 2px solid #5F7151; padding-left:20px; float:left; z-index:60}
#title3 {position:relative; width:160px; height:25px; top:16px; left:0px; font-weight:bold; color:#fff; border-left: 2px solid #5F7151; padding-left:20px; float:left; z-index:60}
#titlelong {position:relative; width:942px; height:25px; top:16px; left:16px; font-weight:bold; color:#fff; float:left; z-index:60}
#titlehalf1 {position:relative; width:487px; height:25px; top:16px; left:16px; font-weight:bold; color:#fff; float:left;; z-index:60}
#titlehalf2 {position:relative; width:465px; height:25px; top:16px; left:0px; font-weight:bold; color:#fff; border-left: 2px solid #5F7151; padding-left:20px; float:left; z-index:60}
#divider2 { position:relative; width:942px; height:1px; top:20px; left:16px; float:left; border-top: 2px solid #5F7151; }
#text1 {position:relative; width:152px; top:40px; left:16px; float:left; font-size:11px; line-height:18px; z-index:60}
#text2 {position:relative; width:570px; top:40px; left:0px; border-left: 2px solid #5F7151; border-right: 2px solid #5F7151; padding-left:20px; padding-right:20px; float:left; font-size: 14px; line-height:22px; z-index:60}
.long {height:660px} /* this makes sure the left divider matches the right divider for the people section */
#text3 {
	position:relative;
	width:185px;
	top:40px;
	left:-2px;
	border-left: 2px solid #5F7151;
	padding-left:20px;
	float:left;
	font-size:11px;
	line-height:18px;
	z-index:60
}
#texthalf1 {position:relative; width:465px; top:40px; left:16px; float:left; font-size:11px; line-height:18px; border-right: 2px solid #5F7151; z-index:60}
#texthalf2 {position:relative; width:425px; top:40px; left:14px;  padding-left:40px; float:left; font-size: 12px; line-height:20px; border-left: 2px solid #5F7151; z-index:60}
#biopic {float:left; width:110px; margin-top:7px}
#bio {float:left; width:420px}
#text2 ul { padding-bottom:20px}
#text2 li { list-style:disc; margin-left:20px}
.moretext {font-size:13px; line-height:18px; z-index:60}
.pushin {margin-left:30px}

/* SECONDARY NAVIGATION */
#text1 li {padding-bottom:15px; width:120px; font-weight:bold}
#texthalf1 li {padding-bottom:15px; width:400px}
#text1 a li, #texthalf1 a li {color:#ccc}
#text1 li a:visited, #texthalf1 li a:visited {color: #ccc;}
#text1 li:hover, #text1 li.active, #texthalf1 li:hover, #texthalf1 li.active  {color: #fff }
#text1 a li.active, #texthalf1 a li.active { cursor:default; color:#B09441 }
#text1 li.active, #texthalf1 li.active, #texthalf1 .active strong {color:#B09441 }
/* JUST IN CASE A LINK GETS LOOSE OF ITS LI: */
#text1 li a, #texthalf1 li a {color:#ccc}
#text1 li a:visited, #texthalf1 li a:visited {color: #ccc;}
#text1 li a:hover, #text1 li.active a, #texthalf1 li a:hover, #texthalf1 li.active a {color: #fff }
#text1 li.active a , #texthalf1 li.active a {cursor:default; color:#B09441}
#text1 li.active, #texthalf1 li.active {color:#B09441}

/* SUB SECONDARY NAVIGATION */
#texthalf1 ul ul  {padding-left:20px; padding-bottom:20px}
#texthalf1 ul ul li {padding-bottom:10px;}

/* SUB SUB SECONDARY NAVIGATION */
#texthalf1 ul ul ul {padding-left:20px; padding-bottom:20px}
#texthalf1 ul ul ul li {padding-bottom:0px;}

/* WHITE BACKGROUND */
#whitebg {position:absolute; top:264px; width:974px; padding-bottom:70px; background-color:#DEE6E9; background:url(../assets/whitebg.gif); z-index:50}
#whitebg #texthalf1 a li, #whitebg #texthalf1 li a:link, #whitebg #texthalf1 li a:visited, #whitebg #texthalf1 strong, #whitebg #texthalf2 .moretext  {color:#185875}
#whitebg #texthalf1 li:hover, #whitebg #texthalf1 li:active, #whitebg #texthalf1 li.active, #whitebg #texthalf1 .active strong   {color:#000}
#whitebg #text1 a li.active, #whitebg #texthalf1 a li.active, #whitebg #text1 li.active a , #whitebg #texthalf1 li.active a {cursor:default; color:#000}
#whitebg #texthalf2, #whitebg #texthalf2 strong {color:#185875}
#whitebg #texthalf2 a:hover {color:#000}
#whitebg #titlelong {color:#185875}
#whitebg .open {color:#000!important; padding-left:2px}

/* RIGHTHAND NAVIGATION */
.rightnav p, .rightnav li {padding-left:20px; padding-bottom:0}
.rightnav strong {font-size:14px; line-height:18px}

.rightnav li a {color:#ccc}
.rightnav li a:visited {color: #ccc;}
.rightnav li a:hover, .rightnav li.active a {color: #fff }
.rightnav li.active a {cursor:default}
.rightnav li.active { background:url(../assets/plus.gif) no-repeat 0px 3px }
#container #contentbg #text3 p {
	color: #AFE0DF;
}
#container #contentbg #text3 p {
	color: #D1F5F8;
}
#container #contentbg #text3 p {
	color: #D8FCFA;
}
#container #contentbg #text3 p strong {
	color: #B7D5DD;
}