body { margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 70%; background: url( ../images/backgroundHome.gif ) top center no-repeat; }

img { border: 0; }

hr{ border: 0; border-top: 1px dotted #666; color: #fff; clear: both; }

.clear { clear: both; }

.imgLeft { float: left; padding: 0 10px 10px 0; }


.main { width: 786px; margin: 0px auto; padding: 0 83px 0 43px; }

.main h1 { font-size: 160%; margin: 0; padding: 0 0 10px 0; }
.main h2 { font-size: 140%; margin: 0; padding: 0 0 10px 0; }
.main h3 { font-size: 120%; margin: 0; padding: 0 0 10px 0; }

.header { height: 112px; padding-left: 40px; }
.header .left { width: 505px; float: left; }
.header .left img { display: block; }
.header .right { width: 241px; float: left; text-align: right; padding: 40px 0 0 0; }
.header .right ul { list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; }
.header .right li { margin: 0; padding: 0 10px 0 0; background: url(../images/blackB.gif) right center no-repeat; }
.header .right a  { color: #000; text-decoration: none; }
.header .right a:hover  { text-decoration: underline; }

.banner { height: 110px; padding: 12px 12px 12px 196px; }
.banner .inner { background: #000; height: 100px; padding: 5px; }
.banner .inner .imgs { border: 1px solid #000; }
.banner .inner .imgs img { margin: 0; padding: 0; display: block; float: left; border: 0; }
.banner .inner .imgs img.ad { padding: 0 5px 0 0; }

.content {}
.content p { line-height: 140%; padding: 0 0 10px 0; margin: 0; }
.content strong { color: #B6E600; }

.content .left { width: 176px; float: left; padding: 69px 20px 0 0; }
.content .left ul { list-style-type: none; margin: 0; padding: 0; }
.content .left li { padding: 0; margin: 0; }
.content .left a { font-weight: bold; color: #000; text-decoration: none; }
.content .left a:hover { text-decoration: underline; }

.content .centre { width: 370px; float: left; padding: 0 5px 40px 0; }
.content .centre h1 { margin: 0; padding: 0 0 10px 0; font-size: 200%; }
.content .centre h2 { margin: 0; padding: 0 0 10px 0; font-size: 160%; }
.content .centre h3 { margin: 0; padding: 0 0 10px 0; font-size: 120%; }
.content .centre .breadcrumb { line-height: 100%; margin: 0; padding: 10px 0; }
.content .centre .breadcrumb a { color: #B6E600; text-decoration: none; }
.content .centre .breadcrumb a:hover { text-decoration: underline; }
.content .centre .copy { border-right: 1px dotted #666; padding: 0 20px 0 0; }

.content .centre a.homelink { display: block; float: left; width: 110px; background: #ccc; height: 69px; margin:  0 9px 9px 0; }
.content .centre a#hldesign { background: url(../images/design_g.gif) }
.content .centre a#hldesign:hover { background: url(../images/design.gif) }
.content .centre a#hlweb { background: url(../images/web_g.gif) }
.content .centre a#hlweb:hover { background: url(../images/web.gif) }
.content .centre a#hleditorial { background: url(../images/editorial_g.gif) }
.content .centre a#hleditorial:hover { background: url(../images/editorial.gif) }
.content .centre a#hlphotography { background: url(../images/photography_g.gif) }
.content .centre a#hlphotography:hover { background: url(../images/photography.gif) }
.content .centre a#hlpr { background: url(../images/pr_g.gif) }
.content .centre a#hlpr:hover { background: url(../images/pr.gif) }
.content .centre a#hlprint { background: url(../images/print_g.gif) }
.content .centre a#hlprint:hover { background: url(../images/print.gif) }
.content .centre a#hlfilm { background: url(../images/film_g.gif) }
.content .centre a#hlfilm:hover { background: url(../images/film.gif) }
.content .centre a#hlconsultancy { background: url(../images/consultancy_g.gif) }
.content .centre a#hlconsultancy:hover { background: url(../images/consultancy.gif) }
.content .centre a#hlgreen { background: url(../images/green_g.gif) }
.content .centre a#hlgreen:hover { background: url(../images/green.gif) }

.content .right { width: 189px; float: left; padding: 35px 0 0 20px; }
.content .right p {  }
.content .right h2 { margin: 0; padding: 0 0 10px 0; font-size: 140%; }
.content .right ul { padding: 0 0 0 12px; margin: 0; }
.content .right li { margin: 0; padding: 0; }
.content .right li p { margin: 0; padding: 0 0 5px 0; }
.content .right ul.newsList { list-style-type: none; margin: 0; padding: 0; }
.content .right ul.newsList li { padding: 0 0 5px 0; margin: 0; }
.content .right ul.newsList a { font-weight: bold; color: #000; text-decoration: none; }
.content .right ul.newsList a:hover { text-decoration: underline; }

.content .news { padding: 0 0 5px 0; clear: both; }
.content .news img { float: left; padding: 0 5px 10px 0; }
.content .news h2 { color: #B6E600; font-size: 110%; padding: 0; }
.content .news a { color: #B6E600; text-decoration: none; }
.content .news .nleft { width: 70px; float: left; }
.content .news .nright { width: 250px; float: left; } 

.footer { font-size: 90%; }
.footer p { margin: 0; padding: 5px; text-align: right; color: #999; }
.footer a { color: #999; text-decoration: none; }
.footer a:hover { text-decoration: underline; }


.navigation { padding: 0; margin: 0; font-weight: bold; text-transform:uppercase; border: 1px solid #000; background: #000; }
.navigation ul { margin: 0; padding: 0; }
.navigation li { display: block; padding: 3px 12px 0 10px; margin: 0; float: left; }
.navigation li.home { background: url(../images/homeB.gif) 0px 6px no-repeat; }
.navigation li.home a:hover { color: #B6E600; }
.navigation li.services { background: url(../images/servicesB.gif) 0px 6px no-repeat; }
.navigation li.services a:hover { color: #F8981D; }
.navigation li.aboutus { background: url(../images/aboutusB.gif) 0px 6px no-repeat; }
.navigation li.aboutus a:hover { color: #008FC5; }
.navigation li.greengenie { background: url(../images/genieB.gif) 0px 6px no-repeat; }
.navigation li.greengenie a:hover { color: #00AA4F; }
.navigation li.enquiry { background: url(../images/enquiryB.gif) 0px 6px no-repeat; }
.navigation li.enquiry a:hover { color: #E64097; }
.navigation li.news { background: url(../images/newsB.gif) 0px 6px no-repeat; }
.navigation li.news a:hover { color: #EE3224; }

.navigation a  { color: #ffffff; text-decoration: none; }

.sitemap { list-style-type: circle; margin: 0; padding: 0 0 0 20px; }