body {
  	padding: 0;
  	margin: 0;
  	width: 100%;
  	height: 100%;
  	font-family:arial century gothic, "lucida console", sans-serif;
         font-size:8pt;
	color:#404040;
	line-height:14pt;
	}

a {color:#ee9523;text-decoration:none;}
a:hover {text-decoration:underline;}

a img {border:0px; text-decoration:none;}


div#mainBodyContainer {
  	position:relative;
  	margin-left:auto;
  	margin-right:auto;
  	top:85px;
  	width:900px;
  	border:0px solid #aaa;
  	}

div#header {
  	width:900px;
  	height:118px;
  	}


img#titleLogo {
  	position:absolute;
  	top:-32px;
  	left:-4px;
	}



ul#navMain {
  	position:absolute;
  	margin: 0px;
  	padding: 0px;
  	list-style: none;
  	width: 238px;
  	height:22px;

  	right:-4px;
  	top:-15px;
  	border:0px solid #f00;
  	}


ul li a.navMainLink {
  	position:absolute;
  	display:block;
  	text-decoration:none;
  	height:22px;
  	border:0px solid #000;
	top:0px;
  	background-image: url('../images/nav/MainNavRev1.png');
	z-index:500;
  	}



ul li a#navProjects:hover {
  	background-position: 238px 44px;
  	}
ul li a#navProjects {
  	width:67px;
  	left:0px;

  	background-position: 238px 0px;
  	}


ul li a#navFirm:hover {
  	background-position: 171px 44px;
  	}
ul li a#navFirm {
  	width:52px;
  	background-position: 171px 0px;
	left:67px;
  	}



ul li a#navClients:hover {
  	background-position: 119px 44px;
  	}
ul li a#navClients {
  	width:68px;
  	left:119px;
  	background-position: 119px 0px;
  	}

ul li a#navNews:hover {
	background-position: 51px 22px;
 	}
ul li a#navNews {
	width:51px;
	left:187px;
	background-position: 51px 22px;
 	}





ul#subNavWork{
	position:absolute;
	height:18px;
	width:441px;
	margin:0;
  	padding-left: 0px;
	padding-right: 0px;
  	list-style: none;
	right:-4px;
	top:12px;
	border:0px solid #f00;
         display:none;
	}


ul li a.subNavWorkLink {
	background-image: url('../images/nav/WorkSubNavRev1.png');
	position:absolute;
	top:0px;
	height:18px;
	z-index:200;
	}

ul li a#subNavPL {
	width:82px;
	left:0px;
	background-position:441px 0px;
	}
ul li a#subNavAL {
	width:107px;
	left:82px;
	background-position:359px 0px;
	}
ul li a#subNavResidential {
	width:60px;
	left:189px;
	background-position:252px 0px;
	}
ul li a#subNavEdu {
	width:36px;
	left:249px;
	background-position:192px 0px;
	}
ul li a#subNavMunicipal {
	width:61px;
	left:285px;
	background-position:156px 0px;
	}
ul li a#subNavMuseums {
	width:51px;
	left:344px;
	background-position:97px 0px;
	}
ul li a#subNavPlanning {
	width:44px;
	left:397px;
	background-position:44px 0px;
	}



ul li a#subNavPL:hover {
	width:82px;
	left:0px;
	background-position:441px 54px;
	}
ul li a#subNavAL:hover {
	width:107px;
	left:82px;
	background-position:359px 54px;
	}
ul li a#subNavResidential:hover {
	width:60px;
	left:189px;
	background-position:252px 54px;
	}
ul li a#subNavEdu:hover {
	width:36px;
	left:249px;
	background-position:192px 54px;
	}
ul li a#subNavMunicipal:hover {
	width:61px;
	left:285px;
	background-position:156px 54px;
	}
ul li a#subNavMuseums:hover {
	width:51px;
	left:344px;
	background-position:97px 54px;
	}
ul li a#subNavPlanning:hover {
	width:44px;
	left:397px;
	background-position:44px 54px;
	}










ul {

	list-style: none;
	margin: 0;
  	padding: 4px;
	font-size:8pt;
	font-family:arial, Century Gothic;
	color:#404040;

	}






ul.ddList li:hover {
         color:#ee9523;
	text-decoration:underline;
	cursor:pointer;

	}

ul.ddList {
         top:18px;
         padding-top:5px;
         line-height:14px;
	}


ul.ddList li {

	margin-bottom: 7px;
         margin-left: 17px;
	text-indent:-17px;

	}



#subNavPlanningElementList li {

	margin-bottom: 7px;
         margin-right: 0px;
	text-indent:17px;

	}





