body {
	margin: 0 0 25px 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:	76%;
	color: #838383;
	line-height: 18px;
    background: #06377C;
    text-align: center;
}

h1, h2 {
    font-size:  1.2em;
    margin: 30px 0 0.5em 0;
    padding:    0;
}
h3{
  font-size:    1em;
  margin:       0;
}


img {
	border: 0;
}
a {
	color: #378EAE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

body#news {
	background-color:#dee0e1;
}
p, table{
  font-size: 1em;
  margin:       0 0 1em 0;
  text-align:   justify;
}


p.projintro{
  padding-top:  40px;
}

.middle .right .left ul{
  font-size: 0.9em;
}


/* CLASSES */
.page {
    background: #fff url(images/riba-background-logo.gif) bottom left no-repeat;
    border: 1px solid #fff;
    width:  760px;
    margin: 25px auto 0px auto;
    text-align: left;
	
	padding: 0px 0px 20px 0px;
	overflow: auto;
}
#home .page{
    background: #06377C;
    height:     500px;
    display:    block;
	padding: 0px;
	overflow: hidden;
}

.middle{
  width:    760px;
  float:    left;
}

.middle .left{
  width:    175px;
  float:    left;
}
.middle .right{
  width:    580px;
  float:    right;
}

.middle .right .left{
  width:    235px;
  float:    left;
}
.middle .right .right{
  width:    325px;
  float:    right;
}

#team .middle .right .left{
  width:    390px;
}

#team .middle .right .right{
  width:    180px;
  padding-top:  30px;
}

#projects .middle .right .left{
  width:    390px;
}

#projects .middle .right .right{
  width:    180px;
  padding-top:  30px;
}


#services .middle .right .left{
  width:    390px;
}

#services .middle .right .right{
  width:    180px;
  padding-top:  30px;
}

#services .middle .right .right img{
  margin-right: 3px;
}



#home .middle .right{
  width:       664px;
}
#home .middle .left{
  width:        96px;
}


#home .middle .right .left, #projects-index .middle .right .left, #services-index .middle .right .left,  #about-csa-index  .middle .right .left{
  width:    580px;
}

#home .middle .right .right, #projects-index .middle .right .right, #services-index .middle .right .right, #about-csa-index .middle .right .right{
  width:    0px;
  padding-top:  30px;
}

#services-index p, #about-csa-index p{
  width:    490px;
}



#banner{
  display:  block;
  width:    760px;
  height:   70px;
}

#banner h1{
  display: none;
}

#home h1{
  display:none;
}

span.home{
  display:none;
}

#csa #banner{
  background:   url(images/header-csa-architects.jpg) top left no-repeat;
}
#leisure #banner{
  background:   url(images/header-csa-leisure.jpg) top left no-repeat;
}
#environmental #banner{
  background:   url(images/header-csa-environmental.jpg) top left no-repeat;
}
#conservation #banner{
  background:   url(images/header-csa-conservation.jpg) top left no-repeat;
}
#industrial #banner{
  background:   url(images/header-csa-industrial.jpg) top left no-repeat;
}
#commercial #banner{
  background:   url(images/header-csa-commercial.jpg) top left no-repeat;
}
#residential #banner, #private #banner, #developer #banner, #private-houses #banner, #developer-residential #banner
{
  background:   url(images/header-csa-residential.jpg) top left no-repeat;
}



body#leisure, body#leisure #project-buttons{
  background:   #D9AD00;
}
body#environmental, body#environmental #project-buttons{
  background:   #65280E;
}
body#conservation, body#conservation #project-buttons{
  background:   #344507;
}
body#industrial, body#industrial #project-buttons{
  background:   #A3001C;
}
body#commercial, body#commercial #project-buttons{
  background:   #007275;
}
body#residential, body#residential #project-buttons, body#private, body#private #project-buttons, body#developer, body#developer #project-buttons, body#private-houses, body#private-houses #project-buttons, body#developer-residential, body#developer-residential #project-buttons 
{
  background:   #323D43;
}

#right-image{
  text-align:   right;
}



/***************** MENU **************/
#menu ul{
  list-style:   none;
  margin:       51px 0 0 0;
  padding:      0;
  width:        89px;
}
#home #menu ul{
  margin:       121px 0 0 0;
}

#menu ul li{
  display:  inline; /*may or may not need this, can't remember*/
}

#menu ul ul{
  margin:   0;
  list-style:   none;
  text-align:   right;
}


#menu a span{
 display:  none;
}

#menu a{
  width:        89px;
  height:       26px;
  display:      block;
}

#menu ul ul li{
    text-align: left;
    width: 89px;
}

