body {
	margin: 54px 0px;
	padding: 0px;
	background-color: #858591;
}
div.wrapper {
	margin: 19px auto;
	padding: 0px;
	background-color: #2E343C;
	border-top: 8px solid #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
	min-height: 420px;
	width: 100%;
}

/**********HEADER AND FOOTER**********/
div.header, div.footer {
	margin: 0px auto;
	padding-left: 206px;
	width: 478px;
	font: 9px/9px Arial, Helvetica, sans-serif;
	color: #CDCDCD;
	text-transform: uppercase;
	clear: both;
}
div.header ul, div.footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.header ul li {
	display: inline;
	margin: 0px 16px 0px 0px;
	padding: 0px;
}
div.footer ul li {
	display: inline;
	margin: 0px 50px 0px 0px;
	padding: 0px;
}
div.header a:link, div.header a:visited {
	color: #CDCDCD;
	text-decoration: none;
}
div.header a:hover, div.header a:visited:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/**********MAIN**********/
div.main {
	position: relative;
	left: -8px;
	margin: 0px auto;
	padding: 0px 8px;
	width: 700px;
	min-height: 420px;
	border-right: 40px solid #2E343C;
	border-left: 40px solid #2E343C;
	background-color: #FFFFFF;
	text-align: left;
	
}
.flash {
	float: right;
}
div.logo {
	position: relative;
	left: -16px;
	width: 109px;
	text-align: center;
}
div.logo img {
	padding-bottom: 3px;
	border: none;
}
div.logo span.location {
	font: 9px/15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	margin-top: 5px;
	background-color: #768193;
	width: 109px;
	height: 15px;
	text-align: center;
	letter-spacing:2px;
}
div.caseStudy {
	position: absolute;
	bottom: 120px;
	width: 192px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #768193;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
}
div.caseStudy span {
	display: block;
	margin-top: 10px;
	font: italic 10px/15px Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0px;
}
div.caseStudy a {
	font: italic 10px/25px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	text-decoration: none;
}
div.caseStudy a:link, div.caseStudy a:visited {
	color: #768193;
}
div.caseStudy a:hover, div.caseStudy a:visited:hover {
	color: #2E343C;
}

