@charset "UTF-8";
/* CSS Document */

		body {
			background-color:#000;
			margin:0;
			padding:0;
			border:0;
			overflow:hidden;
			height:100%; 
			max-height:100%;
		}
		div.left, div.top {
			position:absolute;
			margin:0;
			overflow:hidden;
			border:0;
		}
		div.left {
			top:5px;
			left:5px;
			bottom:5px;
			width:315px;
			background-image:url(images/g-grad-bg.png);		
			background-position:top;
			background-repeat:repeat-x;
			background-color:#408b47;
		}
		div.top {
			top:5px;
			left:320px;
			height:185px;
			right:5px;
			background-image:url(images/b-grad-bg.png);
			background-position:left;
			background-repeat:repeat-y;
			background-color:#70daf2;
		}
		div.menu {
			position:absolute;
			top:204px;
			margin:37px 0 0 16px;
			z-index:2;
		}
		.nav {
			margin:0;
			border:0;
			overflow:hidden;
			white-space:nowrap;
		}
		.nav span {
			position:absolute;
			left:-9999px;
		}
		.nav div {
			margin: 0 0 4px 0;
		}
		.bannerhead {
			position:absolute;
			top:100px;
			left:308px;
		}
		.home {
			height:21px;
			width:62px;
			background:url(images/home-h.png) no-repeat;
		}
		.practice {
			height:21px;
			width:75px;
			background:url(images/practice-h.png) no-repeat;
		}
		.projects {
			height:21px;
			width:76px;
			background:url(images/projects-h.png) no-repeat;
		}
		.specs {
			height:21px;
			width:121px;
			background:url(images/specs-h.png) no-repeat;
		}
		#specnavshift {
			margin-top:-1px;
		}
		.ecoroofs {
			height:21px;
			width:81px;
			background:url(images/ecoroofs-h.png) no-repeat;
		}		
		.links {
			height:21px;
			width:51px;
			background:url(images/links-h.png) no-repeat;
		}
		.home a, .home a img {
			display:block;
			border:none;
			text-decoration:none;
		}
		.practice a, .practice a img {
			display:block;
			border:none;
			text-decoration:none;
		}
		.projects a, .projects a img {
			display:block;
			border:none;
			text-decoration:none;
		}
		.specs a, .specs a img {
			display:block;
			border:none;
			text-decoration:none;
		}
		.ecoroofs a, .ecoroofs a img {
			display:block;
			border:none;
			text-decoration:none;
		}		
		.links a, .links a img {
			display:block;
			border:none;
			text-decoration:none;
		}		
		.home a:hover img, .practice a:hover img, .projects a:hover img, .specs a:hover img, .ecoroofs a:hover img, .links a:hover img {
			visibility:hidden;
		}			
		div.content {
			position:fixed;
			margin:0;
			overflow:auto;
			border:0;
			top:190px;
			right:5px;
			bottom:5px;
			left:335px;
			color:#74b87c;
			z-index:1;
			background-color:#000000;
		}
		div.content div.inner {
			padding-top:22px;
		}
		.copy {
			margin:0 66px 0 25px;
			font-family:Skia, Trebuchet, Herculanum, Verdana, sans-serif;
			font-size:16px;
			line-height:22px;
		}
		#cv {
			margin:0 0 0 25px;
			font-family:Skia, Trebuchet, Herculanum, Verdana, sans-serif;
			font-size:16px;
			line-height:22px;
		}
		.htext {
			color:#000000;
			text-transform:uppercase;
			position:relative;
			top:-3px;
		}
		.copy .caption {
			font-family:Skia, "Trebuchet MS", Herculanum, Verdana, sans-serif;
			word-spacing:-.5pt;
			}
		.copy h2 {
			margin:0;
			padding:22px 0 0 0;
			font-weight:normal;
		}
		.copy h3 {
			margin:0 0 -22px 0;
			padding:0;
			font-family:optima, americana, copperplate, skia;
			font-weight:inherit;
			font-size:18px;
		}			
		.copy p {
			margin:11px 0 0 0;
		}
		.copy .block {
			width:auto;
			margin:-22px 66px 0 273px;
			font-family:Skia, "Trebuchet MS", Herculanum, Verdana, sans-serif;
			text-transform:none;
		}
		.copy .blockleft {
			margin-right:66px;
			font-family:Skia, "Trebuchet MS", Herculanum, Verdana, sans-serif;
			text-transform:none;
		}
		.copy .projblockleft {
			font-family:Skia, "Trebuchet MS", Herculanum, Verdana, sans-serif;
			text-transform:none;
		}
		.copy .blockexp {
			margin:22px 33px 0 36px;
			font-family:Skia, "Trebuchet MS", Herculanum, Verdana, sans-serif;
			text-transform:none;
		}
		.copy .desc {
			margin:1px 0 0 0;
		}
		.copy .projlist {
			margin:0;
			font-size:18px;
		}
		.copy .dpdesc {
			margin:2px 0 0 0;
		}
		.copy .exdesc {
			margin:3px 0 0 0;
		}
		.copy .blockfollow {
			font-family:optima, americana, copperplate, skia, "hypatia sans pro";
			text-transform:uppercase;
			font-weight:500;
			margin:22px 0 0 0;
		}
		.copy #cvhead {
			font-size:18px;
			letter-spacing:.1pc;
		}
		.hr, .linkshr, .practicehr, .serviceshr, .projecthr {
			border-top:#74b87c 2px solid;
			padding:0;
			height:1px;
			z-index:10;
		}
		.copy .hr {
			margin:8px 66px -18px 0;
		}
		.copy .linkshr {
			margin:8px 0px -18px 0;
		}
		.copy .practicehr {
			margin:-2px 0px -7px 0;
		}
		.copy .serviceshr {
			margin:-13px 0px -7px 0;
		}
		.copy .projecthr {
			margin:-2px 0px -17px 0;
		}
		.copy ul {
			margin:10px 0 0 0;
			padding:0 0 0 15px;
			list-style-type:square;
		}
		div.contact {
			text-align:right;
			position:static;
			color:#96e0a4;
			font-family:Skia, Trebuchet, Herculanum, Verdana, sans-serif;
			font-size:14px;
			line-height:1.6em;
			z-index:1;
		}
		div.contact a {
			color:#96e0a4;
			text-decoration:none;
		}
		.copy a {
			color:#9debab;
			text-decoration:none;
			border:none;
		}
		div.contact a:hover, .copy a:hover {
			text-decoration:underline;
		}
		div.contact a:active, .copy a:active {
			color:#bdf8c9;
		}
		.cvlink a:active {
			color:#bdf8c9;
		}
		.copy a:visited {
			color:#9debab;
		}
		.copy .cvlink a:visited {
			color:#9debab;
		}
		span.copyright {
			color:#6eb37b;
		}
		span.yellow {
			color:#FF0;
		}
		* html body { /*IE6 hack*/
			padding: 190px 5px 5px 320px;
		}
		* html .content { /*IE6 hack*/
			height: 100%; 
			width: 100%; 
		}
		* html .top { /*IE6 hack*/
			width: 100%;
		}
		* html a:hover {
			visibility:visible;
		}
		a.ergal1 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/structuraldecking-h.png) no-repeat 0 0;
		}		
		a.ergal2 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/waterproofing-h.png) no-repeat 0 0;
		}
		a.ergal3 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/membrane-h.png) no-repeat 0 0;
		}
		a.ergal4 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/pavers-h.png) no-repeat 0 0;
		}
		a.ergal5 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/draindetail-h.png) no-repeat 0 0;
		}
		a.ergal6 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/hoist-h.png) no-repeat 0 0;
		}			
		a.ergal7 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/teamwork-h.png) no-repeat 0 0;
		}
		a.ergal8 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/dirtspread-h.png) no-repeat 0 0;
		}
		a.ergal9 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/planting-h.png) no-repeat 0 0;
		}
		a.ergal10 {
            margin:0 4px 4px 0;
			display:block;			
			float:left;			
			height:135px;
			width:180px;
			background:url(images/spiralgarden-h.png) no-repeat 0 0;
		}
		a.ergal1, a.ergal2, a.ergal3, a.ergal4, a.ergal5, a.ergal6, a.ergal7, a.ergal8 , a.ergal8, a.ergal9, a.ergal10, {
			border:none;
			text-decoration:none;
		}
		a:hover.ergal1, a:hover.ergal2, a:hover.ergal3, a:hover.ergal4, a:hover.ergal5, a:hover.ergal6, a:hover.ergal7, a:hover.ergal8, a:hover.ergal9, a:hover.ergal10 {
			background-position: 0 -135px;
		}