* { margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:none; }
caption, th { text-align:left; }
a { outline: none; }
address { margin-left: 10px; font-style: normal; color: #666766; font-size: 0.7em; font-family: Tahoma, Verdana, Sans-Serif; }
li address { margin-left: 0; font-size: 1em; }

h1 span, h2 span { display: none; }
h1 { margin: 0 0 20px 10px; padding-top: 20px; font-weight: bold; color: #666766; font-size: 0.8em; font-family: Tahoma, Verdana, Sans-Serif;}
h2, h3 { margin-left: 10px; font-weight: bold; color: #666766; font-size: 0.7em; font-family: Tahoma, Verdana, Sans-Serif;}
p, ul { color: #666766; font-size: 0.7em; font-family: Tahoma, Verdana, Sans-Serif; }
ul ul { font-size: 1em; }
p { margin-left: 10px; margin-bottom: 25px; line-height: 1.6em; }
iframe { margin-bottom: 12px; border: 1px solid #c6c6c6; }

form { overflow: auto; }
fieldset { width: 232px; margin-left: 10px; float: left; }
legend { display: none; }
input, textarea { width: 232px; display: block; color: #666766; background-color: #f0eff0; border: 1px solid #a5a5a5; }
textarea { height: 105px;}
label { margin-top: 10px; font-weight: bold; display: block; color: #666766; text-transform: uppercase; font-size: 0.8em; font-family: Tahoma, Verdana, Sans-Serif; }
label#message-label { margin-top: 35px; }
input.button { float: right; width: auto; font-weight: bold; border: none;  background: transparent; }
input.hidden { border: none; }
.address { float: left; width: 100px; margin-left: 20px; position: absolute; top: 80px; right: 150px; }

.hidden { display:none; }

#container { width: 950px; margin: 0 auto; }

#header { position: relative; width: 950px; min-height: 117px; background: #fff url(/Assets/images/logo.gif) no-repeat; }
.urban #header { background-image: url(/Assets/images/logo-red.gif); }
#header ul { padding-top: 91px; font-size: 0.7em; font-family: "Lucida Grande", "Lucida Sans", Verdana, helvetica, Sans-Serif; }
#header li { padding-right: 30px; list-style: none; float: left; min-height: 16px; background: #fff; }
#header li#menu-contact {margin-top: 0; padding-right: 0; }
#header ul li a { padding-top: 2px; padding-left: 4px; min-height: 16px; float: left; display: block; border-left: 3px solid #292929; color: #292929; text-decoration: none; }
* html #header { height: 117px; }
* html #header li { height: 16px; }
#header #contact-information { padding-top: 0; position: absolute; font-family: "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; text-align: right; right: 1px; top: 33px; min-width: 250px; font-size: 0.7em; }
* html #header #contact-information { width: 500px; }
#header #contact-information li a { display: inline; padding-left: 0; min-height: 0; float: none; border-left: none; color: #666766; text-decoration: underline; }
#header #contact-information li { min-height: 0; background-image: none; text-align: right; padding-left: 0; padding-right: 0; }
#header #contact-information li.email { float: none; margin-bottom: 5px; }
#header #contact-information li.tel { float: none; display: inline; padding-right: 7px; }
#header #contact-information li.fax { float: none; display: inline; padding-left: 7px; background: url(/Assets/images/tel-fax-separator.gif) no-repeat 0 3px; }

#content-holder { position: relative; width: 950px; background: #fff url(/Assets/images/content-bkgr.gif) repeat-x; overflow: auto; }
#content-holder img, #hero-image-holder { z-index: 98; position: absolute; top: 0; left: 0;  }
#hero-image-holder { width: 395px; height: 385px; }
.about #hero-image-holder { background-image: url(/Assets/images/about.jpg); }

.planning #hero-image-holder { background-image: url(/Assets/images/contact.jpg); }

.urban #hero-image-holder { background-image: url(/Assets/images/urban-design.gif); }

.property #hero-image-holder { background-image: url(/Assets/images/planning.jpg); }

.case #hero-image-holder { background-image: url(/Assets/images/vacancies.jpg); }

.clients #hero-image-holder { background-image: url(/Assets/images/clients.jpg); }

.vacancies #hero-image-holder { background-image: url(/Assets/images/case.jpg); }

.contact #hero-image-holder { background-image: url(/Assets/images/home-4a.jpg.jpg); }

#sub-nav { font-weight: bold; font-family: Tahoma, Verdana, Sans-Serif; z-index: 99; position: absolute; top: 10px; left: 0; width: 395px; text-align: right; }
#sub-nav li { min-height: 20px; line-height: 20px; padding-bottom: 6px; }
#sub-nav li a { display: block; padding-right: 20px; min-height: 20px; line-height: 20px;  list-style: none; color: #fff; 
background:transparent url(/Assets/images/transparent-bar.png) no-repeat top right; width:375px; }
* html #sub-nav li a { height: 20px; }

#sub-nav li ul { padding-top: 6px; display: none; }
#sub-nav li.active ul { display: block; }
.planning #sub-nav li ul li a { width:390px; padding-right: 5px; background-image: url(/Assets/images/transparent-bar-blue.png); color:#fff; }
.urban #sub-nav li.active ul li a { width:390px; padding-right: 5px; background-image: url(/Assets/images/transparent-bar-red.png); }

#sub-nav a { color: #fff; text-decoration: none; }
#sub-nav a:hover, #sub-nav li.active a { text-decoration: underline; }
#sub-nav li.active li a { text-decoration: none; }
#sub-nav li.active li.active a { text-decoration: underline; }
#sub-nav p { min-height: 27px; line-height: 27px; text-align: left; width: 395px; margin-left: 0; margin-bottom: 3px; color: #fff; }
#sub-nav p.why-use-dha { height: 46px; background-image: url(/Assets/Images/why-use-dha.png); }
#sub-nav p.why-use-dha span { display: none; }

#sub-nav p a { display: block;min-height: 27px; line-height: 27px; background-image: url(/Assets/Images/transparent-bar-full.png); padding-left: 19px; text-align: left; width: 376px; margin-left: 0;  }

#content, #content-home { margin-left: 395px; min-height: 385px; background-color: #eaeaea; }
* html #content, * html #content-home { height: 385px; }
#content-home { position: relative; padding-right: 154px; width: 291px; }
#content { padding: 0 20px 10px 10px; width: 415px; border-bottom: 5px solid  #000; }
#content-home img { position: absolute; top: 0; right: 0; left: auto; }
#content-home h1, #content-home h2 { width: 125px; height: 35px; margin-left: 0; margin-top: 0; padding-top: 0; }
#content-home h1 { margin-bottom: 0; background-image: url(/Assets/images/header-about-dha.gif); }
#content-home h2 { background-image: url(/Assets/images/header-our-services.gif); }
#content-home #news h2 { background-image: url(/Assets/images/header-latest-news.gif); }
#content-home h3 { margin-left: 0; padding-left: 12px; background: url(/Assets/images/bullet-home.gif) no-repeat 2px 2px; }
#content-home ul { margin-left: 0; }
#content-home li { list-style: none; line-height: 1.4em; padding-left: 20px; background: url(/Assets/images/bullet-home.gif) no-repeat 9px 4px; margin-bottom: 5px; }
#content-home li a { color: #666766; font-weight: bold; text-decoration: none; }
#content-home li a:hover { text-decoration: underline; }
#services { padding-left: 5px; }
#services p { margin-bottom: 10px; }
#content ul { margin-left: 10px; }
#content li { line-height: 1.4em; padding-top: 0; margin-bottom: 25px; height: auto; list-style: none; background: transparent url(/Assets/images/bullet.gif) no-repeat 5px 6px; padding-left: 20px; }
#content a { color: #666766; font-weight: bold; text-decoration: none; }
#content img { position: relative; display: block; padding-left: 10px; margin: 0 auto; }
#content #client-list li { overflow: auto; line-height: 1.2em; margin-bottom: 5px; background-image: none; padding-left: 5px; float: left; width: 48%; font-weight: bold; }

#footer { background-color: #fff; width: 445px; margin-left: 395px; clear: both; padding-top: 15px; }
#footer p, #footer ul { margin-left: 5px; }
#footer p { line-height: 1em; margin-bottom: 20px; }
#footer ul { margin-bottom: 7px; margin-left: -5px; }
#footer p, #footer a, #footer li { color: #7f7f7f; }
#footer li { padding-left: 10px; padding-right: 10px; list-style: none; display: inline; border-right: 1px solid #7f7f7f; }
#footer li.last { border-right: none; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer p a { font-weight: bold; }

p.small-margin { margin-bottom: 7px; }
.clear { clear: both; height: 0; width: 0; }

/* Main Menu Colours */
#menu-home a:hover, #menu-home.active a { color: #3179a2; border-left: 3px solid #3179a2; }
#menu-about a:hover, .about #menu-about a { color: #75956e; border-left: 3px solid #75956e; }
#menu-planning a:hover, .planning #menu-planning a { color: #5167a0; border-left: 3px solid #5167a0; }
#menu-urban a:hover, .urban #menu-urban a { color: #c55a48; border-left: 3px solid #c55a48; }
#menu-property a:hover, .property #menu-property a { color: #c2ad52; border-left: 3px solid #c2ad52; }
#menu-case a:hover, .case #menu-case a { color: #9885ba; border-left: 3px solid #9885ba; }
#menu-clients a:hover, .clients #menu-clients a { color: #87524e; border-left: 3px solid #87524e; }
#menu-vacancies a:hover, .vacancies #menu-vacancies a { color: #b6754a; border-left: 3px solid #b6754a; }
#menu-contact a:hover, .contact #menu-contact a { color: #919191; border-left: 3px solid #919191; }



/* Bottom border and h1s on content */
.about #content { border-bottom: 5px solid #75956e; }
.about #content h1 { color: #75956e; }
.about #content a:hover { color: #75956e; }

.planning #content { border-bottom: 5px solid #5167a0; }
.planning #content h1 { color: #5167a0; }
.planning #content a:hover { color: #5167a0; }

.urban #content { border-bottom: 5px solid #c55a48; }
.urban #content h1 { color: #c55a48; }
.urban #content a:hover { color: #c55a48; }

.property #content{ border-bottom: 5px solid #c2ad52; }
.property #content h1 { color: #c2ad52; }
.property #content a:hover { color: #c2ad52; }

.case #content { border-bottom: 5px solid #9885ba; }
.case #content h1 { color: #9885ba; }
.case #content a:hover { color: #9885ba; }

.clients #content { border-bottom: 5px solid #87524e; }
.clients #content h1 { color: #87524e; }
.clients #content a:hover { color: #87524e; }

.vacancies #content { border-bottom: 5px solid #b6754a; }
.vacancies #content h1 { color: #b6754a; }
.vacancies #content a:hover { color: #b6754a; }

.contact #content { border-bottom: 5px solid #919191; }
.contact #content h1 { color: #919191; }
.contact #content a:hover { color: #919191; }


.sustainable #content { border-bottom: 5px solid #0000cc; }
.sustainable #content h1 { color: #0000cc; }
.sustainable #content a:hover { color: #0000cc; }

#menu-sustainable a:hover, .sustainable #menu-sustainable a { color: #0000cc; border-left: 3px solid #0000cc; }

.contact-details { width: 142px; float: left; }
.map-directions { width: 214px; float: right; }

.news-article { background: transparent url(/Assets/images/bullet.gif) no-repeat 10px 4px; padding-left: 15px; margin-bottom: 15px; margin-left: 10px; }
.news-article p { margin-bottom: 2px; }
.article-detail p { margin-bottom: 5px; }
.news-article a, .article-detail a { background: transparent url(/Assets/images/bullet.gif) no-repeat 0 4px; padding-left: 12px;}

.profiles { width: 375px; height: 67.5em; margin: 0 auto; }
.profile { height: 11.25em; width: 95px; margin-right: 20px; text-align: center; float: left; }
.profile p, .profile h2 { width: 95px; text-align: center; line-height: 1.1em; }
.profile img { margin-bottom: 5px; }

.profile-overlay { padding:10px 10px 10px 0; }

.vacancy { overflow: auto; }
.vacancy h2 { text-transform: uppercase; color: #b6754a; float: left; }
* html #container.vacancies #content .vacancy h2 { margin-left: 5px; margin-bottom: -10px; }
#content .vacancy p { margin-bottom: 3px; }
#container.vacancies #content .vacancy p { margin-bottom: 3px; }
.vacancy p.date { float: right; font-weight: bold; margin-bottom: -10px; }
#content .vacancy a { color: #b6754a; background: transparent url(/Assets/images/bullet.gif) no-repeat 0 4px; padding-left: 12px; }

.vacancy .apply-link { float: left; width: 40%; padding-top: 15px; }
.vacancy .vacancies-link { float: right; width: 40%; padding-top: 15px; }

.newsletters h2 { padding-left: 12px; margin-bottom: 15px; }
.newsletters h3 { padding-left: 12px; background: transparent url(/Assets/images/bullet.gif) no-repeat 0 4px;  }
.newsletters p { padding-left: 12px; }
.newsletters p.download {  background: transparent url(/Assets/images/bullet.gif) no-repeat 0 6px;  }





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
}
#TB_secondLine {
}
#TB_window a:link {}
#TB_window a:visited {}
#TB_window a:hover {}
#TB_window a:active {}
#TB_window a:focus{}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(/Assets/Files/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


.profile-overlay h1 { width: 190px; margin-bottom: 2px; padding-top: 0; float: left; color: #666766; font-size: 1em;  }
.profile-overlay img { margin-left:10px;  }
.profile-overlay p { margin-bottom:5px; }
.profile-overlay p.position { width:  190px; float: right; text-transform: uppercase; color: #b2b3b2; font-size: 0.8em; text-align: right; margin-bottom: 2px; }
p.close-link { text-align: center; text-transform: uppercase; color: #666766; border-top: 1px solid #b2b3b2; padding-top: 15px; }
p.honours { color: #666766; border-top: 1px solid #b2b3b2; padding-top: 15px; }
p.close-link a { text-transform: uppercase; color: #b2b3b2; }

#site-map-holder h1 { color: #000; }
#site-map-holder ul li { background-image: none; margin-bottom: 2px; }
#site-map-holder ul ul { margin-left: 0; }
#content #site-map-holder #site-map li li a { font-weight: normal; color: #000; }
#content #site-map-holder #site-map li li a:hover { text-decoration: underline; font-weight: bold; }

#content #site-map li.menu-about a { color: #75956e; }
#content #site-map li.menu-about li a { color: #666766; }

#content #site-map li.menu-planning a { color: #5167a0; }
#content #site-map li.menu-planning li a { color: #666766; }

#content #site-map li.menu-urban a { color: #c55a48; }
#content #site-map li.menu-urban li a { color: #666766; }

#content #site-map li.menu-property a { color: #c2ad52; }
#content #site-map li.menu-property li a { color: #666766; }

#content #site-map li.menu-case a { color: #9885ba; }
#content #site-map li.menu-case li a { color: #9885ba; }

#content #site-map li.menu-clients a { color: #87524e; }
#content #site-map li.menu-clients li a { color: #666766; }

#content #site-map li.menu-vacancies a { color: #b6754a; }
#content #site-map li.menu-vacancies li a { color: #666766; }

#content #site-map li.menu-contact a { color: #919191; }
#content #site-map li.menu-contact li a { color: #666766; }

#content #errors li, #content #errors p { background-image: none; margin-bottom: 2px; color: red; }