/*
Tag redefinitions
*/
* html #main #mainBottom #contentRight #contentRightMenu {
	margin-right: 2px;
}

* html #main #mainBottom #mainContent #barText {
	margin-right: -12px;
}


* html #main #header #headerContainer #headerLeft{
	margin-right: -3px;
}

* html #barRight 
{
	overflow: hidden;
	height: 175px! important;
}

* html #mainBottom{
	background-position-y: 1px;
}

* html #contentRight{
	position:absolute;
}

* html #greyBarWrapper{
	position:absolute;
}

* html #barRightText{
	position:absolute;
}

* html #techBlurb 
{
	right:-17px !important;
}

* html #lowerRightContent
{
	position:relative;
}

* html #leftContentBottom 
{
	position:relative !important;
}

* html #sectionLabel 
{
	left: 21px !important;
	width: 30px !important;
	position: absolute;
	top: 77px !important;
}

* html #main #mainBottom #contentRight #contentRightContentMap #ProjectContent 
{
	/*top: 0px !important; */
}

* html #barRightImage
{
	margin-top: 88px !important;
}

* html #ProjectDescription ul 
{
	left: -6%! important;
	position: absolute;
}
body {
	background-color: #000000;
	background-repeat: no-repeat;
	background-image: url(../elements/bg.jpg);
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	margin-top:0px;

}
/*safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0){
body {margin-top: -16px;}
}
html {
	height: 100%;
	width: 100%;
}

h1 {
	font-size: 10pt;
	font-weight: bold;
	color: #6258FC;
	letter-spacing: 110%;
}
h2 {
	font-size: 9pt;
	font-weight: bold;
	color: #7BD3FF;
	letter-spacing: 110%;
}
h3 {
	font-size: 9pt;
	font-weight: normal;
	color: #4188F9;
	letter-spacing: 110%;
}
a {
		font-size: 7pt;
		color: #a8ff00;
}
a img 
{
	border:none;
}
#bgLeft {
	float: left;
	position: absolute;
	width: 35%;
	max-width: 35%;
	height: 421px;
	left:0px;
	background-image: url(../elements/leftbg.gif);
	background-position: top;/*have to use this to align to top so that it appears right in all browsers*/
	z-index: 10;
}
#bgRight {
	float: right;
	position:absolute;
	width: 49%;
	max-width:49%;
	height:583px;
	right:0px;
	background-image:url(../elements/rightBg.gif);
	background-position: top;/*have to use this to align to top so that it appears right in all browsers*/
	z-index:10;
}

#bottom {
	height: 100%;
	width:100%;
	background-image: url(../elements/dropLine.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#main {
	position: relative;
	width: 757px;
	left:auto;
	margin:auto;
	z-index: 100;
	height: 100%;
}

#main #header{
	height: 139px;
	width: 100%;
	margin: 0px;
	position: absolute;
	top: 72px;
	left: 0px;
	clear:both;
	z-index: 1000;
}

#main #header #headerContainer {
	float: left;
	margin: 0px;
}

#main #header #headerContainer #headerLeft{
	height: 139px;
	width: 15px;
	margin: 0px;
	float: left;
	background-image:url(../elements/headerLeft.gif);
}

/*header middle was missing which was causing Safari to display wrong - fixed KH 1/22/09*/
#main #header #headerContainer #headerMiddle{
	height: 139px;
	margin: 0px;
	float: left;

}

#main #header #headerRight{
	height: 139px;
	width: 115px;
	margin: 0px;
	float: right;
	background-image:url(../elements/headerRight.gif);
	background-repeat:no-repeat;
}

#main #mainMiddle {
	width:757px;
	height: 320px;
	z-index:20;
}
#mainBottom {
	position: absolute;
	/*padding-top: 211px;*/
	left: 0px;
	top: 211px;
	width: 757px;
	height: 321px;
	background-image: url(../elements/contentBg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#main #mainBottom #contentRight #contentRightContent {
	overflow:hidden;
	position:absolute;
}
/*Footer Elements*/

#main #mainBottom #footer {
	position: absolute;
	left: 397px;
	top: 332px;
	width: 356px;
	color: white;
	font-size:7pt;
	text-align: left;
}
#main #mainBottom #footer #bottomMenu {
	text-align: left;
	float: left;
	color: #4b07d6;
	line-height:1.5em;
}

#main #mainBottom #footer #bottomMenu a{
	text-align: left;
	color: #4b07d6;
	text-decoration: none;
}

#main #mainBottom #footer #bottomMenu a:hover{
	text-decoration: underline;
}

#main #mainBottom #footer #bottomAddress {
	width: 254px;
	float: right;
	letter-spacing:.5pt;
	line-height:1.5em;
	font-size:8pt;
}
/* End Footer elements */

/* Scrollbar elements */
/*Added 4/6/2007-4/10/2007*/
#contentScroll
{
	float:right;
	height:100%;
}
#scrollbarBackground
{
	position: absolute; 
	width: 8px; 
	background-color: #20039a;
}
#scrollbarFiller
{
	position: absolute; 
	background-color:#2107D6; 
	width: 8px;
}
#scrollbarTrack
{
	position: absolute; 
	width: 8px; 
	left: 0px; 
	top:0px;
}
.scrollbarTrack, .scrollbarBackground
{
	/*NOTE: ENJ*/
	/*This height will need to be modified where the content area
	is smaller... We could use a height of 100%, but this would cause
	the bar to exceed the height of the area of the scrollable content.
	A solution to this could be to nest the content elements 
	(contentScroll and contentScroller) in another div and have that sized
	accordingly. We could not change the height of the contentRightContent div
	because this contains other elements used on the page, and we cannot set it's
	overflow to visible as this would show all content forcing overlap of other areas
	and defeating the purpose of the scrollbar altogether.*/
	height: 285px;
}
#scrollbarHandle {
	height: 1px;
	border-top: 1px #20039a solid;
	width: 8px; 
	background-color: #0FB5FF; 
	cursor: n-resize;
	position:absolute;
}
#contentScroller {
	position:absolute;
}
.scrollTopArrow
{
	top:0px;
	left:1px;
	position:absolute;
	cursor:pointer;
}
.scrollBottomArrow
{
	bottom:0px;
	left:1px;
	position:absolute;
	cursor:pointer;
}
/* End Scrollbar elements */


.rContentArrow
{
	position:relative;
	color:#A8FF00;
	font-size:medium;
	vertical-align:middle;
	line-height:normal;
}
.UpperMap
{
	position:absolute;
	margin-top:60px;
	*bottom:-2px;
	font-size:x-small;
	color:#ffffff;
	padding-left:1px;
	text-align:center;
	line-height:2.4em;
	*line-height:2.4em;
}



#PageImage
{
	position:relative;
	top:1.5em;
	right:-25%;
}

#constructionMgmt, #GenContPageImage
{
	position:relative;
	/*top:.2em;*/
	right:-25%;
}
#PreConstPageImage 
{
	position:relative;
	/*top:1em;*/
	right:-25%;
}
#DesignTextImage
{
	position:relative;
	/*top:2.1em;*/
	right:-25%;
}
#DRTextImage
{
	position:relative;
	/*top:1.8em;*/
	right:-25%;
}
.projThumbs
{
    margin:0px 3px auto auto;
	/**margin:auto auto auto 1px;*/
}
.semiTransp 
{
	-moz-opacity: .5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50);
	zoom:100%;      /*IE7 HasLayout Fix*/
	position:absolute;
	margin:0px 3px 0px 0px;
	*margin:2px 3px -2px 0px;
}