body {margin:0 0 50px 0;
      padding:0;
      background: #BAB4B0;
	  font-family: Verdana, sans-serif;
		/* set font sizes for standard browers 1em = 10px 1.1em = 11px etc */
	  font-size:62.5%;
	  }
img {border:none;}
clear {clear:both;}

/**********  fix to clear float  *************/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
/*.clear {display: inline-table;}*/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/**************   container *******************************************/
#container {margin:0 auto;
     	    padding: 0;	
		    width:896px;
            background: #ffffff;
        	 }
/**************  left column   *****************************************/
#leftcol {position:relative;
		float:left;
		margin:9px 0 0 7px;
		padding:0;
		width:170px;
		color:#847B73;}

/*************** menu***************/
ul#menu { position: relative;
	margin:27px 0 0 0;
	padding:0; 
	height:42px; 
	background:transparent url(/images/menu.gif) 0 0 no-repeat; 
	 list-style-type:none;
	}	
	
ul#menu  li {position: absolute;
             margin: 0;
			 padding: 0;
			 height: 22px;
			 width: 142px;
   			 }	
			 
ul#menu a {position:absolute; 
			display:block; 
			width:81px; 
			height:22px;
			text-decoration:none;
			}
 
#menu span {position:absolute;
			visibility:hidden; 
			width:142px; 
			} 	

 #menu li#profilelink {top:0;
					left:0;}
	
#menu li#projectslink {top:22px;
					left:0;}

#menu li#profilelink a:hover {background:url(/images/menu.gif) 0 -48px no-repeat;}					
#menu li#projectslink a:hover {background:url(/images/menu.gif) 0 -70px  no-repeat;}					
					
body#projects li#projectslink {background: url(/images/menu.gif) 0 -70px no-repeat;}

body#profile li#profilelink,
body#approach li#profilelink,
body#theteam li#profilelink,
body#director li#profilelink,
body#news li#profilelink,
body#contact li#profilelink {background: url(/images/menu.gif) 0 -48px no-repeat;}

/*************** profile menu***************/
ul#profilemenu { position: relative;
margin:26px 0 0 0;
	padding:0; 
	color:#9E9791;
	font-size:1.4em;
	font-weight:bold;
	font-family: Arial;
	 list-style-type:none;
	}	
	
ul#profilemenu  li	{margin: 0;
					padding: 0;
					}	
			 
ul#profilemenu a {color:#9E9791;
					text-decoration:none;
					}

/*************** projects menu***************/
ul#projectsmenu {margin:29px 0 0 0;
				padding:0; 
				list-style-type:none;
				color:#AEA6A0;
				font-size:1em;
				}	
	
ul#projectsmenu  li {margin: 0;
			 padding: 0;
			line-height:1.2em; }	
			 
ul#projectsmenu a {text-decoration:none;
				color:#AEA6A0;
				font-weight:bold;}
 
ul#projectsmenu a .menuitemdesc {font-weight:normal;} 
 
ul#projectsmenu a:hover {color:#685C53;}

body#projects a#projecthigh {color:#685C53;}

/*************** home  *******************/
body#home #maincol img {margin:0;
		padding:0;
		display:block;
		height:575px;
		width:710px;}
		
body#home #leftcol {height:575px;}	

#homenews {position:absolute;
			margin:0;
			padding:0;
			left:0;
			bottom:-2px;
			color:#685C53;
			width:163px;
			}

#homenews p {margin:7px 0 0 0;
			padding:0;
			width:150px;
			line-height:1.2em;}	
	
#homenews img.divider {margin:11px 0 0 1px;
						padding:0;	}
		
#homenews a {margin:0;
			padding:0;
			color:#685C53;
			text-decoration:none;}	

/**************  main column   *****************************************/
#maincol {float:left;
			margin:9px 0 0 0;
			padding:0;
			width:710px;}

/*************** projects slideshow ***************/
#projectcontent {position:relative;
				min-height: 575px;
				margin:0;
				padding:0;
				color:#fff;
				background-color:white;
				}
			
#projectcontent #slideback {position:relative;
							height:435px;
							width:710px;}			
			
#projectcontent #projectdetails {margin:0;
								padding:0;
								min-height:140px;}

			
#projectcontent #slideback img {position: absolute;
									top: 0;
									left: 0;
									}
						
#projectcontent p#projectname {position: absolute;
									top:423px;
									left: 10px;
								font-size:2.0em;
					font-family: Arial;
					font-weight:bold;	
					color:#fff;}

					
					
