body { background: #c395c8; color: #A9A9A9;	font-family:Helvetica, Arial, sans-serif; font-size:100%; /* 1em=16px*/
line-height:0.875em; /*14px */ margin:0; padding:0; }

div { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 0.5em 0 1em 0; }


.hide { display:none;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}

.block { display:table;  width: 100%; }
.colleft { float: left; }
.colright { float: right; }

a:link, a:active, a:visited {  color: #b88db2; text-decoration: none; }
a:hover { color: #540e57; text-decoration: none; }


#wrapper { width: 971px; height: 708px; margin: auto;  text-align: left; background: url(/media/bkgd_wrapper.jpg) bottom right no-repeat;  }

#container-landing { display: table; width: 955px; height: 700px; margin: 0 8px 8px 8px; text-align: left; background: url(/media/bkgd_landing.jpg) bottom right no-repeat;  }
#container-home { display: table; width: 955px; height: 700px; margin: 0 8px 8px 8px; text-align: left; background: url(/media/bkgd_home.jpg) bottom right no-repeat;  }
#container-inside { display: table; width: 955px; height: 700px; margin: 0 8px 8px 8px; text-align: left; background: url(/media/bkgd_inside.jpg) bottom right no-repeat;  }
#container-content { display: table; width: 955px; height: 700px; margin: 0 8px 8px 8px; text-align: left; background: url(/media/bkgd_contact.jpg) bottom right no-repeat;  }

#space-landing { width: 486px; height: 126px; margin-top: 260px; margin-left: 230px; text-align: left;  }
#space-landing ul { margin:0; padding:0; list-style:none;  }
#space-landing li{ display:inline; margin:0; padding:0; }
#space-landing ul li a { display: block; float:left; height: 126px; text-decoration: none; overflow: hidden; text-indent: -200px;}
#space-landing ul li a.s { width: 89px; background: url(/media/landing-menu-s.jpg) top left no-repeat;}
#space-landing ul li a.p { width: 108px; background: url(/media/landing-menu-p.jpg) top left no-repeat;}
#space-landing ul li a.a { width: 108px; background: url(/media/landing-menu-a.jpg) top left no-repeat;}
#space-landing ul li a.c { width: 88px; background: url(/media/landing-menu-c.jpg) top left no-repeat;}
#space-landing ul li a.e { width: 93px; background: url(/media/landing-menu-e.jpg) top left no-repeat;}
#space-landing ul li a:hover { background-position: 0px -126px; text-decoration: none;}

#space-home { width: 492px; height: 271px; margin-top: 159px; margin-left: 226px; text-align: left;  }
#space-home ul { margin:0; padding:0; list-style:none;  }
#space-home li{ display:inline; margin:0; padding:0; }
#space-home ul li a { display: block; float:left; height: 271px; text-decoration: none; overflow: hidden; text-indent: -200px; margin-right: 1px;}
#space-home ul li a.profile { width: 92px; background: url(/media/home-menu-profile.jpg) top left no-repeat;}
#space-home ul li a.approach { width: 108px; background: url(/media/home-menu-approach.jpg) top left no-repeat;}
#space-home ul li a.portfolio { width: 107px; background: url(/media/home-menu-portfolio.jpg) top left no-repeat;}
#space-home ul li a.news { width: 84px; background: url(/media/home-menu-news.jpg) top left no-repeat;}
#space-home ul li a.contact { width: 96px; background: url(/media/home-menu-contact.jpg) top left no-repeat;}
#space-home ul li a:hover { background-position: 0px -271px; text-decoration: none;}


#spacebanner-home { width: 492px; height: 60px; margin-top: 35px; margin-left: 226px; text-align: left;  }


#menu { width: 500px; height: 39px; margin-top: 31px; margin-left: 226px; text-align: left;  }
#menu ul { margin:0; padding:0; list-style:none;  }
#menu li{ display:inline; margin:0; padding:0; }
#menu ul li a { display: block; float:left; height: 39px; text-decoration: none; overflow: hidden; text-indent: -200px; }
#menu ul li a.profile { width: 94px; background: url(/media/menu-profile.jpg) top left no-repeat;}
#menu ul li a.approach { width: 109px; background: url(/media/menu-approach.jpg) top left no-repeat;}
#menu ul li a.portfolio { width: 108px; background: url(/media/menu-portfolio.jpg) top left no-repeat;}
#menu ul li a.news { width: 85px; background: url(/media/menu-news.jpg) top left no-repeat;}
#menu ul li a.contact { width: 104px; background: url(/media/menu-contact.jpg) top left no-repeat;}
#menu ul li a:hover, #menu ul li a.selected  { background-position: 0px -39px; text-decoration: none;}


#caption { width: 696px; height: 55px; margin-top: 20px; margin-left: 129px; text-align: left;}
#caption p { margin: 0; padiing: 0; float: left; }
#caption p.logo { width: 225px; }
#caption p.strapline { width: 379px; margin-left: 56px; }


#caption div#newssubmenu { float: left; margin:25px 0 0 200px; padding:0; background: url(/media/bkgd_news_submenu.jpg) top left no-repeat;}
#caption div#newssubmenu ul { margin:0; padding:0; list-style:none; }
#caption div#newssubmenu ul li{ float: left; margin:0; padding:0; }
#caption div#newssubmenu ul li a { display: block; height: 20px; text-decoration: none; overflow: hidden; text-indent: -500px;  margin-right: 10px; }
#caption div#newssubmenu ul li a.news { width: 48px; background: url(/media/news-menu-news.jpg) top left no-repeat;}
#caption div#newssubmenu ul li a.publicity { width: 80px; background: url(/media/news-menu-publicity.jpg) top left no-repeat;}
#caption div#newssubmenu ul li a:hover, #caption div#newssubmenu ul li a.selected  { background-position: 0px -20px; text-decoration: none;}




#content-panel { width: 696px; height: 396px; margin-top: 14px; margin-left: 129px; text-align: left; border: solid 1px #b8b8b8; background: #ffffff;} 

#content-panel-portfolio { width: 870px; height: 396px; margin-top: 14px; margin-left: 40px; text-align: left; border: solid 1px #b8b8b8; background: #ffffff;} 



#portfoliobanner { display: table; width: 755px; height: 55px; margin-top: 20px; margin-left: 129px; text-align: left;  }
#space-portfolio { float: left; width: 225px; height: 55px; }
#portfolio-menu { float: left; width: 334px; height: 20px; margin-top: 35px; margin-left: 196px; text-align: left; background: url(/media/portfolio-menu-bkgd.jpg) top left no-repeat; }


#portfolio-menu ul { margin:0; padding:0; list-style:none;  }
#portfolio-menu li{ display:inline; margin:0; padding:0; }
#portfolio-menu ul li a { display: block; float:left; height: 20px; text-decoration: none; overflow: hidden; text-indent: -500px;  margin-right: 13px; }
#portfolio-menu ul li a.commercial { width: 98px; background: url(/media/portfolio-menu-commercial.jpg) top left no-repeat;}
#portfolio-menu ul li a.residential { width: 91px; background: url(/media/portfolio-menu-residential.jpg) top left no-repeat;}
#portfolio-menu ul li a.homes { width: 105px; background: url(/media/portfolio-menu-homes.jpg) top left no-repeat;}
#portfolio-menu ul li a:hover, #portfolio-menu ul li a.selected  { background-position: 0px -20px; text-decoration: none;}



#contact-logo { width: 100%; text-align: center; margin-top: 105px; margin-bottom: 18px; }
#contact-details { font-size: 14px; color: #6d6f72;  line-height: 18px; text-align: center; }







#footer-landing { display: table; width: 876px; height: 50px; margin-top: 264px; margin-left: 38px; text-align: left; font-size: 10px; color: #5a5b5e;  line-height: 12px;}
#footer-home { display: table; width: 876px; height: 50px; margin-top: 125px; margin-left: 38px; text-align: left; font-size: 10px; color: #5a5b5e;  line-height: 12px;}
#footer-inside { display: table; width: 876px; height: 50px; margin-top: 93px; margin-left: 38px; text-align: left; font-size: 10px; color: #5a5b5e;  line-height: 12px;}
.footer-left { float: left; text-align:left; } 
.footer-right { float: right; text-align: right; }