body { margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 81.25%; background: #000 url(../images/body-back.jpg) center center repeat-y; }

h1, h2, p { margin: 0; padding: 0; }
object { vertical-align: bottom; }

.clear { clear: both; }

.sg_left { float: left; padding: 0; margin: 0 10px 10px 0; }
.sg_right { float: right; padding: 0; margin: 0 0 10px 10px; }
.sg_center { display: block; margin: 0 auto; }
.sg_default { margin: 0 5px 0 0; }

.main { width: 734px; margin: 0px auto; }

.header { padding: 35px 0 10px 0; }
.header img { border: 0; }

.content { margin: 0 0 9px 0; background: #000 url( ../images/content-back.jpg ) repeat-x; padding: 12px; color: #bbb; }
.content .left { width: 190px; float: left; margin: 0; padding: 20px 35px 0 0; }
.content .centre { width: 475px; float: left; padding-top: 20px; }

.contentHome {  }
.leftHome { width: 500px; float: left; padding-right: 10px; }
.centreHome { width: 224px; float: left; }

.banner { padding-bottom: 23px; background: url(../images/home-banner-bottom.jpg) bottom left repeat-x; margin-bottom: 10px; }

.content h1 { padding: 0 0 10px 0; font-size: 160%; color: #8fd6e8; }
.content h2 { padding: 0 0 10px 0; font-size: 140%; }
.content h3 { padding: 0 0 10px 0; font-size: 120%; }
.content p { line-height: 130%; padding: 0 0 10px 0; }
.content ul { padding: 0 0 10px 0; margin: 0 0 0 20px; }
.content li { padding: 0 0 5px 0; margin: 0; }
.content a { color: #8fd6e8; }

.content table th { background: #b2e2f2; color: #333; padding: 5px; text-align: left; }
.content table td { border: 1px solid #b2e2f2; padding: 5px; }

.content .centre .gallery .mainIMG { width: 475px; height: 325px; margin: 0 0 5px 0; position: relative; }
.content .centre .gallery .mainIMG img{ border: 10px solid #666; }
.content .centre .gallery .thumbs { background: #666; padding: 5px 5px 0 0; }
.content .centre .gallery .thumbIMG { vertical-align: bottom; border: 0; }
.content .centre .gallery .thumbs a { float: left; height: 89px; text-align: center; padding: 0 0 5px 5px; }

.content .centre .gallery .galNext { position: absolute; top: 10px; right: 10px; display: block; z-index: 10; }
.content .centre .gallery .galPrev { position: absolute; top: 10px; left: 10px; display: block; z-index: 10; }
.content .centre .gallery .galNext img { border: 0; }
.content .centre .gallery .galPrev img { border: 0; }

.content .centre .projectGallery .project img { border: 5px solid #666; }

.footer { background: #95979a url(../images/footer-back.jpg) repeat-x; font-size: 80%; padding: 10px; color: #333; }
.footer .left { width: 400px; float: left; }
.footer .right { width: 314px; float: left; text-align: right; padding-top: 0.5em; }
.footer a { color: #333; }

.newsfeed { margin: 0 0 10px 0; color: #666; width: 210px; border: 2px solid #8fd6e8; background: #eee; padding: 10px 0 0 10px; }
.newsfeed h2 { background: #4b4847 url(../images/box-head.gif) repeat-x; color: #8fd6e8; margin: 0 0 10px 0; padding: 6px; font-size: 100%; }
.newsfeed .inner .an  { padding-bottom: 5px; }
.newsfeed .inner .an .img { float: left; width: 60px; margin: 0 10px 0 0; height: 60px; background: #ddd; }
.newsfeed .inner .an .img img { display: block; margin: 0; padding: 0; border: 0; }
.newsfeed .inner .an .txt { float: left; width: 130px; }
.newsfeed .inner .an .txt p { padding: 0 0 15px 0; margin: 0; }
.newsfeed .inner .an .txt p a { color: #8fd6e8; text-decoration: none; font-weight: bold; }
.newsfeed .inner .an .txt p a:hover { text-decoration: underline; }
.newsfeed h3 { padding: 0; margin: 0; font-size: 100%; }
.newsfeed h3 a { color: #333; text-decoration: none; }


.navigation { padding: 0px; margin: 0 0 15px 0; height: 100%; font-weight: bold; font-size: 110%; }
.navigation ul { margin: 0; padding: 0; }
.navigation li { color: #fff; display: block; padding: 0; margin: 0; float: left; line-height: 90%; border-left: 1px solid #fff; padding: 0 10px; }
.navigation li.selected { border-left: 1px solid #8fd6e8; }
.navigation a { color: #fff; text-decoration: none;  }
.navigation a:hover { text-decoration: underline; }
.navigation li.selected a { color: #8fd6e8; }

.contentHome .navigation { margin: 0; background: #000 url( ../images/content-back.jpg ) repeat-x; padding: 0 12px; }
.contentHome .navigation li { margin: 12px 0; }

.secondarynavigation { padding: 0; margin: 0 0 12px 0; font-weight: bold; }
.secondarynavigation ul { margin: 0; padding: 0; }
.secondarynavigation li { color: #fff; padding: 0; margin: 0; list-style-type: none; border-bottom: 1px solid #bbb; }
.secondarynavigation a { color: #ffffff; text-decoration: none; padding: 10px; display: block; }
.secondarynavigation li.selected a { padding-bottom: 5px; }
.secondarynavigation a:hover { text-decoration: underline; }
.secondarynavigation li.selected a { color: #8fd6e8; }
.secondarynavigation li.selected li a { padding: 4px 25px; font-size: 90%; color: #fff; }
.secondarynavigation li.selected li.selected a { color: #8fd6e8; }
.secondarynavigation li.selected ul { margin: 0 0 5px 0; padding: 0; }

.secondarynavigation li ul { padding: 0; margin: 0 0 12px 0; font-weight: normal; }
.secondarynavigation  li ul li{ color: #fff; padding: 0; margin: 0; list-style-type: none; border: 0; }

.searchbox { margin: 10px 0 10px 0; width: 200px; float: right; color: #fff; }
.searchbox p input { vertical-align: bottom; font-size: 95%; margin: 0; padding: 0; }
.searchbox p { padding: 0; margin: 1px 0; }

.content .centre .searchresult { padding: 10px; border: 1px solid #666; margin: 0 0 10px 0; }
.content .centre .searchresult a { color: #bbb; }
.content .centre .searchresult span { background: #8fd6e8; color: #333; }

.content .centre .projectGallery .project { width: 50%; float: left; }

.leftHome .homebutton { width: 160px; float: left; padding: 0 10px 0 0; margin-bottom: 10px; }
.leftHome .homebutton.commercial { background: url(../images/commercial-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.retail { background: url(../images/retail-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.residential { background: url(../images/residential-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.leisure { background: url(../images/leisure-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.education { background: url(../images/education-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.industrial { background: url(../images/industrial-c.jpg) bottom left no-repeat; }
.leftHome .homebutton a { display: block; text-decoration: none; padding-bottom: 80px; }
.leftHome .homebutton span { background: #4b4847 url(../images/box-head.gif) repeat-x; color: #fff; padding: 3px; display: block; }
.leftHome .homebutton.commercial a { background: url(../images/commercial-bw.jpg) bottom left no-repeat; }
.leftHome .homebutton.commercial a:hover { background: url(../images/commercial-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.retail a { background: url(../images/retail-bw.jpg) bottom left no-repeat; }
.leftHome .homebutton.retail a:hover { background: url(../images/retail-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.residential a { background: url(../images/residential-bw.jpg) bottom left no-repeat; }
.leftHome .homebutton.residential a:hover { background: url(../images/residential-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.leisure a { background: url(../images/leisure-bw.jpg) bottom left no-repeat; }
.leftHome .homebutton.leisure a:hover { background: url(../images/leisure-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.education a { background: url(../images/education-bw.jpg) bottom left no-repeat; }
.leftHome .homebutton.education a:hover { background: url(../images/education-c.jpg) bottom left no-repeat; }
.leftHome .homebutton.industrial a { background: url(../images/industrial-bw.jpg) bottom left no-repeat; }
.leftHome .homebutton.industrial a:hover { background: url(../images/industrial-c.jpg) bottom left no-repeat; }
.leftHome .homebutton a:hover span { color: #8fd6e8; }
.leftHome .homebutton.last { padding: 0; }