/**********CONTENT**********/
div.content {
	position: relative;
	float: right;
	width: 478px;
	font: 10px/15px Arial, Helvetica, sans-serif;
	color: #2E343C;
}
div.content a:link, div.content a:visited {
	color: #768193;
	text-decoration: none;
}
div.content a:hover, div.content a:visited:hover {
	color: #192197;
	text-decoration: none;
}
div.content p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
div.content p.pageHead {
	margin-top: 25px;
	width: 356px;
	font: 13px/13px Arial, Helvetica, sans-serif;
	color: #768193;
	text-transform: uppercase;
  letter-spacing: 1px;
}
div.content p.pageHead span.right {
	float: right;
	font: 10px/16px Arial, Helvetica, sans-serif;
	text-transform: none;
}
div.portfolio div.photo img {
	margin-bottom: 20px;
}
div.column {
	float: left;
	width: 49%;
}
div.column p {
	margin-bottom: 5px;
}
div.column p a.services:link, div.column p a.services:visited {
	color: #2E343C;
	text-decoration: underline;
}
div.column p a.services:hover, div.column p a.services:visited:hover {
	color: #192197;
	text-decoration: underline;
}
p.divider {
	clear: both;
	height: 1px;
	background-color: #98ACC0;
	font-size: 0px;
	line-height: 0px;
}
div.content p.awardDate {
	clear: both;
	float: left;
	margin-right: 13px;
	padding-right: 7px;
	border-right: 1px solid #62676D;
}
div.content p.award {
	float: right;
	width: 275px;
}
div.content p.wPic {
	float: right;
	width: 215px;
}
div.clear, div.content p.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
div.content p.buttons {
	clear: both;
	float: right;
	margin-top: 15px;
	width: 256px;
}
div.content p.buttons a, div.content a.button {
	padding: 1px 7px;
	border: 1px solid #98ACC0;
	background-color: #EAEEF2;
	text-align: center;
}
div.content p.buttons a {
	width: 90px;
	float: right;
}
div.content p.buttons a:hover, div.content p.buttons a:visited:hover, div.content a.button a:hover, div.content a.button a:visited:hover {
	color: #2E343C;
	text-decoration: none;
}
.subhead1 {
	font-weight: bold;
	font-style: italic;
}
img.left {
	float: left;
	margin: 4px 10px 10px 0px;
}
img.right {
	float: right;
	margin: 4px 0px 10px 10px;
}
input.jobApp {
	float: right;
	width: 250px;
}
input.jobAppUpload {
	float: right;
	width: 250px;
	position: relative; 
	left: -4px;
}
table.affiliations td {
	padding: 2px 15px;
}
table.affiliations tr.highlight {
	background-color: #F9EFDD;
}
table.affiliations a:link, table.affiliations a:visited {
	color: #2E343C;
}
table.affiliations a:hover, table.affiliations a:visited:hover {
	color: #192197;
}
div#scrollcontenttext ul {
	list-style-type: none;
	margin: -10px 0px 15px;
	padding: 0px;
}
div#scrollcontenttext ul li {
	margin: 0px 0px 2px 8px;
	padding: 0px 0px 0px 12px;
	background: url(/images/bulletMenuRoll.gif) no-repeat 0px 6px;
}
div#scrollcontenttext ul.staffPics {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#scrollcontenttext ul.staffPics li {
	margin: 0px 0px 9px;
	padding: 0px;
	display: inline;
}
div#scrollcontenttext ul.staffPics li.bottom img {
	margin-bottom: 0px;
}
div#scrollcontenttext ul.staffPics li img {
	float: left;
	margin-right: 4px;
	border: none;
	margin-bottom: 9px;
}
div#scrollcontenttext ul.staffPics li img.last {
	margin-right: 0px;
}
div#staffPhotoWrap {
	position: absolute;
	top: 159px;
	left: 137px;
	width: 199px;
	height: 212px;
	visibility: hidden;
	z-index: 10;
}
img#x,img#xRoll {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	border: 1px solid #768193;
	cursor: pointer;
	z-index: 100;
}
img#xRoll {
	visibility: hidden;
}
div#staffPhoto {
	margin: 9px 9px 0px 0px;
	padding: 9px 9px 4px;
	border: 3px solid #768193;
	background-color: #FFFFFF;
	line-height: 11px;
}
div#staffPhoto img {
	margin-bottom: 8px;
}

/************THUMBNAIL SCROLLER****************/
div.thumb {	
	position: relative;
	float: right;
	margin-left: 5px;
	width: 114px;
	height: 400px;
	background: #FFFFFF url(/portfolio/images/thumbBG.gif) no-repeat;
	
}
div.thumb img {
	display: block;
	margin-bottom: 3px;
	border: none;
}
#scrollbarthumbnails {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 14px;
	height: 321px;
}
#scrollbarthumbnails img {
	border: none;
}
#scrollviewportthumbnails {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 321px;
	font-size: 1px;
	overflow: hidden;
}
#scrollthumbnails {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 100px;
	background: #FFFFFF url(/portfolio/images/thumbBG.gif) no-repeat;
	
}

/************CONTENT TEXT SCROLLER****************/
div#contenttext {
	position: relative;
	float: right;
	padding-bottom: 5px;
	width: 356px;
	height: 270px;
	
	
}
div.portfolio div#contenttext {
	height: 71px;
}
div.services div#contenttext {
	height: 115px;
}
div.staff div#contenttext {
	bottom: 0px;
	padding-bottom: 0px;
	width: 478px;
}
#scrollbarcontenttext {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 275px;
	width: 18px;
}
div.portfolio div#contenttext div#scrollbarcontenttext {
	height: 66px;
}
div.services div#contenttext div#scrollbarcontenttext {
	height: 110px;
}
div.staff div#contenttext div#scrollbarcontenttext {
	top: auto;
	bottom: 0px;
}
#scrollbarcontenttext img {
	position: absolute;
	border: none;
}
#scrollbarcontenttext img.downArrow {
	top: 270px;
}
#scrollbarcontenttext img.slider {
	top: 8px;
}
#scrollbarcontenttext img.upArrow {
	top: -8px;
}
div.portfolio div#contenttext div#scrollbarcontenttext img.downArrow {
	top: 60px;
}
div.services div#contenttext div#scrollbarcontenttext img.downArrow {
	top: 104px;
}
#scrollviewportcontenttext {
	position: relative;
	padding: 0px 8px 3px 0px;
	width: 325px;
	height: 270px;
	overflow: hidden;
	text-align:left;
	margin-left:-3px;
}
div.portfolio div#contenttext div#scrollviewportcontenttext {
	height: 60px;
}
div.services div#contenttext div#scrollviewportcontenttext {
	height: 104px;
}
div.staff div#contenttext div#scrollviewportcontenttext {
	width: 460px;
}
#scrollcontenttext {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 325px;
}
div.staff div#contenttext div#scrollviewportcontenttext div#scrollcontenttext {
	width: 460px;
}