#subNavPLElementList {
         z-index:500;
	position:absolute;
	left:5px;
	width:150px;
	border-left:1px solid #999;
         display:none;
	}

#subNavALElementList {
         z-index:500;
	position:absolute;
	left:90px;
	width:150px;
	border-left:1px solid #999;
         display:none;
	}

#subNavResidentialElementList {
         z-index:500;
	position:absolute;
	left:198px;
	width:150px;
	border-left:1px solid #999;
         display:none;
	}
#subNavEduElementList {
         z-index:500;
	position:absolute;
	left:258px;
	width:150px;
	border-left:1px solid #999;
         display:none;
	}
#subNavMunicipalElementList {
         z-index:500;
	position:absolute;
	left:293px;
	width:150px;
	border-left:1px solid #999;
         display:none;
	}
#subNavMuseumsElementList {
	text-align:left;
         z-index:500;
	position:absolute;
	left:354px;
	width:150px;
	border-left:1px solid #999;
         display:none;
	}
#subNavPlanningElementList {
         text-align:right;
	z-index:500;
	position:absolute;
	right:5px;
         width:150px;
	border-right:1px solid #999;
         display:none;


	}












#slideshow {
	width: 900px;
         height: 447px;
         position: absolute;
         top: 30px;
         left:0px;
	display:block;
	}

div.imageCenter {
  	width:900px;
	height:447px;
	margin-top:0px;
	position:absolute;
	margin-left:0px;
         border:0px solid #f0f;


	}


#slideshowr {
         width: 670px;
         height: 447px;
         position: absolute;
         top: 30px;
         left:0px;
         display:block;

         }
div.imageCenterr {
         width:670px;
         height:447px;
         margin-top:0px;
         position:absolute;
         margin-left:0px;
         border:0px solid #f0f;
	}




#imageNavContainer {
         width: 900px;
	height: 90px;
	position: absolute;
	top:537px;
	border-top:1px solid #999999;
         border-bottom:0px solid #f00;

	padding-top:10px;
	}










#fadeContentContainer {
         position:absolute;
	top:77px;
	border-top:2px solid #999999;
         width:900px;
	height:477;
	z-index:300;
	}











#newsContentPane {
	border-left:0px solid #00f;
         position:absolute;
         right:0px;
         top:29px;
	width:670px;
	height:550px;
	}



#scrollPane {
	width:670px;
	height:550px;
         border:0px solid #f0a;

	}


.newText {
	position:relative;
         left:10px;
	top:0px;
	width:420px;
	}

#leed {
         position:absolute;
         top:10px;
	right:0px;
         border:0px solid #f00;

	}

.story {
         position:relative;
         right:10px;
	top:0px;
         padding-bottom:90px;
	width:650px;
         border-top:1px solid #999;
	}
#story1 {
         position:relative;
         right:10px;
	top:23px;

	width:650px;
         border-top:1px solid #999;
	}




.newsText {
         position:absolute;
	width:430px;
	font-family:arial, Century Gothic;
	font-size:9pt;
         left:0px;
	top:0px;
	}




.newsImg {
         position:absolute;
	right:0px;
	top:10px;



	}


h2.newsTitle {
         position:absolute;
	left:10px;
	top:-37px;
	font-size:14pt;
	color:#666666;
	font-weight:400;
         font-family:century Gothic
	}
h3.newsDate {
	position:absolute;
	right:0px;
	top:-30px;
	font-size:9pt;
	color:#666666 	;
	font-weight:400;
	}



.jScrollPaneTrack {
         background-image:url('../images/lineSide.png');
         background-repeat:repeat-y;
	}
.jScrollPaneDrag {
         background-color:#999;
	}


#storyLinkContainer {
         width:210px;
         border-right:0px solid #00f;
	}



#storyList{
         list-style:none;
         text-align:left;
         margin-top:0px;
         font-size:9pt;
	}
.storyElement {
         margin-top:1px;
         text-align:left;
         margin-left:0px;
	}
.storyElement2 {
         font-size:9pt;
	text-align:left;
	color:#bbb;
         width:200px;
	height:15px;
         margin-left:0px;
	margin-top:23px;
	margin-bottom:4px;
	border-bottom:0px solid #ccc;
	text-transform: uppercase;
	}

a.storyToScroll, a.storyToScrollExternal {
         font-size:9pt;
	color:#404040;
	text-decoration:none;

	}
a.storyToScroll:hover, a.storyToScrollExternal:hover {
         color:#ee9523;
         text-decoration:underline;

	}