/* CSS Document */
<!-- /* $WEFT -- Created by: Terry OLeary (terry.oleary@design-portfolio.co.uk) on 25/11/2008 -- */
  @font-face {
    font-family: Avant Garde;
    font-style:  normal;
    font-weight: normal;
    src: url(font/AVANTGA0.eot);
  }
-->

body{
font-family:Avant Garde, verdana;
}
h1{
font-size:14pt;
}
h2{
font-size:12pt;
}
legend{
color:#000000;
font-size:10pt;
}
table{
font-size:9pt;
}
input{
font-size:9pt;
font-family:Avant Garde;
}
.error{
color:#990000;
}
.success{
color:#000066;
}
.nav{

}
.nav ul ul{
display:block;
}
.nav li a{
line-height:20pt;
text-decoration:none;
}
.nav li a:hover{
text-decoration:underline;
}
.submit{
font-size:9pt;
border:1px solid black;
background:#ccc;
font-family:Avant Garde;
}
p{
font-size:11pt;
}
#main{
width:800px;
/*margin:auto;*/
margin-top:15px;
margin-left:30px;

}
#left_col_front{
width:204px;
float:left;
clear:left;
padding-right:100px;

}
#right_col_front{
width:496px;
float:right;
clear:right;

}
#footer{
clear:both;
width:800px;
margin:auto;
float:left;
}
#left_col_front ul ul{
padding:0px;
margin:0px;
float:right;

}
#left_col_front ul{
list-style:none;
padding:0px;
margin:0px;
margin-top:40px;
margin-bottom:12px;
}
#left_col_front li{
padding:0px;
margin:0px;
line-height:10px;
margin-top:0px;
margin-bottom:0px;
display:inline;
}
#left_col_front a{
display:block;
padding:0px;
margin:0px;
}
.nav_enter{
width:71px;
height:21px;
}
a.nav_enter {
margin:0px;
padding:0px;
width:71px;
height:21px;
background:url(images/entergrey.jpg) no-repeat;
}
a:hover.nav_enter{
width:71px;
height:21px;
background:url(images/enterblack.jpg) no-repeat;
}
a.contact{
margin:0px;
padding:0px;
width:71px;
height:12px;
background:url(images/contactgrey.jpg) no-repeat;
}
a:hover.contact{
margin:0px;
padding:0px;
width:71px;
height:12px;
background:url(images/contactblack.jpg) no-repeat;
}
.home_active{
background:url(images/homeblack.jpg) no-repeat;
}
a.home{
margin:0px;
padding:0px;
width:64px;
height:12px;
background:url(images/homegrey.jpg) no-repeat;
}
a:hover.home{
margin:0px;
padding:0px;
width:64px;
height:12px;
background:url(images/homeblack.jpg) no-repeat;
}
a.news{
margin:0px;
padding:0px;
width:54px;
height:12px;
background:url(images/newsgrey.jpg) no-repeat;
}
a:hover.news{
margin:0px;
padding:0px;
width:54px;
height:12px;
background:url(images/newsblack.jpg) no-repeat;
}
a.people{
margin:0px;
padding:0px;
width:53px;
height:12px;
background:url(images/peoplegrey.jpg) no-repeat;
}
a:hover.people{
width:50px;
height:12px;
background:url(images/peopleblack.jpg) no-repeat;
}
#people_sub{
float:right;
margin-right:0px;
}
a.ourwork{
margin:0px;
padding:0px;
width:150px;
height:12px;
background:url(images/ourworkgrey.jpg) no-repeat;
}
a:hover.ourwork{
width:120px;
height:12px;
background:url(images/ourworkblack.jpg) no-repeat;
}
#ourwork_sub{
float:right;
margin-right:5px;
}
a.clientlist{
margin:0px;
padding:0px;
width:120px;
height:12px;
background:url(images/clientlistgrey.jpg) no-repeat;
}
a:hover.clientlist{
width:120px;
height:12px;
background:url(images/clientlistblack.jpg) no-repeat;
}
a.awards{
margin:0px;
padding:0px;
width:71px;
height:12px;
background:url(images/awardsgrey.jpg) no-repeat;
}
a:hover.awards{
margin:0px;
padding:0px;
width:71px;
height:12px;
background:url(images/awardsblack.jpg) no-repeat;
}
a.publications{
margin:0px;
padding:0px;
width:78px;
height:12px;
background:url(images/publicationsgrey.jpg) no-repeat;
}
a:hover.publications{
margin:0px;
padding:0px;
width:78px;
height:12px;
background:url(images/publicationsblack.jpg) no-repeat;
}

a.award1 {
margin:0px;
padding:0px;
width:25px;
height:12px;
background:url(images/awards01grey.jpg) no-repeat;
display:block;
}
a:hover.award1{
margin:0px;
padding:0px;
width:25px;
height:12px;
background:url(images/awards01black.jpg) no-repeat;
}