/************STAFF TEXT SCROLLER****************/
div#stafftext {
	position: absolute;
	left: 70px;
	bottom: 0px;
	width: 135px;
	height: 215px;
}
#scrollbarstafftext {
	position: absolute;
	top: 0px;
	left: -2px;
	height: 210px;
	width: 8px;
}
#scrollbarstafftext img {
	position: absolute;
	border: none;
}
#scrollbarstafftext img.downArrow {
	top: 204px;
}
#scrollbarstafftext img.slider {
	top: 8px;
}
#scrollbarstafftext img.upArrow {
	top: -8px;
}
#scrollviewportstafftext {
	position: relative;
	padding: 0px 0px 3px 8px;
	height: 204px;
	overflow: hidden;
}
#scrollstafftext {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

/**********SECONDARY MENU**********/
div.menuSec {
	background: #FFFFFF url(/images/menuSecBG.gif) no-repeat;
	float: right;
	margin-left: 5px;
	width: 114px;
	height: 400px;
	font: 10px/10px Arial, Helvetica, sans-serif;
}
div.menuSec ul {
	list-style-type: none;
	width: 96px;
	margin: 131px 0px 0px 9px;
	padding: 0px;
}
div.menuSec ul li {
	width: 83px;
	margin: 0px;
	padding: 0px;
}
div.menuSec ul li a {
	display: block;
	width: 83px;
	margin: 0px;
	padding: 3px 0px 3px 15px;
	text-decoration: none;
}
div.menuSec ul li a:link, div.menuSec ul li a:visited {
	color: #768193;
}
div.menuSec ul li a:hover, div.menuSec ul li a:visited:hover, div.menuSec ul li a.current {
	color: #2E343C;
	background: #FFFFFF url(/images/bulletMenuRoll.gif) no-repeat 0px center;
}
div.menuSec ul li.subhead1 a:hover {
	color: #2E343C;
	background: none;
}

/**********PORTFOLIO MENU**********/
div.menu {
	position: absolute;
	bottom: 0px;
	font: 10px/10px Arial, Helvetica, sans-serif;
}
div.menu ul {
	list-style-type: none;
	width: 192px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #98ACC0;
}
div.menu ul li {
	width: 192px;
	margin: 0px;
	padding: 0px;
}
div.menu ul li a {
	display: block;
	width: 181px;
	margin: 0px;
	padding: 2px 0px 2px 11px;
	border-bottom: 1px solid #98ACC0;
	background: #FFFFFF url(/images/bulletMenu.gif) no-repeat 178px center;
	color: #2E343C;
	text-decoration: none;
}
div.menu ul li a.current {
	width: 169px;
	padding: 2px 0px 2px 23px;
	background: #EAEEF2 url(/images/bulletMenuRoll.gif) no-repeat 178px center;
	font-weight: bold;
}

/**********STAFF MENU**********/
div.menuStaff {
	font: 10px/10px Arial, Helvetica, sans-serif;
}
div.menuStaff ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.menuStaff ul li {
	margin: 0px;
	padding: 0px;
}
div.menuStaff ul li a {
	display: block;
	margin: 0px;
	padding: 3px 0px 3px 27px;
	text-decoration: none;
}
div.menuStaff ul li a:link, div.menuStaff ul li a:visited {
	color: #768193;
}
div.menuStaff ul li a:hover, div.menuStaff ul li a:visited:hover, div.menuStaff ul li a.current {
	color: #2E343C;
	background: #FFFFFF url(/images/bulletMenuRoll.gif) no-repeat 14px center;
}

#whiteoutDiv {
	position:absolute;
	height:0px;
	width:0px;
	left:-3px;
	top:130px;	
	
	visibility:hidden;
}

.whiteout * {
	position:absolute;
	height:280px;
	width:460px;
	left:0px;
	top:0px;	
}
