/* CSS Document */
* {
  padding:0;
  margin:0;
  text-align:justify;
}
html {
	height:100%;
}
body {
  /*font: 15pt "Lane - Narrow";*/
  font:100% Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-align:center;
  background-color:black !important;
  height:100%;
}
#wrapper {
	min-height:100%;
	_height:100%;
	margin:0 auto;
}
#maincontent {
	padding:0 0 3.3em 0;
	margin-bottom:auto;
	overflow:hidden;
}
#footer {
	margin-top:-3.3em;
	position:absolute;
	text-align:left;
	background:black;
	vertical-align:bottom;
	padding-top:20px;
	padding-bottom:2px;
}
#footer.subsite{
	padding-top:0px;
}
a {
	color:#A54141;
	text-decoration:none;
}
div#box1container, div#box2container, div#box3container, div#box4container, div#box5container {
width:100%;
color:white;
}
div#box1container{background-color:black;}
div#box2container{background-color:#333;}
div#box3container{background:#333 url(../img/nav/subnavbg_rbdg.gif) repeat-x;}

.rba {background:#333 url(../img/nav/subnavbg_rbdg.gif) repeat-x;}
.rbi {background:#333 url(../img/nav/subnavbg_rbdg.gif) repeat-x;}
.rbg {background:#333 url(../img/nav/subnavbg_rbdg.gif) repeat-x;}

div#box4container{background-color:black;}
div#box5container{background-color:black;clear:both;}

div#box1, div#box2, div#box3, div#box4, div#box5 {
	width:960px;
	margin:0px auto;
	text-align:left;
	clear:both;
}
div#content {
	width:100%;
	margin-top:34px;
	margin-bottom:10px;
	float:left;
	background-color:black;
	overflow:hidden;
	color:white;
	text-align:left;
}
div#footer img a {border:none;}
div#head img.logo{margin-top:26px;margin-bottom:26px;border:none;}
/**/
/**/
.navcontainer, #subnavcontainer, #footernavcontainer
{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
width: 960px;
list-style-type: none;
overflow:hidden; /*firefox hook for background */
}
.navcontainer{
height:50px;
line-height:45px;
}
#subnavcontainer{
height:50px;
line-height:45px;
}
#footernavcontainer{
/*@@height:32px;
line-height:25px;*/
}
#footernavlist img{
	border:none;
}
div.homepagefooter{position:relative !important;font-size:12px;float:left;width:100%;color:white;}
div.nonehomepagefooter{position:relative !important;font-size:12px;float:left;width:100%;color:white;}
div.homepagefooter a, div.nonehomepagefooter a{color:white;text-decoration:none;}
div.homepagefooter a:hover{border-bottom:1px solid #a54141;}
#footernavcontainer img.spacer{margin:0px 10px 0px 20px;}
.navlist li, #subnavlist li{
list-style:none;
float: left;
margin-right:15px;
margin-top:3px;
}
#footernavlist li{
list-style:none;
float: left;
margin-right:15px;
margin-top:3px;
}
.navlist li a,
#subnavlist li a
{
	color:white;
	text-decoration: none;
	display: inline;
}
.navlist li a:hover,
#subnavlist li a:hover
{
	color: #a54141;
	text-decoration: none;
	display: inline;
}
.navlist li.active a.current,
#subnavlist li.active a.current
{
	color: #a54141 !important;
}
div.full a.back:hover,
div.quarter a.email:hover,
div.half a.email:hover,
div.full a.email:hover,
div.full ul li a:hover
{
	color: #a54141 !important;
	cursor: pointer;
}
div.full a.back, div.quarter a.email, div.half a.email, div.full a.email, div.full ul li a {
color:white;text-decoration:none;line-height:23px;
}
div.half a.googlemap {
border:1px solid #a54141;
font-size:12px;
color:white;
line-height:23px;
text-decoration:none;
}
.navlist #last{
float:right;
margin:0;
padding:0;
line-height:45px;
font-size:10px;
}
p.spacer{
	display:inline;
	color:white;
	margin-left:15px;
}
/**/
/**/
/**/
div#content ul li{
list-style-type:none;
float:left;
width:47%;
text-align:left;
font-size:17px;
}
div#content ul li.rightcol{
margin-left:30px;
}
div#content ul li.row{
margin-top:27px;
}
html>body div#content ul li.rightcol{
margin-left:44px;
}
div#content ul li p{
  float:left;
  width:434px;
  text-align:left;
  padding:15px 17px 15px 12px;
  background:#333;
  display:inline;
}
div#content ul li a.underline{
 color:white;
 text-decoration:none;
}
div#content ul li  a.underline:hover {
  border-bottom:2px solid #a54141 !important;
}
div#content ul li img{
	border:none;
}
div#content ul li span.redbox{
  margin:0;
  padding:0;
  color:#a54141;
  display:inline;
}
/**/
/**/
/**/
div.full{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
}
div.half{
	float:left;
	width:50%;
	margin-bottom:10px;
}
div.quarter{
	float:left;
	width:25%;
	margin-bottom:10px;
}
div.twothirds{
	float:left;
	width:66.666%;
	margin-bottom:10px;
}
div.onethird{
	/*border-top:1px solid red;*/
	position:relative;
	float:left;
	width:308px;
	margin-right:18px;
	margin-bottom:16px;

}
/**/
.spacer10{
float:left;
width:100%;
height:10px;
}
.spacer20{
float:left;
width:100%;
height:20px;
}
.spacer30{
float:left;
width:100%;
height:30px;
}
.spacer40{
float:left;
width:100%;
height:40px;
}
.spacer50{
float:left;
width:100%;
height:50px;
}
/**/
/* not sure if these are used???
div.onethird #past, div.onethird #present, div.onethird #future, {
	float:left;
	width:318px;
	height:50px;
	min-height:50px;
}*/
div.onethird.right {
	margin-right:0;
}
div.full h2{
position:absolute;
top:0px;
left:0px;
z-index:999;
background:url(/img/png/ppf-bg.png) repeat;
font-size:15px;
padding:15px;
width:928px;
}
div.full ul{
	margin-left:18px;
}
div.full ul li a{
	color:white;
}
div.full a img{
	border:none;
}
div.onethird a img{
	border:none;
}
div.onethird h2{
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	background:url(/img/png/ppf-bg.png) repeat;
	font-size:15px;
	padding:15px 0;
	text-indent:15px;
}
div.onethird.left h2{
	width:308px;
}
div.onethird.center h2{
	width:308px;
}
div.onethird.right h2{
	width:308px;
}
div.onethird p{
	font-size:12px;
	padding:0 0 15px 20px;
}
div.onethird h3{
	font-size:17px;
	padding:0 0 15px 20px;
}
div.onethird h4{
	font-size:12px;
	color:#999;
	padding:0 0 0 20px;
}
div.quarter p{
	font-size:12px;
}