#menu ul ul a{
  width:  75px;
  /*height:       18px;*/
  height: auto;
  text-decoration:  none;
  color:        #4A4A4A;
  text-align: right;
  padding-right:    9px;
  background:   none;
  /*background:    #fff url(images/menu-chevron.gif)  middle right no-repeat;*/
  
  background-color: #FFFFFF;
  background-image: url(images/menu-chevron.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
* html #menu ul ul a{
    width:  84px;
}
#menu ul ul a:hover, #menu ul ul li.on a{
  background:   #BFBFBF url(images/menu-chevron.gif) center right no-repeat;
}

#menu ul ul a span{
  display:  inline;
  font-size:    0.8em;
}


li#menu-index a{
  background:   url(images/menu-home.gif) top left no-repeat;
}
li#menu-about-csa a{
  background:   url(images/menu-about-csa.gif) top left no-repeat;
}
li#menu-the-team a{
  background:   url(images/menu-the-team.gif) top left no-repeat;
}
li#menu-projects a{
  background:   url(images/menu-projects.gif) top left no-repeat;
}
li#menu-services a{
  background:   url(images/menu-services.gif) top left no-repeat;
}
li#menu-contact a{
  background:   url(images/menu-contact.gif) top left no-repeat;
}

li#menu-index a:hover, li#menu-index-on a{
  background:   url(images/menu-home_on.gif) top left no-repeat;
}

li#menu-about-csa a:hover, li#menu-about-csa-on a{
  background:   url(images/menu-about-csa_on.gif) top left no-repeat;
}

li#menu-the-team a:hover, li#menu-the-team-on a{
  background:   url(images/menu-the-team_on.gif) top left no-repeat;
}

li#menu-projects a:hover, li#menu-projects-on a{
  background:   url(images/menu-projects_on.gif) top left no-repeat;
}

li#menu-services a:hover, li#menu-services-on a{
  background:   url(images/menu-services_on.gif) top left no-repeat;
}

li#menu-contact a:hover, li#menu-contact-on a{
  background:   url(images/menu-contact_on.gif) top left no-repeat;
}

li#menu-index ul, li#menu-index-on ul, li#menu-about-csa ul, li#menu-the-team ul, li#menu-the-team-on ul, li#menu-projects ul, li#menu-services ul, li#menu-contact ul{
  display:  none;
}


/** MENU ON THE HOMEPAGE */
#home li#menu-index a{
  background:   url(images/home/menu-home.gif) top left no-repeat;
}
#home li#menu-about-csa a{
  background:   url(images/home/menu-about-csa.gif) top left no-repeat;
}
#home li#menu-the-team a{
  background:   url(images/home/menu-the-team.gif) top left no-repeat;
}
#home li#menu-projects a{
  background:   url(images/home/menu-projects.gif) top left no-repeat;
}
#home li#menu-services a{
  background:   url(images/home/menu-services.gif) top left no-repeat;
}
#home li#menu-contact a{
  background:   url(images/home/menu-contact.gif) top left no-repeat;
}

#home li#menu-index a:hover, #home li#menu-index-on a{
  background:   url(images/home/menu-home_on.gif) top left no-repeat;
}

#home li#menu-about-csa a:hover, #home li#menu-about-csa-on a{
  background:   url(images/home/menu-about-csa_on.gif) top left no-repeat;
}

#home li#menu-the-team a:hover, #home li#menu-the-team-on a{
  background:   url(images/home/menu-the-team_on.gif) top left no-repeat;
}

#home li#menu-projects a:hover, #home li#menu-projects-on a{
  background:   url(images/home/menu-projects_on.gif) top left no-repeat;
}

#home li#menu-services a:hover, #home li#menu-services-on a{
  background:   url(images/home/menu-services_on.gif) top left no-repeat;
}

#home li#menu-contact a:hover, #home li#menu-contact-on a{
  background:   url(images/home/menu-contact_on.gif) top left no-repeat;
}


#project-buttons{
  width:    150px;
}

#project-buttons p{
  padding:       4px;
  margin:           0;
  color:        #fff;
  text-align:    center;
  font-size:    1em;
}

#project-buttons a{
  color:        #fff;
}





.news-bg
{
	background-color:#E1E2E4;
	background-image: url(images/popup-background.jpg);
	background-repeat: repeat-y;
}
.instruction {
	font-size: 10px;
	line-height: 12px;
	margin-top: 40px;
	color: #BF0D00;
	text-decoration: none;
}


#footer {
	font-size: 10px;
	color: #838383;
	text-decoration: none;
    margin-top:    2em;
}
#footer a {
	font-size: 10px;
	color: #838383;
	text-decoration: none;
}

#footer p{
  margin-left:  180px;
}

.project-item a {
	font-style: italic;
	text-decoration: none;
}
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	border: 1px solid #006;
	width: 325px;
}
.login-field{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	border: 1px solid #006;
	width: 175px;
}


ul.team{
  list-style:   none;
  margin:       0 0 0 0;
  padding:      0;
  font-size:    0.8em;
  line-height:  1.4em;
}

#projects ul.team{
  padding-top:   20px;
}

