body {
background-color: #666;
font-family: arial;
text-align: center;
}

#outerwrapper {
width: 800px;
height: 520px;
margin: 45px auto;
background: url(i/background2.gif) top right no-repeat;
}

#container {
width: 760px;
height: 450px;
margin: auto;
background: white;
}

#leftpage {
width: 260px;
height:450px;
float: left;
text-align: left;
position: relative;
}

#rightpage {
width: 500px;
height: 450px;
float: right;
text-align: center;
position: relative;
}

#rightpage .inner {
width: 450px;
margin: 38px auto 0px auto;
text-align: left;
}

#rightpage h2 {
margin: 10px 0px 0px 0px; 
padding: 0px 0px 10px 0px; 
font-size: 13px; 
border-bottom: 1px solid #ccc;
}

#rightpage p  {
margin: 15px 50px 0px 0px; 
padding: 0px;
font-size: 11px;
line-height: 14px;
}

#rightpage address {
margin: 20px 20px 0px 0px; 
padding: 0px;
font-size: 11px;
font-style: normal;
line-height: 14px;
}

#rightpage .details p  {
margin: 3px 50px 3px 0px; 
padding: 0px;
line-height: 19px;
}

#rightpage img.gallery {
margin: 32px auto auto auto;
}

#leftpage h1 {
width: 244px;
margin: 30px 0px 0px 5px;
padding: 0;
}

body.plain {
background-color: #999;
font-family: arial;
text-align: left;
margin: 0;
}

.outer {
width: 760px;
background: #fff;
}

img {
padding: 0;
margin: 0;
border: 0;
}

img.biography {
float: right; 
margin: 0px;
border: 0;
}

.credit {
position: absolute;
color: #999;
bottom: 5px;
left: 0px;
}

#leftright {
position: absolute;
right: 220px;
bottom: 12px;
width: 60px;
text-align: left;
}

#leftright div.left {
float: left;
}

#leftright div.right {
float: right;
}	


/* left page stuff */

#leftpage ul {
padding:0;
margin: 0;
width: 97px;
position: absolute;
bottom: 250px;
}

#leftpage ul li {
width: 97px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}

#leftpage ul a {height: 23px; display: block; width: 97px; text-indent: -9999px; text-decoration: none; outline: 0;}

#bio {top: 10px; left: 5px; width: 97px; background: transparent url(i/biography.gif);}
#baw {top: 40px; left: 5px; width: 97px; background: transparent url(i/bw.gif);}
#col {top: 70px; left: 5px; width: 97px; background: transparent url(i/colour.gif);}
#con {top: 100px; left: 5px; width: 97px; background: transparent url(i/contact.gif);}
#hom {top: 130px; left: 5px; width: 97px; background: transparent url(i/home.gif);}
#lin {top: 160px; left: 5px; width: 97px; background: transparent url(i/links.gif);}
#new {top: 190px; left: 5px; width: 97px; background: transparent url(i/news.gif);}

a {color: #60657B;}

h1#pagetitle {position: relative; font-size: 11px; padding-top:6px; font-weight: normal; margin: 0;}
#pagetitle img {position: absolute; top: 3px; right: 22px;}