@charset "iso-8859-1";
BODY
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
    BACKGROUND-COLOR: #666666;
    
    scrollbar-face-color:#666666;
	scrollbar-shadow-color: #a0a0a0;
	scrollbar-highlight-color: #a0a0a0;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-track-color: #737373;
	scrollbar-arrow-color: #a0a0a0;
}
H1
{	font-weight: normal;
}
TBODY
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
}

IMG
{
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;

}
IMG.scroll
{	
	border: 1px #777777 solid;
}
IMG.scrolly
{
	border-color: red;
}
.scroll
{
	background-color: #464646;

}
.scrolldown
{
    FONT-SIZE: 9px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
    BACKGROUND-COLOR: #3A3A3A

}
.info
{
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
    BACKGROUND-COLOR: #5C828D
}
.tdlogo
{
    BACKGROUND-COLOR: #666666;
}
.tdroll
{
    BACKGROUND-COLOR: #666666;
}
.td1
{
    BACKGROUND-COLOR: #3A3A3A;
	FONT-SIZE: 18px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.tdconstdwgs
{
    BACKGROUND-COLOR: #3A3A3A;
}
.td2
{
	BACKGROUND-IMAGE: url('layout images/background layout 1.gif');
	background-repeat: no-repeat;
	background-position: top;
	
}
.td2index
{
	BACKGROUND-IMAGE: url('layout images/background layout 1a.gif');
	background-repeat: no-repeat;
	background-position: top;
	
}
.td2a
{
	BACKGROUND-COLOR: #666666;
	FONT-SIZE: 18px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;

}
.td3
{
    BACKGROUND-COLOR: #3A3A3A;
	FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
}
.td4
{
    BACKGROUND-COLOR: #666666;
	BACKGROUND-IMAGE: url('layout images/background layout 1.gif');
	background-repeat: no-repeat;
	background-position: right;
	FONT-SIZE: 9px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: justify;
	width: 240;
	padding: 3px;
	
}
.tdportfolio
{
    BACKGROUND-COLOR: #666666;
	BACKGROUND-IMAGE: url('layout images/background layout 1.gif');
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;

	padding: 0px;
}
.portfolio
{
	FONT-SIZE: 30px;
	COLOR: #AAAAAA;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: right;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	font-weight: 500;
	letter-spacing: 2;
	word-spacing: 2;
}
.portfolioType
{
	FONT-SIZE: 12px;
	COLOR: #aaaaaa;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: left;
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 3px;
	margin-left: 10px;
	letter-spacing: 2;
	word-spacing: 2;
	font-weight: 600;
}
a:link.portfolioType	{ color: #aaaaaa; text-decoration: underline}
a:active.portfolioType	{ color: #aaaaaa; text-decoration: underline}
a:visited.portfolioType	{ color: #aaaaaa; text-decoration: underline}
a:hover.portfolioType   { color: #ffffff; text-decoration: underline}

a:link.portfolio	{ color: #aaaaaa; text-decoration: none}
a:active.portfolio	{ color: #aaaaaa; text-decoration: none}
a:visited.portfolio	{ color: #aaaaaa; text-decoration: none}
a:hover.portfolio   { color: #ffffff; text-decoration: underline}
.td4a
{

	BACKGROUND-IMAGE: url('layout images/background layout 1a.gif');
	background-repeat: no-repeat;
	background-position: right;
	FONT-SIZE: 9px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: justify;
	padding: 0px;
	
}
.td4b
{
    BACKGROUND-COLOR: #666666;
	FONT-SIZE: 12px;
	COLOR: #AAAAAA;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: left;
	padding: 3px;
	letter-spacing: 2;
	word-spacing: 1;
}
.td4c
{
    BACKGROUND-COLOR: #666666;
	FONT-SIZE: 16px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: left;
	padding: 3px;
	letter-spacing: 3;
	word-spacing: 2;
}
/*MENU & SUBMENU*/
a:link.tlink { color: #DDDDDD; text-decoration: none;}
a:visited.tlink { color: #dddddd; text-decoration: none;}
a:hover.tlink { color: #FFFFFF; text-decoration: underline; font-weight: 900;}

a:link.submenulink { color: #DDDDDD; text-decoration: none; padding: 5px;}
a:visited.submenulink { color: #dddddd; text-decoration: none; padding: 5px;}
a:active.submenulink { color: #dddddd; text-decoration: none; padding: 5px;}
a:hover.submenulink { color: #FFFFFF; background-color: #666666; padding: 5px;}
.menu-a
{
    BACKGROUND-COLOR: #666666;
	BACKGROUND-IMAGE: url('layout images/background layout 2.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	margin-left: 15pt;
	letter-spacing: 3;
	word-spacing: 3;
	padding-left: 5px;
	line-height: 200%;
}
.menu-b
{
    BACKGROUND-COLOR: #666666;
	FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	margin-left: 15pt;
	letter-spacing: 3;
	word-spacing: 3;
	padding-left: 5px;
	line-height: 200%;
}
.submenu
{
    BACKGROUND-COLOR: #3A3A3A;
	FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	letter-spacing: 4;
	word-spacing: 4;
	padding-left: 55px;
}
.submenu1
{
    BACKGROUND-COLOR: #3a3a3a;
	FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	letter-spacing: 2;
	word-spacing: 1;
	padding-right: 10px;
	margin-left: 5px;
	margin-right: 0px;
}
#describe
{
	width: 750px;
	height: 16px;
	margin: 0px;
	padding-bottom: 1px;
	padding-top: 1px;
}

#dropmenudiv{
position: absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:24px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #666666;
}
.company1
{
    BACKGROUND-COLOR: #3A3A3A;
	FONT-SIZE: 16px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	padding-left: 55px;
	padding-right: 10px;
	letter-spacing: 9;
	word-spacing: 9;
	font-weight: bold;

}
.company2
{
    BACKGROUND-COLOR: #3A3A3A;
	FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	padding-left: 55px;
	margin-top: -15px;
	margin-bottom: 5px;
	letter-spacing: 11;
	word-spacing: 1;
}
.ptitle1
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 2px;
	background-color: #666666;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 2;
	word-spacing: 2;
}
.ptitle2
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 11px;
	color: #99ccff;
	text-align: center;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 900;
	letter-spacing: 1;
	word-spacing: 1;
}
.plocation
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:9px;
	color:#c0c0c0;
	background-color: #565656;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 1;
	word-spacing: 1;
}

.line { font-family:Verdana, Helvetica; font-size:9px; color:#99ccff; margin: 0px;}
.red 
{ 
	font-size: 16px;
	color: red;
	font-weight: bold;
}

.copy
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:11px;
	color:#c0c0c0;
	text-align: justify;
	margin-left: 10px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 9px;
}

a.copya			 {FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;}
a:link.copya       { color: #99ccff; text-decoration: none}
a:visited.copya    { color: #99ccff; text-decoration: none}
a:active.copya     { color: #99ccff; text-decoration: none}
a:hover.copya      { color: #FFFFFF; text-decoration: underline}


/*PORTFOLIO PROJECT INFO*/
.pcopy
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:11px;
	color:#c0c0c0;
	text-align: justify;
	margin-left: 10px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 12px
}

.pcopyOn
{
	color:#FFFFCC;
	text-align: left;
	border-left: 12px solid red;
	padding-left: 5px;
}
.pcopyOff
{
	color:#99ccff;
	text-align: left;
}
.pcopytitle
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:10px;
	color:#c0c0c0;
	text-align: left;
	margin-left: 10px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-decoration: underline;
	letter-spacing: 2;
	word-spacing: 2;
}
.pcopycaption
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:9px;
	color:#c0c0c0;
	text-align: center;
	margin-left: 10px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-style: italic;
}
.pcopyhighlight
{
	color:#FFFFCC;
}

ul.pcopylist
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:11px;
	color:#c0c0c0;
	text-align: justify;
	margin-left: 25px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
	list-style-type: disc;
	padding:0;
}
li.pcopylist
{
	margin-bottom:8px;
	padding:0;
}

.pnow
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:11px;
	color:#c0c0c0;
	text-align: left;
	margin-left: 4px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px
}
.pnowtitle
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:11px;
	color:#c0c0c0;
	text-align: left;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight: bold;
}
.pnowsubtitle
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:11px;
	color:#c0c0c0;
	text-align: left;
	letter-spacing: 1;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 5px
}
img.pnow
{
	margin-left: 10px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 9px
}

.pnowOn
{
	color:#99ccff;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	border-left: 10px solid green;
}
.pnowOff
{
	color:#99ccff;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px
}

a.pnow
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	color:#aaaaaa;

}
a:link.pnow
{
	color: #99ccff;
	text-decoration: none;
	border-left: 11px solid red;
}
a:active.pnow
{
	color: #aaaaaa;
	text-decoration: none;
	border-left: 11px solid green;
}
a:visited.pnow
{
	color: #aaaaaa;
	text-decoration: none;
	border-left: 11px solid #aaaaaa;
}
a:hover.pnow
{
	color: #ffffff;
	text-decoration: underline;
	border-left: 11px solid white;
}

.picons
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 10px;
	text-align: left;
}
.picons1
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 10px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 5px;
	line-height: 140%;
}
.picons2
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 10px;
	text-align: center;
	margin: 3px;
}
.quote1
{
    BACKGROUND-COLOR: #666666;
	FONT-SIZE: 9px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: justify;
	width: 250;
	margin: 5px;
}

.hdates
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	height: 44px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
}
a.hdates:hover img
{
					border-right: 2px solid black;
					filter:alpha(Opacity=100);
					opacity:1;
					-moz-opacity:1;
					-khtml-opacity:1;
}
img.hdates
{
					padding-right: 0px;
					filter:alpha(Opacity=50);
					opacity:0.5;
					-moz-opacity:0.5;
					-khtml-opacity:0.5;
}

.tcell { font-family:Verdana, Helvetica; font-size:11px; color:#FFFFFF; background-color:#000000; }

a:link.portfolioProjects { color: #99ccff; font-size:11px; text-decoration:underline; font-family:Verdana, Helvetica; }
a:visited.portfolioProjects { color: #99ccff; font-size:11px; text-decoration:underline; font-family:Verdana, Helvetica; }
a:hover.portfolioProjects { color: #FFFFFF; font-size:11px; text-decoration:underline; font-family:Verdana, Helvetica; }

/*A			 {FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif; color:#aaaaaa}
a:link       { color: #aaaaaa; text-decoration: underline}
a:visited    { color: #aaaaaa; text-decoration: underline}
a:active     { color: #aaaaaa; text-decoration: underline}
a:hover      { color: #FFFFFF; text-decoration: underline}*/


a:link.picons       { color: #A1A1A1; text-decoration: underline}
a:active.picons       { color: #A1A1A1; text-decoration: underline}
a:visited.picons       { color: #A1A1A1; text-decoration: underline}
a:hover.picons      { color: #FFFFFF; text-decoration: underline}

.ptypesMenuOn
{		
					filter:alpha(Opacity=70);
					opacity:0.7;
					-moz-opacity:0.7;
					-khtml-opacity:0.7;
					background-color: #ffffff;
					font-weight: 900;
					font-size: 18px;
					border-left: 10px solid red;
					font-family: Tahoma, Arial;
}
.ptypesMenuOff
{
					filter:alpha(Opacity=50);
					opacity:0.50;
					-moz-opacity:0.50;
					-khtml-opacity:0.50;
					background-color: #ffffff;
					font-weight: 900;
					font-size: 18px;
					font-family: Tahoma, Arial;
}

a:link.ptypes
{
					color: #000000;
					text-decoration: none;
					margin-left: 10px;
}
a:hover.ptypes
{
					color: #000000;
					text-decoration: none;
					margin-left: 10px;
}
a:active.ptypes
{
					color: #000000;
					text-decoration: none;
					margin-left: 10px;
}
a:visited.ptypes
{
					color: #000000;
					text-decoration: none;
					margin-left: 10px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadow{
border:0px solid silver;
font:10pt arial;
position:relative;
display:inline;

z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}
.tablex
{
    BACKGROUND-IMAGE: url('layout images/Feature CD Rosenberger 2.jpg');
	BACKGROUND-COLOR: #666666;
	FONT-SIZE: 18px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;

}
#introback
{
  BACKGROUND-IMAGE: url('layout images/Feature CD Rosenberger 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#portfolioback
{
  BACKGROUND-IMAGE: url('layout images/Feature HNB Springhouse 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#generationback
{
  BACKGROUND-IMAGE: url('layout images/Feature CD Rosenberger 2.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#professionback
{
  BACKGROUND-IMAGE: url('layout images/Feature SMH Chapel 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#companyback
{
  BACKGROUND-IMAGE: url('layout images/Feature ETG SNF 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#educationback
{
  BACKGROUND-IMAGE: url('layout images/Feature CD Rosenberger 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#churchback
{
  BACKGROUND-IMAGE: url('layout images/Feature Church of the Messiah 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#longtermback
{
  BACKGROUND-IMAGE: url('layout images/Feature ETG SNF 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#financialback
{
  BACKGROUND-IMAGE: url('layout images/Feature Merck FCU 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#healthcareback
{
  BACKGROUND-IMAGE: url('layout images/Feature Harleysville Chiropractic 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#municipalback
{
  BACKGROUND-IMAGE: url('layout images/Feature Perkiomen Township Bldg 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px;
}
#residentialback
{
  BACKGROUND-IMAGE: url('layout images/Feature Durham County Residence 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
#nowback
{
  BACKGROUND-IMAGE: url('now/02028 002 07.10.07 006.jpg');
  background-repeat: no-repeat;
  background-position: 0px 171px
}
#contactback
{
  BACKGROUND-IMAGE: url('layout images/Contact LA Office 03.jpg');
  background-repeat: no-repeat;
  background-position: 0px 171px
}
#sustainableback
{
  BACKGROUND-IMAGE: url('layout images/Feature CD Rosenberger 1.jpg');
  background-repeat: no-repeat;
  background-position: 0px 171px
}
#peopleback
{
  BACKGROUND-IMAGE: url('layout images/People CD Rosenberger 03.jpg');
  background-repeat: no-repeat;
  background-position: 0px 169px
}
a#front:hover img	{border-top:10px solid red;}
a#roll:hover img	{filter: alpha(Opacity=40);
				opacity:0.4;
				-moz-opacity:0.4;
				-khtml-opacity:0.4;
				border-left: 10px solid #FF290d;}
a#roll1:hover img	{filter: alpha(Opacity=40);
				opacity:0.4;
				-moz-opacity:0.4;
				-khtml-opacity:0.4;}
				
.hiddenPic {display:none;}

a.rollConstruction:link
{
				background-color: #3a3a3a;
				padding: 2px;
				margin: 0px;
				border-left: 0px solid black;
				line-height: 18px;
    			FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
				font-size: 9px;
				letter-spacing: -1;
				word-spacing: 0;
				text-decoration: none;
}
a.rollConstruction:hover
{
				background-color: #ffffff;
				color: #000000;
				padding: 2px;
				margin: 0px;
				border-left: 0px solid black;
				text-decoration: none;

}
.tdrollConstruction
{
	BACKGROUND-IMAGE: url('layout images/background layout 1.gif');
	background-repeat: no-repeat;
	background-position: top;
	
}			
.hiddenPic {display:none;}
#divCaption	{	display: block;
	position: relative;
	z-index: +50;
	left:0px;}
.copyright
{
    BACKGROUND-COLOR: #666666;
	FONT-SIZE: 9px;
	COLOR: #939393;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: center;
	margin-top: 5px;
	width: 969;
	border-top: 1px solid gray;
	line-height: 150%;

}

/*Post-It Text Overlay*/
.note
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	padding-top: 5px;
	list-style: square outside;
	MARGIN-LEFT: 20PX;
}
.noteGreen
{
	FONT-FAMILY: courier, monospace;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	padding-top: 5px;
	list-style: square outside;
	MARGIN-LEFT: 20PX;
}
.note1
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	padding-top: 0px;
	margin-top: 5px;
}
.tdawards
{
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 430;
}
.tdConstPhoto
{
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 430;
}
.tdhistory
{
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.noteAwards
{
	BACKGROUND-COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	padding: 10px;
	padding-top: 12px;
	list-style: square outside;
	margin: 0px;
	line-height: 150%;
}
A.note { text-decoration: none; }
.notebodyG
{
	display: block;
	background: #008000;
	position: absolute;
	z-index: +50;
	width: 220px;
	padding: 10px;
	left: 362px;
	top: -420px;
	filter: alpha(Opacity=80);
				opacity:0.8;
				-moz-opacity:0.8;
				-khtml-opacity:0.8;
}
.notebodyI
{
	display: block;
	background: #666666;
	position: absolute;
	z-index: +50;
	width: 220px;
	padding: 10px;
	left: 362px;
	top: -420px;
	filter: alpha(Opacity=80);
				opacity:0.8;
				-moz-opacity:0.8;
				-khtml-opacity:0.8;
}
.notebodyA
{
	display: block;
	background: #666666;
	position: absolute;
	z-index: +50;
	padding: 10px;
	left: 362px;
	top: -420px;
	filter: alpha(Opacity=80);
				opacity:0.8;
				-moz-opacity:0.8;
				-khtml-opacity:0.8;
}
.notebodyGA
{
	display: block;
	background: #008000;
	position: absolute;
	z-index: +50;
	width: 350px;
	padding: 10px;
	left: 250px;
	top: -300px;
	filter: alpha(Opacity=80);
				opacity:0.8;
				-moz-opacity:0.8;
				-khtml-opacity:0.8;
}
.sustainableBody
{
	display: block;
	background: #008000;
	position: absolute;
	z-index: +50;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	left: 20px;
	top: -100px;
	filter: alpha(Opacity=80);
				opacity:0.8;
				-moz-opacity:0.8;
				-khtml-opacity:0.8;
}
.sustainableNote 
{
	FONT-FAMILY: courier, monospace;
	font-weight: 500;
	color: #ffffff;
	width: 555px;
	margin: 0px; 
	font-size: 12px;
}
.notebodyAwards
{
	display: block;
	position: absolute;
	z-index: +50;
	width: 614px;
	padding: 0px;
	left: 0px;
	top: 0px;
}
.notetitle 
{
	font-weight: 900;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	width: 100%;
	margin: 0px; 
	font-size: 12px;
}
.noteTitleGreen
{
	FONT-FAMILY: courier, monospace;
	font-weight: 900;
	color: #ffffff;
	border-bottom: 1px dashed #ffffff;
	padding-bottom: 5px;
	width: 100%;
	margin: 0px; 
	font-size: 12px;
}
.notetitleA 
{
	font-weight: 900;
	color: #ffffff;
	border-bottom: 1px dashed #ffffff;
	padding-bottom: 5px;
	width: 220px;
	margin: 0px; 
	font-size: 12px;
}
.notehidden { display: none; }
.notevisible
{
	display: block;
	position: relative;
	z-index: +100;
	left:0px;
}
/*Post-It Text Overlay - NOW - ON THE BOARDS & IN THE DIRT*/
.noteNow
{
	BACKGROUND-COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	padding: 0px;
	padding-top: 6px;
	list-style: square outside;
	margin: 0px;
	line-height: 132%;
}
.notebodyNow
{
	display: block;
	position: absolute;
	z-index: +50;
	width: 614px;
	padding: 0px;
	left: 0px;
	top: 0px;
}
/*Post-It Text Overlay -PORTFOLIO PICTURE CAPTIONS*/
.captionbody
{
	display: block;
	background: #000000;
	position: absolute;
	z-index: +50;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	left: 10px;
	top: -35px;
	filter: alpha(Opacity=70);
				opacity:0.7;
				-moz-opacity:0.7;
				-khtml-opacity:0.7;
}
.captiontitle 
{
	font-weight: 900;
	color: #ffffff;
	width: 575px;
	margin: 0px; 
	font-size: 12px;
}
/*Post-It Text Overlay -ON THE BOARDS & IN THE DIRT*/
.noteCurrent
{
	BACKGROUND-COLOR: #3a3a3a;
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font: 18px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	padding: 10px;
	list-style: square outside;
	margin: 0px;
	line-height: 150%;
}
.notetitleCurrent 
{
	font-weight: 900;
	color: #ffffff;
	border-bottom: 1px dashed #ffffff;
	padding-bottom: 5px;
	width: 100%;
	margin: 0px; 
	font-size: 12px;
}
.notebodyCurrent
{
	display: block;
	position: absolute;
	z-index: +50;
	width: 914px;
	padding: 0px;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=50);
				opacity:0.5;
				-moz-opacity:0.5;
				-khtml-opacity:0.5;
}
.notebodyslides
{
	display: block;
	background: #3a3a3a;
	position: absolute;
	z-index: +50;
	width: 614px;
	padding: 0px;
	left: 0px;
	top: -434px;
}
.notebodydirt
{
	display: block;
	position: absolute;
	z-index: +50;
	width: 614px;
	padding: 0px;
	left: 0px;
	top: -434px;
}
.awardsquote
{
    display: block;
	BACKGROUND-COLOR: #ffffff;
	FONT-SIZE: 18px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: justify;
	vertical-align: bottom;
	width: 400;
	margin: 75px;
	padding: 20px;
	z-index: 0;
	filter: alpha(Opacity=50);
				opacity:0.5;
				-moz-opacity:0.5;
				-khtml-opacity:0.5;
}
.smallnotes
{

	FONT-SIZE: 9px;
	COLOR: gray;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	margin-left: 10px;
}
.smallnotes2
{

	FONT-SIZE: 9px;
	COLOR: gray;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
}
.contactAddress
{

	FONT-SIZE: 11px;
	COLOR: #aaaaaa;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	margin-left: 10px;
}
.mapoff
{
	font-size: 11px;
	color: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	BACKGROUND-COLOR: #666666;
	padding: 5px;
	margin: 5px;
	text-align: center;
	width: 50px;
	border-right: 2px solid #212121;
	border-bottom: 2px solid #212121;
}
.mapon
{
 	font-size: 11px;
	color: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	BACKGROUND-COLOR: #ffffff;
	padding: 5px;
	margin: 5px;
	text-align: center;
	width: 50px;
	border-right: 2px solid #212121;
	border-bottom: 2px solid #212121;
	text-decoration: underline;
}
.constdwgTitle
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	background-color: #3a3a3a;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 2;
	word-spacing: 2;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
}
.slideshow
{
	display: block;
	position: relative;
	z-index: 0;
	left:0px;
}
.playbutton
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:17px;
	color:#c0c0c0;
	margin-left: 7px;
	margin-right: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.proposalTitle
{
    display: block;
	BACKGROUND-COLOR: #ffffff;
	FONT-SIZE: 20px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: center;
	vertical-align: bottom;
	width: 450;
	margin-top: 75px;
	padding: 20px;
	z-index: 0;
	filter: alpha(Opacity=50);
				opacity:0.5;
				-moz-opacity:0.5;
				-khtml-opacity:0.5;
	text-transform: uppercase;
	font-weight: 700;
}
.proposalLoad
{
    display: block;
	BACKGROUND-COLOR: #ffffff;
	FONT-SIZE: 14px;
	COLOR: #000000;
    FONT-FAMILY: courier, monospace;
	text-align: center;
	vertical-align: bottom;
	width: 450;
	margin: 0px;
	padding: 10px;
	z-index: 0;
	filter: alpha(Opacity=50);
				opacity:0.5;
				-moz-opacity:0.5;
				-khtml-opacity:0.5;
	text-transform: lowercase;
	font-weight: 600;
}
.proposalIntro
{
    display: block;
	BACKGROUND-COLOR: #ffffff;
	FONT-SIZE: 18px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	text-align: justify;
	vertical-align: middle;
	width: 500;
	margin: 50px;
	padding: 20px;
	z-index: 0;
	filter: alpha(Opacity=50);
				opacity:0.5;
				-moz-opacity:0.5;
				-khtml-opacity:0.5;
	font-weight: 700;
}
.peopleTitle1
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 2px;
	background-color: #666666;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	word-spacing: 0;
}
a.people:hover img
{
					margin: 9px;
					border-bottom: 10px solid red;
					padding-bottom: 0px;
					filter:alpha(Opacity=100);
					opacity:1;
					-moz-opacity:1;
					-khtml-opacity:1;
}
a.peopleOff:hover img
{
					margin: 9px;
					border-bottom: 10px solid red;
					filter:alpha(Opacity=100);
					opacity:1;
					-moz-opacity:1;
					-khtml-opacity:1;
}
img.people
{
					margin: 9px;
					border-bottom: 10px solid transparent;
					padding-bottom: 0px;
					filter:alpha(Opacity=100);
					opacity:1;
					-moz-opacity:1;
					-khtml-opacity:1;
}
img.peopleOff
{
					margin: 9px;
					border-bottom: 10px solid transparent;
					filter:alpha(Opacity=50);
					opacity:0.50;
					-moz-opacity:0.50;
					-khtml-opacity:0.50;
}
img.peopleOn
{
					margin: 9px;
					border-bottom: 10px solid red;
					filter:alpha(Opacity=100);
					opacity:1;
					-moz-opacity:1;
					-khtml-opacity:1;
}
.peopleContact
{
	FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;
	font-size:9px;
	color:#c0c0c0;
	text-align: left;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 1;
	word-spacing: 1;
	line-height: 150%;
	font-weight: bold;
}

a:link.peopleContact       { color: #99ccff; text-decoration: none}
a:visited.peopleContact    { color: #99ccff; text-decoration: none}
a:active.peopleContact     { color: #99ccff; text-decoration: none}
a:hover.peopleContact      { color: #FFFFFF; text-decoration: underline}

<!-- jquery-DD-Menu-Starts -->
ul {margin:0px;padding:0px;}

#jsddm
{ margin: 2px;
padding: 0px;
}

#jsddm li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial;
}

#jsddm li a
{ display: block;
background: white;
margin: 0 4px 0 4px;
padding: 0 0 0 0;
text-decoration: none;
width: 294px;
height: 85px;
font: 27px Tahoma, Arial;
letter-spacing: 5px;
word-spacing: 2px;
line-height:150%;
font-weight: 900;
text-align: center;
color: #000000;
filter:alpha(Opacity=40);
opacity:.4;
-moz-opacity:.4;
-khtml-opacity:.4;
white-space: nowrap;
border-bottom: 5px solid white;}

#jsddm li a:hover
{ background: #ffffff;
filter:alpha(Opacity=100);
opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
border-bottom: 5px solid red;
}

#jsddm li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
}

#jsddm li ul li
{ float: none;
display: inline;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#jsddm li ul li a
{ width:294px;
height:auto;
margin: 5px 0px 0 4px;
padding: 5px 0px 5px 0px;
text-indent: 20px;
border-bottom: 5px solid white;
text-align: left;
font: 12px Tahoma, Arial;
font-weight: 900;
letter-spacing: 2px;
word-spacing: 2px;
background: #ffffff;
color: #000000;
filter:alpha(Opacity=80);
opacity:.8;
-moz-opacity:.8;
-khtml-opacity:.8;
}

#jsddm li ul li a:hover
{ background: #FFFF99;
filter:alpha(Opacity=100);
opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
}