#projectcontent #captiontext {position: absolute;
								top:517px;
								left:11px;
								width:247px;
								line-height:1.4em;
	  }	

#projectcontent #captiontext p {margin:0 0 5px 0;
								padding:0;
								}

#projectcontent #captiontext  p a {text-decoration:underline;
								}				   
							

#projectcontent #projectdetails #summarytext  {position:relative;
								top:8px;
								left:417px;
								line-height:1.4em;
	   width:275px; }		

#projectcontent #summarytext p {margin:0 0 5px 0;
								padding:0;
								}

#projectcontent #summarytext  p a {text-decoration:underline;
								}										
/************* slide  navigation  ***************/	    
#projectcontent #projectdetails ul {position: absolute;
	        top: 487px; 
			left:11px;
			list-style-type: none;
	        margin: 0;
	        padding: 0;
		}
	    
#projectcontent #projectdetails li {margin: 0 3px 0 0;
	        padding: 0;
			display:inline;
	}
	    
#projectcontent #projectdetails li a {margin:0;
			padding:0 0 0 9px;
			height:12px;
	    display:inline-block;
	text-decoration: none; 	}

#projectcontent #projectdetails a span {
 visibility:hidden; 
 } 	

#projectcontent #projectdetails li.selected a {background-color: #fff;
	    }

#projectcontent #projectdetails li a:hover {background-color: #fff;
	    }
	    
/********  read more button  **************/
#projectcontent a.readmorebut {position: absolute;
								bottom: 11px;
								left:417px;
								margin: 0;
								padding: 0;
								font-weight:bold;
								text-decoration:none;
								}    
		
/********  read more panel  **************/
#readmorepanel_c {position:absolute;
				left:0;
				width:710px;
				top:0;}

#readmorepanel {position:absolute;
				left:0;
				top:0;
				width:710px;
				height:435px;
				background-color:transparent;
				background-image:url(/images/readmoreback1.png) ;
				background-position: top left;
				background-repeat:repeat-x repeat-y;
				color:#fff;
				overflow-y:auto;
				overflow-x:hidden;			
				}
				
/******* panel header *******************/				
#readmorepanel .hd {position:absolute;
					top:0px;
					left:0px;
					width:710px;
					}
				
#readmorepanel .bd {position:relative;
				top:21px;
				left:0px;
				width:710px;
			}	

#readmorepanel .bd p {margin:0 0 17px 417px;
					width:275px;
					line-height:1.2em;}	

				
#readmorepanel .bd #projectquotewrap {position: absolute;
									left:14px;
									top:94px;
									margin:0;
									width:300px;
									}
				
#readmorepanel .bd #projectquotewrap p#projectquote {
								margin:0;
								width:300px;
								font-size:2.0em;
								line-height:1.2em;
								font-family: Arial;
								font-weight:bold;
								}
				
#readmorepanel .bd #projectquotewrap p#projectquotee {margin:7px 0 0 0;
								width:300px;
								font-size:1em;
								}
				
								
#readmorepanel .bd p a {text-decoration:underline;
					color:#fff;
				}	
								
/******* close buttons *******************/				
#readmorepanel img#topclose {position: absolute;
								left:688px;
								top:8px;
								margin: 0 ;
								padding: 0;
								width:8px;
								height:7px;}
												
#projectdetails a#backtoimage {position: absolute;
								bottom: 11px;
								left:417px;
								margin: 0;
								padding: 0;
								font-weight:bold;
								text-decoration:none;}	
								
/******************  profile   *****************************************/
body#profile #maincol, 
body#approach #maincol,
body#theteam #maincol,
body#director #maincol,
body#contact #maincol {height:575px;
						color:#fff;}	
body#news #maincol {min-height:575px;
						color:#fff;}							

body#contact #maincol {font-size:1.1em;}		
body#news #maincol {font-size:1.1em;}		

#proleftcol {float:left;
				margin:0;						
				padding:0;
				width:402px;
				}	
				
#proleftcol img {display:block;}						

#prorightcol {float:left;
				margin:0;						
				padding:0;
				width:308px;
				height:575px;
				overflow:auto;}			

#prorightcol p {margin:0 0 16px 16px;
						padding:0;
						font-size:1.1em;
						line-height:1.3em;
						width:260px;}			

						
#prorightcol a {text-decoration:underline;
				color:#fff;}						
						
#prorightcol p.profilequote {margin:9px 0 23px 16px;
							padding:0;
							font-size:2.0em;
							line-height:1.2em;
							font-family: Arial;
							font-weight:bold;
							width:250px;}	