.swapimage{background:#000 url(/img/loading.gif) 50% 95% no-repeat;}
.swapimagerba{background:#000 url(/img/loading.gif) 50% 95% no-repeat;}
.swapimagerbi{background:#000 url(/img/loading.gif) 50% 95% no-repeat;}
.swapimagerbg{background:#000 url(/rbdg_rebrand/img/loading.gif) 50% 95% no-repeat;}

/* new group home page styles */
div#architects h2 {
	background:#333333 url(../img/home/arch_header.gif) no-repeat 0 -7px;
	font-size:12pt;
	height:33px;
	width:auto;
	margin:0 0 5px 0;
}
div#architects h2 span {
	position: absolute;
	left: -2000em;
	width: 900px;
	zoom:1;
}
div#architects ul {
	margin:0;
	padding:0;
}
div#architects ul li {
	list-style-type:none;
	float:left;
	margin-right:28px;
		margin-bottom:29px;
	width:auto;
}
div#architects ul li.last {
	margin-left:1px;
	margin-right:0;
}
div#architects li img,
div#others li img {
	display:block;
}
div#others {
	clear:both;
}
div#others h2 {
	font-size:12pt;
	height:33px;
	width:auto;
	margin:0 0 5px 0;
}
div#others h2 span {
	position: absolute;
	left: -2000em;
	width: 900px;
	zoom:1;
}
div#others li#interiors h2 {
	background:#333333 url(../img/home/interiors_header.gif) no-repeat 0 -7px;
}
div#others li#gallery h2 {
	background:#333333 url(../img/home/gallery_header.gif) no-repeat 0 -7px;
}
div#others li#newmedia h2 {
	background:#333333 url(../img/home/design_header.gif) no-repeat 0 -7px;
}
/*div#others ul {
	margin:0;
	padding:0;
}*/
div#others ul li {
	list-style-type:none;
	float:left;
	margin-right:28px;
	width:301px;
}
div#others ul li.last {
	margin-left:1px;
	margin-right:0;
}
div.full p,
div.full h3,
div.full h4,
div.full h5,
div.full ul,
div.full ol {
	margin:1.3em 0;
}
div.full li {
	margin:.5em 3em;
}
div.full a {
	text-decoration:underline;
}
div.onethird div.smlLeft,
div.onethird div.smlRight {
	float:left;
	width:146px;
	margin:11px 16px 0 0;
	background:#666666;
	height:73px
}
div.onethird div.smlRight {
	margin-right:0;
}
div.smlRight img,
div.smlLeft img {
	display:block;
	border:none;
}
div.clear{
	clear:both;
}
div.viewAll{
margin:10px 0px 0px 0px;
padding:0;
}
div.viewAll a.white{
	color:white;
	font-size:100%;
	text-decoration:none;
}
div.viewAll a.gray{
	color:#aaa;
	font-size:100%;
	text-decoration:none;
}
div.viewAll a:hover{
	color:#A54141;
}
ul.news_list li {
	border-bottom:1px solid #a54141 !important;
	zoom:1;
}
ul.news_list p.heading {
	font-weight:bold;
	color:#fff;
}
ul.news_list{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
ul.news_list li{
	padding: 1em 0;
	margin-left:0em;
	position: relative;
	display: block !important;
	border: 2px solid #333333;
	border-width: 0 0 2px 0;
}
ul.news_list li h2 {
	position: relative;
	padding:0;
	margin:0;
	background: none !important;
	display: block !important;
}
ul.news_list li a:hover span.heading{
	text-decoration:underline;
}
ul.news_list li span.heading{
	font-weight:bold;
	color:#A54141;
}
ul.news_list li span.date{
	display: block !important;
	line-height:2em;
	color: #ccc;
	font-size: 90%;
	vertical-align:top;
}
ul.news_list li div.teaser{
	display: block !important;
	line-height:1.3em;
}
div.news_article{
	line-height: 1.3em;
}
div.news_article h2,
div.news_article h3{
	margin: 1em 0;
	padding: 0;
	background:none;
	position: relative;
	display: block;
	font-size:1em;
}
div.news_article h3{
	color:#A54141;
	margin: 1em 0 0 0;
}
div.news_article h2{
	background:none !important;
}
div.news_article p{
	display: block;
	margin: 0 0 1em 0;
}
div.news_article span.date{
	display: block;
	 color:#ccc;
	 font-size:90%;
	 margin-bottom:1em;
 }
div.full h2{
	_background:none;
	_filter:none !important;
 }
 a.back{
	color:white;
	text-decoration:none;
	font-weight: bold;
 }
 a.back:hover{
	 color:#A54141;
 }
 div.news_images ul {
 	list-style-type:none;
 	margin:0;
 	padding:0;
 }
 div.news_images li {
 	display:inline;
 	margin:0;
 	margin-right:12px;
 }
 div.news_images li a {
 	display:inline;
 	margin:0;
 	padding:0;
 	border:
 }
 div.news_images li a img {
 	display:inline;
 	margin:0;
 	padding:0;
 	border: 1px solid #A54141;
 }


/* Updates
 * Author: Martin Bean / martin.bean@fuseboxdesign.co.uk
 * Added CSS rules for <blockquote> and <hr /> as they were used in the description for a new exhibition
 * Gotta keep the site mark-up semantic, man!
 */

div.onethird blockquote{
	font-size: 12px;
	font-style: italic;
	padding: 0 10px 15px 35px;
}
div.onethird hr {
	padding: 0 0 15px 20px;
}