/* CSS Document */


body {
	margin: 0;
	padding: 0;
	font: small Arial, Helvetica, Verdana, sans-serif;
	height: 100%;
	background-color: #3E647E;
}

#wrapper {
width: 950px;
margin: 0 auto;
padding: 0;
height: 100%;
}

#wrapperhome {
width: 950px;
margin: 20px auto 0;
padding: 0;
height: 100%;
}


#main {
width: 950px;
height: 100%;
margin:0;
padding:0;
position: relative;
background-image: url(../images/columnbg.gif);
background-repeat: repeat-y;
}

#mainhome {
	width: 950px;
	height: 500px;
	margin:0;
	padding:0;
	position: relative;
}


#leftcolhome {
float: left;
width: 186px;
height: 500px;
background-color:#DFEDF5;
margin: 0;
padding: 0;
}


#middlecolhome {
float: left;
width: 608px;
height: 100%;
height: 500px;
background-color:#ffffff;
position: relative;
margin: 0;
padding: 0;
}

#rightcolhome {
float: left;
width: 156px;
height: 500px;
background-color:#90999E;
position: relative;
margin: 0;
padding: 0;
}


#leftcol {
float: left;
width: 186px;
background-color:#DFEDF5;
}


#middlecol {
float: left;
width: 608px;
height: 100%;
background-color:#ffffff;
position: relative;
}

#rightcol {
float: left;
width: 156px;
background-color:#90999E;
position: relative;
}

#leftcolsub {
float: left;
width: 186px;
background-color:#DFEDF5;
}

#middlecolsub {
float: left;
width: 608px;
/*background-color:#ffffff;*/
position: relative;
}

#rightcolsub {
float: right;
width: 156px;
height: 100%;
}

#rightcolsub .subbottflash{
bottom: 0;
position: absolute;
padding: 0;
margin: 0;
z-index: 1;
}

#rightcolsub .photoloop{
top:175px;
margin-left: 7px;
position: absolute;
padding: 0;
z-index: 1;
}

.bottomflash {
	position: absolute;
	bottom: 0;
}

.clear {
clear: both;
height: 1px;
_height: 0px;
}

.content {
padding: 30px;
}


#header {
clear: both;
width: 950px;
height: 20px;
margin:0;
padding:0;
background-color:#7DAECE;
}

#leftcolhead {
float: left;
width: 186px;
height: 20px;
background-color:#BFDAEB;
}


#rightcolhead {
float: right;
width: 156px;
height: 20px;
background-color:#BFDAEB;
}



#footer {
width: 950px;
height: 20px;
margin:0;
padding:0;
background-color:#DFEDF5;
clear: both;
position: relative;
}

#leftcolfoot {
float: left;
width: 186px;
height: 20px;
background-color:#73AFD2;
margin: 0;
padding: 0;
}

#middlecolfoot {
float: left;
width: 608px;
height: 20px;
background-color:#A7CBE1;
margin-bottom: 0;
padding: 0;

}


#leftcol h1, #leftcolsub h1, #leftcolhome h1{
background-color:#BFDAEB;
height: 100px;
width: 186px;
position: relative;
margin: 0;
padding: 0;
}

#leftcol h1 a, #leftcolsub h1 a, #leftcolhome h1 a{
	background-image: url(../images/logo.gif);
	display: block;
	text-indent: -9000px;
	width:114px;
	height:79px;
	background-repeat: no-repeat;
	margin-left:35px;
	position: absolute;
}

ul#menu {
margin-top: 25px;
margin-left: 20px;
padding: 0;
list-style-type: none;
}

ul#menu li {
margin-top: 20px;
}

ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active{
background: url(../images/bullet.gif) no-repeat 0 50%;
padding-left: 25px;
color: #416F8B;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
width: 141px;
display: block;
background-color: #DFEDF5;
}

ul#menu li a:hover{
	background: url(../images/bulletover.gif) no-repeat 0 50%;
	color: #ffffff;
	background-color: #416F8B;
	width: 141px;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*ul#menu li.none a:link, ul#menu li.none a:visited, ul#menu li.none a:active{
background: url(../images/bullet.gif) no-repeat 0 50%;
padding-left: 25px;
color: #416F8B;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
width: 141px;
display: block;
background-color: #DFEDF5;
}

ul#menu li.none a:hover{
	background: url(../images/bulletover.gif) no-repeat 0 50%;
	color: #ffffff;
	background-color: #416F8B;
	width: 141px;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}*/


.active{
background: url(../images/bulletover.gif) no-repeat 0 50%;
padding-left: 25px;
color: #ffffff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
width: 141px;
display: block;
background-color: #416F8B;
}

ul#menu li.active a{
background: url(../images/bulletover.gif) no-repeat 0 50%;
margin-left: -25px;
color: white;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
width: 141px;
display: block;
background-color: #416F8B;
}




ul#footermenu {
	list-style-type: none;
	margin: 0px 0 0 5px;
	_margin: 3px 0 0 5px;
	padding: 0;
	width: 608px;
	position: absolute;

}

ul#footermenu li {
display: inline;
color: #416F8B;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
margin-right: 3px;
}