a.award2{
margin:0px;
padding:0px;
margin:0px;
padding:0px;
width:25px;
height:12px;
background:url(images/awards02grey.jpg) no-repeat;
display:block;
}
a:hover.award2{
margin:0px;
padding:0px;
width:25px;
height:12px;
background:url(images/awards02black.jpg) no-repeat;
}
a.award3 {
margin:0px;
padding:0px;
width:71px;
height:13px;
background:url(images/awards03grey.jpg) no-repeat;
}
a:hover.award3{
margin:0px;
padding:0px;
width:71px;
height:13px;
background:url(images/awards03black.jpg) no-repeat;
}
#awards_sub{
float:right;
margin-right:100px;
width:20px;
}
#awards_sub img{
padding:0px;
margin:0px;
}
a.philosophy{
margin:0px;
padding:0px;
width:100px;
height:12px;
background:url(images/philosophygrey.jpg) no-repeat;
}
a:hover.philosophy{
width:100px;
height:12px;
background:url(images/philosophyblack.jpg) no-repeat;
}
a.artsculture {
margin:0px;
padding:0px;
width:85px;
height:12px;
background:url(images/artsculturegrey.jpg) no-repeat;
}
a:hover.artsculture {
width:85px;
height:12px;
background:url(images/artscultureblack.jpg) no-repeat;
}
a.education {
margin:0px;
padding:0px;
width:85px;
height:12px;
background:url(images/educationgrey.jpg) no-repeat;
}
a:hover.education {
width:85px;
height:12px;
background:url(images/educationblack.jpg) no-repeat;
}
a.exhibition {
margin:0px;
padding:0px;
width:85px;
height:12px;
background:url(images/exhibitiongrey.jpg) no-repeat;
}
a:hover.exhibition {
width:85px;
height:12px;
background:url(images/exhibitionblack.jpg) no-repeat;
}
a.publicrealm {
margin:0px;
padding:0px;
width:85px;
height:12px;
background:url(images/publicrealmgrey.jpg) no-repeat;
}
a:hover.publicrealm{
width:85px;
height:12px;
background:url(images/publicrealmblack.jpg) no-repeat;
}

a.residential{
margin:0px;
padding:0px;
width:85px;
height:12px;
background:url(images/residentialgrey.jpg) no-repeat;
}
a:hover.residential {
width:85px;
height:12px;
background:url(images/residentialblack.jpg) no-repeat;
}

a.retail{
margin:0px;
padding:0px;
width:85px;
height:12px;
background:url(images/retailgrey.jpg) no-repeat;
}
a:hover.retail {
width:85px;
height:12px;
background:url(images/retailblack.jpg) no-repeat;
}

a.sports{
margin:0px;
padding:0px;
width:113px;
height:12px;
background:url(images/sportsgrey.jpg) no-repeat;
}
a:hover.sports {
width:113px;
height:12px;
background:url(images/sportsblack.jpg) no-repeat;
}

a.workspace {
margin:0px;
padding:0px;
width:80px;
height:12px;
background:url(images/workspacegrey.jpg) no-repeat;
}
a:hover.workspace {
width:80px;
height:12px;
background:url(images/workspaceblack.jpg) no-repeat;
}
a.projectlist {
margin:0px;
padding:0px;
width:100px;
height:12px;
background:url(images/projectlistgrey.jpg) no-repeat;
}
a:hover.projectlist {
width:100px;
height:12px;
background:url(images/projectlistblack.jpg) no-repeat;
}
a.ourteam {
margin:0px;
padding:0px;
width:140px;
height:12px;
background:url(images/ourteamgrey.jpg) no-repeat;
}
a:hover.ourteam {
width:140px;
height:12px;
background:url(images/ourteamblack.jpg) no-repeat;
}
a.research {
margin:0px;
padding:0px;
width:80px;
height:12px;
background:url(images/researchgrey.jpg) no-repeat;
}
a:hover.research {
width:80px;
height:12px;
background:url(images/researchblack.jpg) no-repeat;
}
a.directors{
margin:0px;
padding:0px;
width:150px;
height:12px;
background:url(images/dirandassgrey.jpg) no-repeat;
}
a:hover.directors{
width:150px;
height:12px;
background:url(images/dirandassblack.jpg) no-repeat;
}
a.associates{
margin:0px;
padding:0px;
width:150px;
height:12px;
background:url(images/associatesgrey.jpg) no-repeat;
}
a:hover.associates{
width:150px;
height:12px;
background:url(images/associatesblack.jpg) no-repeat;
}
a.ourstaff{
margin:0px;
padding:0px;
width:150px;
height:12px;
background:url(images/stafflistgrey.jpg) no-repeat;
}
a:hover.ourstaff{
width:150px;
height:12px;
background:url(images/stafflistblack.jpg) no-repeat;
}
#recruitment{
width:150px;
height:12px;
}
a.careers{
margin:0px;
padding:0px;
width:150px;
height:12px;
background:url(images/careersgrey.jpg) no-repeat;
}
a:hover.careers{
width:150px;
height:12px;
background:url(images/careersblack.jpg) no-repeat;
}
.logo{
margin-bottom:50px;
}
#content{
width:300px;
}
#staff{
margin-top:120px;
width:500px;
}
#content p, #staff p{
margin:0px;
padding:0px;
margin-bottom:8px;
font-size:8pt;
}
#content h2, #staff h2{
font-size:9pt;
paddig:0px;
margin:0px;
}
#staff table{
font-size:7.5pt;
padding:1px;
}
a.news_link {
color:#BBB;
text-decoration:none;
}
a:hover.news_link{
color:#000;
}
#ticker a{
text-decoration:none;
font:8pt;
color:#000;
}
.art a{
padding:0px;
margin:0px;
text-decoration:none;
color:#bbb;
display:inline;
}
.art a:hover{
color:#000;
}
/*.art p{
font-size:8pt;
padding:0px;
margin:0px;
margin-bottom:10px;
color:#bbb;
}
.art p:hover{
color:#000;
}*/
a.tooltip {
  z-index:5;
  color:#FFFFFF;
  position:relative;
  text-decoration:none;
}

a.tooltip:hover {
  z-index:5;
  color:#ffffff;
  text-decoration:none;
}

a.tooltip span {
  display:none;
}

a.tooltip:hover span {
  position:absolute;
  top:2em;
  left:0em;
  display:block;
  font-size: 12px;
line-height: 14px;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  background-color:#FFFFFF;
}