ul.team li
{
  padding:     	3px 3px 0px 3px;
  clear:        both;
  /*min-height: 37px;*/
  overflow: auto;
}

span.image{
    width:      50px;
    float:      left;
}


.team-photo, .team-label{
    margin: 35px 0 0 0;
    padding:    0;
  width:    195px;
  height:   266px;
  float:    left;
  background: #06377C;
}


.team-label h3{
  color:    #fff;
  margin:   116px 8px 0 8px;
}

.team-text{
  width:    390px;
  float:    left;
  margin-top:   1.5em;
}


a.project-link, a.page-link{
  width:    238px;
  height:   50PX;
  display:  block;
  float:    left;
  margin:   0 15px 3px 0;
}

a.project-link span, a.page-link span{
  display:  none;
}

/* Projects links */
a#commercial{
  background: url(images/link-commercial.gif) top left no-repeat;
}
a#conservation{
  background: url(images/link-conservation.gif) top left no-repeat;
}
a#environmental{
  background: url(images/link-environmental.gif) top left no-repeat;
}
a#industrial{
  background: url(images/link-industrial.gif) top left no-repeat;
}
a#leisure{
  background: url(images/link-leisure.gif) top left no-repeat;
}
a#residential{
  background: url(images/link-residential.gif) top left no-repeat;
}
a#developerHousing{
  background: url(images/link-developerHousing.gif) top left no-repeat;
}
a#privateHouses{
  background: url(images/link-privateHouses.gif) top left no-repeat;
}
a#urbanDesign{
  background: url(images/link-urbanDesign.gif) top left no-repeat;
}
a#affordableHousing{
  background: url(images/link-affordableHousing.gif) top left no-repeat;
}

a:hover#commercial{
  background: url(images/link-commercial-on.gif) top left no-repeat;
}
a:hover#conservation{
  background: url(images/link-conservation-on.gif) top left no-repeat;
}
a:hover#environmental{
  background: url(images/link-environmental-on.gif) top left no-repeat;
}
a:hover#industrial{
  background: url(images/link-industrial-on.gif) top left no-repeat;
}
a:hover#leisure{
  background: url(images/link-leisure-on.gif) top left no-repeat;
}
a:hover#residential{
  background: url(images/link-residential-on.gif) top left no-repeat;
}
a:hover#developerHousing{
  background: url(images/link-developerHousing-on.gif) top left no-repeat;
}
a:hover#privateHouses{
  background: url(images/link-privateHouses-on.gif) top left no-repeat;
}
a:hover#urbanDesign{
  background: url(images/link-urbanDesign-on.gif) top left no-repeat;
}
a:hover#affordableHousing{
  background: url(images/link-affordableHousing-on.gif) top left no-repeat;
}

/* About CSA links */
a#link-disciplines{
  background: url(images/link-about-disciplines.gif) top left no-repeat;
}
a#link-resources{
  background: url(images/link-about-resources.gif) top left no-repeat;
}
a#link-capabilities{
  background: url(images/link-about-capabilities.gif) top left no-repeat;
}
a#link-philosophy{
  background: url(images/link-about-philosophy.gif) top left no-repeat;
}
a#link-quality{
  background: url(images/link-about-quality.gif) top left no-repeat;
}
a#link-insurance{
  background: url(images/link-about-insurance.gif) top left no-repeat;
}
/* Services links */
a#link-contract{
  background: url(images/link-services-contract.gif) top left no-repeat;
}
a#link-cost-finance{
  background: url(images/link-services-cost.gif) top left no-repeat;
}
a#link-design{
  background: url(images/link-services-design.gif) top left no-repeat;
}
a#link-planning{
  background: url(images/link-services-planning.gif) top left no-repeat;
}
a#link-sustainability{
  background: url(images/link-services-sustainability.gif) top left no-repeat;
}
a#link-technical{
  background: url(images/link-services-technical.gif) top left no-repeat;
}

/*Added by Buzz Interactive 2008-08*/
#outerFoot
{
	width:  760px;
    margin: 10px auto 25px auto;
    text-align: right;
	color: #FFFFFF;
	line-height: normal;
}
#outerFoot #footer
{
	color: #FFFFFF;
	text-decoration: none;
    margin-top: 0px;
}
#outerFoot #footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#outerFoot #footer p
{
	text-align: right;
	margin-left:  0px;
}
.pin
{
	display: block;
	float: none;
	height: 1px;
}

/* Image fader
----------------------------------------*/

#imageFader ul
{
	display: block;
	list-style: none;
	margin: 53px 0 0 0;
	padding: 0;
	position: relative;
	height: 270px;
}
	
	#imageFader ul img
	{
		display: block;
		width: 390px;
		height: auto;
	}
	
	#imageFader ul li
	{
		display: block;
		position: absolute;
		top: 0px;
	}
	
#residential #imageFader ul
{
	display: none;	
}

#projects-residential
{
	width:506px;
}