ul#footermenu li a:link, ul#footermenu li a:visited, ul#footermenu li a:active{
display: inline;
color: #416F8B;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

ul#footermenu li a:hover{
text-decoration: underline;
}

ul#footermenu .spacer{
margin-left: 285px;
}


/*DISCOVER MENU LAYER*/
#discover {
	/*visibility: hidden;*/
width: 568px;
	height: 110px;
	z-index: 25;
	position: absolute;
	top: 126px;
	left: 0;
	padding: 20px;
	visibility: hidden;
}

#discover .bgtrans {
opacity: .90;
filter: alpha(opacity=90);
background-color: #416F8B;
z-index: -10;
width: 100%;
height: 100%;
_height: 135px;
position: absolute;
top: 0;
left: 0;
_padding: 20px;
margin: 0;
}

#discover h1{
	background-image: url(../images/discoverlayerhead.gif);
	display: block;
	text-indent: -9000px;
	width:322px;
	height:23px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

#discover p{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: white;
}

#discover  h2 {
text-align: right;
	padding: 0;
	margin: 0;
}

#discover  h2 a:link, #discover  h2 a:visited, #discover  h2 a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#discover  h2 a:hover{
	text-decoration: underline;
}

/*expertise MENU LAYER*/
#expertise {
	/*visibility: hidden;*/
width: 568px;
	height: 82px;
	z-index: 25;
	position: absolute;
	top: 151px;
	_top: 142px;
	left: 0;
	padding: 20px;
	visibility: hidden;
}

#expertise .bgtrans {
opacity: .90;
filter: alpha(opacity=90);
background-color: #416F8B;
z-index: -10;
width: 100%;
height: 100%;
_height: 103px;
position: absolute;
top: 0;
left: 0;
_padding: 20px;
margin: 0;
}

#expertise h1{
	background-image: url(../images/specialtieslayerhead.gif);
	display: block;
	text-indent: -9000px;
	width:167px;
	height:23px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

#expertise p{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: white;
}

#expertise h2 {
text-align: right;
	padding: 0;
	margin: 5px 0 0 0;
}

#expertise h2 a:link, #expertise h2 a:visited, #expertise h2 a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#expertise h2 a:hover{
	text-decoration: underline;
}


/*difference MENU LAYER*/
#difference {
	width: 568px;
	height: 94px;
	z-index: 25;
	position: absolute;
	top: 125px;
	_top: 125px;
	left: 0;
	padding: 20px;
	visibility: hidden;
}

#difference .bgtrans {
opacity: .90;
filter: alpha(opacity=90);
background-color: #416F8B;
z-index: -10;
width: 100%;
height: 100%;
_height: 115px;
position: absolute;
top: 0;
left: 0;
_padding: 20px;
margin: 0;
}

#difference h1{
	background-image: url(../images/differencelayerhead.gif);
	display: block;
	text-indent: -9000px;
	width:221px;
	height:23px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

#difference p{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: white;
}

#difference h2 {
text-align: right;
	padding: 0;
	margin: 0;
}

#difference h2 a:link, #difference h2 a:visited, #difference h2 a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#difference h2 a:hover{
	text-decoration: underline;
}


/*projects MENU LAYER*/
#projects {
	/*visibility: hidden;*/
width: 568px;
	height: 85px;
	z-index: 25;
	position: absolute;
	top: 135px;
	_top: 130px;
	left: 0;
	padding: 20px;
	visibility: hidden;
}

#projects .bgtrans {
opacity: .90;
filter: alpha(opacity=90);
background-color: #416F8B;
z-index: -10;
width: 100%;
height: 100%;
_height: 105px;
position: absolute;
top: 0;
left: 0;
_padding: 20px;
margin: 0;
}

#projects h1{
	background-image: url(../images/pojectlayerhead.gif);
	display: block;
	text-indent: -9000px;
	width:221px;
	height:23px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

#projects p{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: white;
}

#projects h2 {
text-align: right;
	padding: 0;
	margin: 10px 0 0 0;
}

#projects h2 a:link, #projects h2 a:visited, #projects h2 a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#projects h2 a:hover{
	text-decoration: underline;
}

/*clientlogin MENU LAYER*/
#clientlogin {
	/*visibility: hidden;*/
	width: 568px;
	height: 125px;
	z-index: 25;
	position: absolute;
	top: 118px;
	_top: 120px;
	left: 0;
	padding: 20px;
	visibility: hidden;

}

#clientlogin .bgtrans {
opacity: .90;
filter: alpha(opacity=90);
background-color: #416F8B;
z-index: -10;
width: 100%;
height: 100%;
_height: 140px;
position: absolute;
top: 0;
left: 0;
_padding: 20px;
margin: 0;
}

#clientlogin h1{
	background-image: url(../images/clientlayerhead.gif);
	display: block;
	text-indent: -9000px;
	width:221px;
	height:23px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

#clientlogin p{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: white;
}


/*clientlogin MENU LAYER*/
#contact {
	/*visibility: hidden;*/
