* { padding: 0em; margin: 0em; }
body { background-color:#999999; padding: 35px 0px 35px 0px; }
body, input { font-size: 10pt; font-family: "georgia", "times new roman", serif; color: #333333; }
p { line-height: 1.5em; margin-bottom: 1.0em; text-align: justify; }
a { color: #B96D00; text-decoration: underline; }
a:hover { text-decoration: none; }
h3 span { font-weight: normal; }

h3 { font-size: 1.1em; padding-right: 34px; margin:6px 0; }
h4 { font-size: 1.2em; padding-right: 28px; }
.contentarea { padding-top: 1.3em; }
img.left { position: relative; float: left; margin: 0em 1.8em 1.4em 0em; }
img.right { position: relative; float: right; margin: 0em 0em 1.8em 1.8em; }
.imgFloatLeft {float:left; margin:0 12px 0 0; }
.imgFloatRight {float:right; margin:0 0 0 12px; }
.post .details { position: relative; top: -1.5em; font-size: 0.8em; color: #787878; }
.post ul.controls { clear: both; }
.post ul.controls li { display: inline; font-size: 0.8em; }
.post ul.controls li a { background-repeat: no-repeat; background-position: left; padding: 0em 1.0em 0em 20px; }
.post ul.controls li a.printerfriendly { background-image: url('images2/icon-printerfriendly.gif'); }
.post ul.controls li a.comments { background-image: url('images2/icon-comments.gif'); }
.post ul.controls li a.more { background-image: url('images2/icon-more.gif'); }
ul.linklist { list-style: none; }
ul.linklist li { line-height: 2.0em; }
#upbg { position: absolute; top: 0px; left: 0px; width: 100%; height: 275px; background-color:#999999; z-index: 1; }
#outer { z-index: 2; position: relative; /*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 700px; border: solid 1px #323E20; background-color: #fff; margin: 0 auto; }
#header { position: relative; width: 100%; background: #5a5a5a; }
#headercontent { position: absolute; bottom: -56px; padding: 0em 2.0em 1.3em 2.0em; left: 274px; }
#headercontent h1 { font-weight: normal; color: #fff; font-size: 2.5em; }
#headercontent h1 sup { color: #777; }
#headercontent h2 { font-size: 1.0em; font-weight: normal; color: #aaa; }
#menu { position: relative; background: url('images2/menubg.jpg') repeat-x top left; height: 20px; padding: 0em 1.0em 0em 1.0em; }
#menu ul { position: absolute; top: 2px; }
#menu ul li { position: relative; display: inline; left:50px; }
#menu ul li a { padding: .5em 1.0em 0.9em 1.0em; color: black; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#menu ul li a:hover { text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #FE3D00; }
#menu ul li a.active { text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #FE3D00; }
#content { padding: 0em 2.0em 0em 2.0em; }
#primarycontainer { float: left; margin-right: -18.0em; width: 100%; }
#primarycontent { margin: 1.5em 22.0em 0em 0em; }
#secondarycontent { margin-top: 1.5em; float: right; width: 18.0em; }
#footer { position: relative; height: 2.0em; clear: both; padding-top: 5.0em; background: #fff url('images2/border2.gif') repeat-x 0em 2.5em; font-size: 0.8em; }
#footer .left { position: absolute; left: 191px; bottom: 1.2em; z-index: 10; }
#footer .right { position: absolute; right: 2.0em; bottom: 1.2em; }
pre { padding:10px; border: 1px dotted #eee; background-color:#f9f9f9; }
#photodiv { background-repeat: no-repeat; }
#aboutBLOCK { padding-left:40px; }
#serviceIMG ul { list-style:none }
#servieIMG { display:inline }
/* PHOTO GALLERY */
#pg { border:2px dotted #666; padding:5px; padding-top:15px; }
#pg ul { list-style:none; left: 10px; padding:0; margin:0; position:relative; float:left; }
#pg ul li { display:inline; float:left; margin:0 0 8px 8px; }
#pg ul li a { display:block; width:90px; height:90px; text-decoration:none; border:1px solid #000; }
#pg ul li a img { display:block; width:90px; height:90px; border:0; }
#pg ul li a:hover { white-space:normal; border-color:#336600; background-color:#323E20; }
#pg ul li a:hover img { z-index:2; position:absolute; left: 40px; top:100px; width:530px; height: 300px; border:1px solid #000; }
#pg ul li a span { display:none }
#pg ul li a:hover span { z-index:2; display:block; position:absolute; left:40px; top:420px; width:530px; height:auto; font-size:12px; color: black; }
#GREENBLOCK { z-index:1; position:absolute; display:block; left: 84px; top:307px; width:530px; height: 300px; border:1px solid #000; background-color:#323E20; }
.style1 { color: #FFFFFF; text-align:center }
#style { text-align:center; }
.service { padding:40px; line-height:25px; }
#serviceIMG { position:relative; top:50px; left:50px; list-style:none; }
#movie { position:relative; float:right; left:100px; }
/* PHOTO GALLERY FOR INDIVID PROJECT PAGES*/
#pgTWO ul { list-style:none; left: 60px; padding:0; margin:0; position:relative; float:left; }
#pgTWO ul li { display:inline; float:left; margin:0 0 40px 40px; }
#pgTWO ul li a { display:block; width:120px; height:120px; text-decoration:none; border:1px solid #000; }
#pgTWO ul li a img { display:block; width:120px; height:120px; border:0; }
#pgTWO ul li a:hover { white-space:normal; border-color:#336600; background-color:#323E20; }
#pgTWO ul li a:hover img { position:absolute; left: 40px; top:-100px; width:auto; height: auto; border:1px solid #000; }
#pgTWO ul li a span { display:none }
#pgWATER ul { list-style:none; left: 135px; padding:0; margin:0; position:relative; float:left; }
#pgWATER ul li { display:inline; float:left; margin:0 0 40px 40px; }
#pgWATER ul li a { display:block; width:120px; height:120px; text-decoration:none; border:1px solid #000; }
#pgWATER ul li a img { display:block; width:120px; height:120px; border:0; }
#pgWATER ul li a:hover { white-space:normal; border-color:#336600; background-color:#323E20; }
#pgWATER ul li a:hover img { position:absolute; left: 40px; top:-100px; width:auto; height: auto; border:1px solid #000; }
#pgWATER ul li a span { display:none }
/* added 2009-07-21 */
.center { text-align:center; }
.imgBorder { border:1px solid #000; }
form fieldset { border:none; }
h1 { position:absolute; left:-9999px; }
div.service ul { list-style:none; }
div.service ul li { font-size: 1.2em; }
ol { margin-left:40px; }
ol li { padding:2px; }
.brookfield_button { width:200px; height:50px; display:block; text-indent:-9999px; background:url(/images/brookfield_button.png) top no-repeat; margin-right:12px; float:left; }
.brookfield_button a:link { background-position:top; }
.brookfield_button a:visited { background-position:top; }
.brookfield_button a:hover { background-position:bottom; }
.brookfield_button a:active { background-position:bottom; }