body
{
font-family: "Lucida Grande", sans-serif;
font-size: small;
background-color:#234667;
background-image: url("img/backgroundrepeat.gif");
background-repeat: repeat-x-y;
height: 100%;
background-color: #white;
text-align:center;
}

#wrap
{
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
z-index:5;
}

#header
{
font-style: italic;

}

h1,h4,h5,h6 
{
font-style: normal;
font-size: 30px;
font-family: times, georgia, Times New Roman, Palatino Linotype, Book Antiqua, Palatino;
font-weight: 200;
background: url(img/50PW.png);
padding-bottom:2px;
color:#0066CC;
}

h2
{
font-style: normal;
font-size: 25px;
font-family: times, georgia, Times New Roman, Palatino Linotype, Book Antiqua, Palatino;
font-weight: 200;
color:#0066CC;
margin:0px;
padding:0px;

}

h3
{
font-style: normal;
font-size: 20px;
font-family: times, georgia, Times New Roman, Palatino Linotype, Book Antiqua, Palatino;
font-weight: 200;
color:#0066CC;
margin:5px;
margin-bottom:15px;
}


a.one
{
text-decoration: none;
color: #000000;
}
		
a.one:hover
{
color: #0066cc;
}

a.two
{
text-decoration: none;
color: #ffffff;
}
		
a.two:hover
{
color: #0066cc;
}

a.three
{
text-decoration: none;
color: #84ADDB;
}
		
a.three:hover
{
color: #ffffff;

}


a.five
{
color: #0066cc;
}
		
a.five:hover
{
color: #000000;
}

a.clearfive
{
text-decoration: none;
color: #0066cc;
}

a.clearfive:hover
{
color: #000000;
}

a.clearlink
{
text-decoration: none;
color: #000000;
}

a.clearlink:visited 
{
color: #000000;
}

a.clearlink img {
border: 0;
}		


a.clearlinkb
{
text-decoration: none;
color: #0066cc;
}

a.clearlinkb:visited 
{
color: #0066cc;
}

#clear
{
clear:both;
}


#right
{
float: right;
}

#logo
{
position:relative;
left:-90px;
top:-15px;
z-index:10;
margin-bottom:-225px;
}

#logo2
{
position:relative;
left:-10px;
top:-15px;
}

#smallimghold
{
float:right;
margin-right:-6px;
z-index:15;
}

#smallpics
{
float:left;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: black;
margin-right:6px;
z-index:15;
}

#pipe
{
clear:both;
position:relative;
left:-10px;
width:920px;
height:12px;
background-image: url("img/pipe.gif");
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: black;
color: #000000;
margin-bottom:12px;
padding:0px;
}

#middle
{
width:900px;
min-height:550px;
background-image: url("img/backgroundrepeat2.gif");
background-color: #ffffff;
background-repeat: repeat-x;
padding-top:12px;
margin-top:-18px;
padding-bottom:0px;
}


#icon
{
position:relative;
left:-60px;
bottom:-30px;
}



#pics
{
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: black;
}


#pimage
{
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: black;
}



#bold
{
font-style: normal;
font-size: 150%;
font-family: times, georgia, Times New Roman, Palatino Linotype, Book Antiqua, Palatino;
font-weight: 200;

}


#menuhold
{
float:left;
margin:0px;
padding:0px;
}

#clearlink
{
margin-left:30px;
}

#clearlink2
{
margin-left:25px;
}

#clearlink3
{
margin-left:27px;
padding-top:10px;
padding-bottom:10px;
}


#nav
{
width:160px;
list-style:none;
position:relative;
text-align:left;
left:-50px;
}

#nav li
{
padding-bottom:5px;
}

#nav a
{
display: block;
height:23px;
padding-top: 7px;
padding-left: 20px;
color: #ffffff;
text-decoration:none;
background: url(img/footer4.gif);
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: black;
}

#nav a:hover, 
body#home #t-home a,
body#buildingdrawings #t-buildingdrawings a,
body#homeextensions #t-homeextensions a, 
body#buildingpackages #t-buildingpackages a, 
body#portfolio #t-portfolio a, 
body#links #t-links a, 
body#contact #t-contact a, 
body#certificates #t-certificates a,
body#green #t-green a,
body#about #t-about a, 
body#vacancies #t-vacancies a,
body#energyperformance #t-energyperformance a
{
background: url(img/footer4blue.gif);
}



#bottle
{
clear: both;
width: 100%;
}

#text
{
background: url(img/50PW.png);
float:left;
width: 475px;
line-height: 125%;
min-height:510px;
margin-left:-40px;
margin-bottom: 12px;
padding:20px;
border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #C2D4EB;
}

#text2
{
background: url(img/50PW.png);
float:left;
width: 690px;
line-height: 125%;
min-height:510px;
margin-left:-40px;
margin-bottom: 12px;
padding:20px;
border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #C2D4EB;
}


#listspace
{
padding-bottom:10px;


}

#listleft
{
float:left;
padding-right:15px;
margin-left:-25px;

}

#listright
{
float:right;
position:relative;
right:50px;
padding:7px;
margin-top:10px;
text-align: right;
}

#listclean
{
float:left;
position:relative;
left:10px;
list-style-type: none;
float:left;
width:650px;
padding-top:10px;
padding-left:40px;
}

#listhold
{
position:relative;
top:-25px;
}

#projectboxholder
{
text-align: center;
width:720px;
margin-left:-8px;
margin-top:0px;
}

#projectbox
{
float:left;
background: #DAE5F3;
width:348px;
height:170px;
margin-right:10px;
margin-bottom:10px;
}

#portfolioimage
{
position:relative;
margin:0px;
padding:0px;
margin-top:-110px;

}

#portfoliotext
{
margin:0px;
margin-top:60px;
padding:0px;
}

#address
{
float:left;
font-size: 120%;
min-height:500px;
}

#sprout
{
float:right;
margin-right:9px;
margin-top:-10px;
}

#footer
{
clear:both;
position:relative;
text-align: right;
left:-10px;
height:12px;
background-image: url("img/pipe.gif");
border-color: black;
border-style: solid;
border-width: 1px 1px 1px 1px;
font-family: "Lucida Grande", sans-serif;
padding-right:20px;
margin-right:-23px;
font-size: 60%;
color: #ffffff;
list-style: none;
}

/* LINKS MENU ELEMENTS FOLLOW */

#menu {
width: 240px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a{
color: #000;
text-decoration: none;
font: 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #ffffff;
text-transform: uppercase;
background-color: #000;
background-image: url("img/pipe.gif");
background-repeat: repeat-x;
font: 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 2px 3px;
}

#menu a:hover {
color: #036;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* FXSLIDE ELEMENTS FOLLOW  NOTE:SLIDE CANNOT WORK AT THE SAME TIME AS LIGHTBOX!!!*/

h3.section 
{margin-top: 1em;
}

#vertical_slide
{
background: #DAE5F3;
padding: 10px;

}

#vertical_slide2
{background: #DAE5F3;
padding: 10px;
}

#vertical_slide3
{background: #DAE5F3;
padding: 10px;
}

div.marginbottom 
{/* Since the Fx.Slide element resets margins, we set a margin on the above element */margin-bottom: 10px;
}



/* WITHIN SLIDING ELEMENTS*/
#focus {
font-weight:bold;
}

#bottom
{
color: #84ADDB;
text-align: center;
}