width: 568px;
	height: 200px;
	z-index: 25;
	position: absolute;
	top: 82px;
	left: 0;
	padding: 20px;
	visibility: hidden;

}

#contact .bgtrans {
opacity: .90;
filter: alpha(opacity=90);
background-color: #416F8B;
z-index: -10;
width: 100%;
height: 100%;
_height: 210px;
position: absolute;
top: 0;
left: 0;
_padding: 20px;
margin: 0;
}

#contact h1{
	background-image: url(../images/contactlayerhead.gif);
	display: block;
	text-indent: -9000px;
	width:221px;
	height:23px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

#contact p{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: white;
}

#contact p a{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: white;
	text-decoration: underline;
}





.content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #416F8B;
	margin: 0 0 10px 0 ;
	padding: 0;
}

.content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #416F8B;
	margin: 20px 0 10px 0;
	padding: 0;
	line-height: 18px;
}

.content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #416F8B;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
}

.content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7B8287;
	margin: 0 0 10px 0 ;
	padding: 0;
}

ul.multi{
list-style-type: square;
padding: 0;
margin: 0 0 0 45px;
}


ul.multi li {
color: #7B8287;
font-size: 12px;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

ul.multi li a:link, ul.multi li a:active, ul.multi li a:visited{
color: #416F8B;
text-decoration: underline;
}

ul.multi li a:hover {
text-decoration: none;
}


ul.leftcolum {
list-style-type: square;
padding: 0;
margin: 0 0 0 45px;
}


ul.leftcolum li {
color: #7B8287;
font-size: 12px;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}


ul.midcolum {
list-style-type: square;
	padding: 0;
	margin: -36px 0 0 165px;
	position: relative;
}


ul.midcolum li {
color: #7B8287;
padding-right: 25px;
font-size: 12px;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

ul.rightcolum {
list-style-type: square;
	padding: 0;
	margin: -36px 0 0 400px;
	position: relative;
}


ul.rightcolum li {
color: #7B8287;
font-size: 12px;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

.projectlist {
position: relative;
margin-top: 125px;
height: 300px;
}

.projectlist h3 {
color: white;
font-size: 14px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom: white 1px solid;
padding-left: 10px;
}

.scrolllist {
overflow: auto;
height: 250px;
}

.scrolllist  ul{
list-style-type: none;
padding: 0;
margin-left: 10px;
margin-top: 0;
}


.scrolllist  ul li, .scrolllist  ul li a:link, .scrolllist  ul li a:active, .scrolllist  ul li a:visited{
color: white;
font-size: 12px;
line-height: 24px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

.scrolllist  ul li a:hover{
text-decoration: underline;
}


.mapholder {
margin-top: 90px;
margin-bottom: 150px;

}

ul.projectsmain {
top: 165px;
right: 80px;
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
}


ul.projectsmain  li a{
margin-top: 10px;
color: #416F8B;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #416F8B;
width: 100px;
display: block;
padding-left: 25px;
}


ul.projectsmain li.public a{
	background-image: url(../images/projectredbullet.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul.projectsmain li.private a{
	background-image: url(../images/projectgreenbullet.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul.projectsmain li.pubpriv a{
	background-image: url(../images/projectbullet.gif);
	background-position: left;
	background-repeat: no-repeat;
}



#mainContact {
position: absolute;
padding: 0;
margin: 0;
top: 145px;
left: 305px;
}

label {
float: left;
width: 95px;
margin-top: 5px;
}

input {
margin-top: 5px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
}

input[type="submit"] {
margin-left: 94px;
margin-top:10px;
}

.rightside {
position: absolute;
top: 20px;
left: 300px;
}


#camden {
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

#reno {
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

#stlouis {
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

#dover {
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.bgcasetrans {
	opacity: .88;
	filter: alpha(opacity=88);
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	z-index: -10;
	position: absolute;
	top: 0;
	left: 0;
	
}

.casestudy {
margin: 0 auto;
padding: 0;
width: 500px;
height: 500px;
background-color: white;
background-image: url(../images/panelshadow.gif);
background-repeat: no-repeat;
background-position: right bottom;
position: relative;
top: 20px;
}

.caseheader {
background-color: #90999E;
height: 40px;
border-top: 1px solid #C8C8C8;
display: block;
width: 496px;
}

.caseheader h2 {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	margin: 0;
	padding-left: 10px;
	padding-top: 5px;
}

.caseheader h3 {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	margin: 0;
		padding-left: 10px;
}

a.closeBtn {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #AB1E18;
	text-decoration:underline;
	position: absolute;
	margin-left: 470px;
	top: 10px;
	background:url(../images/closebtn.gif) no-repeat;
	display: block;
	width: 17px;
	height: 15px;
	z-index: 100;
	text-indent: -9000px;
}

.casecopy {
height: 105px;
overflow: auto;
padding: 5px 15px 15px 15px;
width: 455px;
}

.casecopy h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #416F8B;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
}


.casecopy p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7B8287;
	margin: 0 0 10px 0 ;
	padding: 0;
}

.rightsidefloat {
float: right;
position: relative;
top: -188px;
left: -20px;
}

.shortp {
width: 300px;
}