#prorightcol h2 {margin:0 0 0 16px;
				padding:0;
				font-size:1.1em;
						line-height:1.3em;
						font-weight:normal;
						width:260px;}
				
/****************** the team   *****************************************/
h2#directorname {margin:0 0 21px 16px;
				font-size:2em;
				font-weight:bold;
				font-family:Arial;}

h2#nodirectorname {margin:104px 0 21px 16px;
				font-size:2em;
				font-weight:bold;
				font-family:Arial;}


img#directorphoto {margin:16px 0 7px 16px;
				padding:0;}
				

ul#directorslist {margin:14px 0 0 17px;
				padding:0;
				list-style-type:none;
				width:200px;
				font-size:1.1em;}
				
ul#directorslist li {margin:0 0 2px 0;
					padding:0;}
					
ul#directorslist li#dirback {margin:5px 0 2px 0;
							padding:0;
							}

ul#directorslist li a {margin:0;
				padding:0;
				text-decoration:none;
				color:#fff;}
				
p#directorback a {text-decoration:none;
				}				
		
/****************** news   *****************************************/
body#news #maincol {padding:0 0 30px 0;}
#maincol .newssum {	margin:10px 0 0 11px;
					padding:0;
					width:687px;
					color:#9E9791;
					font-size:0.9em;}		
#maincol .newssumleft p {margin:0 0 11px 0;
									padding:0;
									line-height:1.3em;}
#maincol .newssum a {color:#9E9791;
					text-decoration:none;}	

#maincol .newssumleft {float:left;
					margin:0;
					padding:7px 0 0 0;
					width:488px;
		border-top: 1px dashed #939598;		}		
		
#maincol .newssumright {float:left;	margin:0 0 0 11px;
					padding:11px 0 0 0;
					width:188px;
		border-top: 1px dashed #939598;	}		

#maincol .newssumleft p.newsdate {margin:0 0 11px 0;
									padding:0;
									font-size:1.4em;
									font-weight:bold;}		

		
#maincol #newsitem {margin:11px 0 0 11px;
					padding:0;
					color:#685C53;
					font-size:0.9em;}	
					
#maincol #newsitemtext {float:left;
						margin:0;
					width:407px;}
					
#maincol #newsitem #newsitemtext p {float:left;
									margin:0 0 13px 0;
									padding:0;
									width:380px;}
									
#maincol #newsitem p#newsitemsum {font-weight:bold;}
									
#maincol #newsitem #newsitemtext p a {color:#685C53;}						

#maincol #newsitem p#newsitemhead {margin:-3px 0 12px 0;
									font-size:1.3em;
									font-weight:bold;}						

#maincol #newsitem a {text-decoration:underline;}

#maincol #newsitem #newsitemtext p.newsitemlink {margin:0 0 9px 0;}
#maincol #newsitem #newsitemtext p.newsitemback {margin:23px 0 0 0;}

#maincol #newsitem #newsitemtext p.newsitemlink a , #maincol #newsitem #newsitemtext p.newsitemback a {color:#9E9791;
					text-decoration:none;}
					
#maincol #newsitemimgs {float:left;
						padding:0 0 11px 0;
						margin:0;
						width:280px;}
						
#maincol #newsitemimgs img {margin:0 0 3px 0;}	
				
/****************** contact   *****************************************/
body#contact p {font-size:1em;}
#prorightcol p.contactdets {margin:105px 0 16px 16px;
							padding:0;
							font-weight:bold;}
#prorightcol p.contactdets1 {margin:0 0 20px 16px;}

#prorightcol h2.contacthead {margin:44px 0 0 16px;
							padding:0;
								font-weight:bold;}
body#contact p a {text-decoration:none;}
/******************  footer   *****************************************/
#footer {clear:both;
		margin:0;
		padding:16px 0 9px 0;
		width:896px;
		color:#B3ADA9;
		font-size:1.1em;
		line-height:1.1em;
		font-family: Arial; }

#footer  p {float:left;
		margin:0 0 0 22px;
		padding:0;
		font-weight:bold;}
		
#footer  a {text-decoration:none;
		color:#B3ADA9;}	
		
#footer p#projtypes {margin:0 78px 0 6px;
					color:#685C53;
						} 		

#footright {float:right;
			margin:0 13px 0 0; }

#footright p {margin:28px 0 0 0;
			padding:0;}
#footright a {margin:0;
          padding:1px 3px 3px 3px ;
          background-color: #D1CDCA;
          height:16px;
          width:36px;
		  color:#fff;}

#riba {margin:0 0 0 20px;
padding:0;}