/* @group reset */

a, abbr, acronym, address, area, b, base, bdo, big, blockquote, body, br, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, DOCTYPE, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, html, hr, i, img, input, ins, kbd, label, legend, li, link, map, meta, noscript, object, ol, optgroup, option, p, param, pre, q, samp, script, select, small, span, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, ul, var {
	padding: 0;
	border: 0;
	margin: 0;
	outline: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-decoration: none; 
	list-style-type: none;
}



/* @end */

/* @group body */

body {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1em;
	text-align: center;
	color: #fff;
	background-color: #51514d;
}

a:link {
	color: #fff;
}

a:visited {
	color: #a1a1a1;
}

a:hover {
	color: #a1a1a1;	
}

a:active {
	color: #a1a1a1;	
}



/* @end */

/* @group structure */

div#container {
	width: 864px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#header {
	height: 80px;
	padding: 8px 0px 8px 0px;
	margin: 0px 8px 0px 8px;
	background: url(../images/logo.png) no-repeat right center;
}

div#home {
	padding: 9px 8px 7px 8px;
}

div#home-left {
	padding: 1em 0 0 0;
	float: left;
	width: 220px;
	overflow: hidden;
}

div#home-right {
	float: right;
	width: 550px;
	overflow: hidden;
}

div#left {
	clear: both;
	float: left;
	width: 272px;
	height: 557px;
	padding: 19px 8px 0px 8px;
}

div#right {
	margin-left: 288px;
	padding: 22px 8px 0px 8px;
}

div#right-images {
	margin-left: 288px;

}

div#footer {
	
	clear: both;
	border-top: 1px solid #fff;
	padding: 6px 0px 8px 0px;
	margin: 0px 8px 0px 8px;
	height: 70px;
	background: url(../images/riba-logo.png) no-repeat right 5px;
}

div.clear {
	clear: both;
}

/* @end */

/* @group content */

/* @group header */

/* @group global-navigation */

div#global-navigation {
	float: left;
	width: 100%;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	margin-top: 62px;
}

div#global-navigation li {
	display: inline;
}

div#global-navigation a {
	float: left;
	color: #fff;
	padding: 0px 16px 16px 0px;
}

div#global-navigation a:hover {
	color: #a1a1a1;
}

/* @end */



/* @end */

/* @group left */

div#left h1 {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	margin-top: 32px;
	margin-bottom: 16px;		
}

div#left a {
	font-size: 13px;
	line-height: 16px;
}

div#left a.grey {
	color: #a1a1a1;	
}

div#left ul {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 16px;	
}

div#left p {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 16px;
}

/* @end */

/* @group right */

div#right h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 13px;		
}

div#right h2 {
	font-size: 18px;
	line-height: 16px;
	font-weight: bold;
	margin-bottom: 16px;		
}

div#right p {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 16px;
	/*text-align: justify;*/
}

div#right p.link {
	margin-top: 32px;
}

div#right ul {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 16px;	
}

li.level-1 {
	padding-left: 8px;
}



/* @end */

/* @group right-images */

div#right img {
	margin: 0px 0px 16px 0px;
}

div#right img.right {
	margin: 0px 0px 16px 12px;
}



/* @end */

/* @group footer */

div#footer {
	font-size: 10px;
	line-height: 10px;
}



/* @end */



/* @end */

/* @group gallery */

div.gallery-4-column {
	float: left;
	width: 200px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 16px;
	min-height: 557px;
}

div#gallery p {
	font-size: 13px;
	line-height: 16px;
	margin-top: 8px;
	margin-bottom: 16px;

}



/* @end */

/* @group gallery */
#slideshow {list-style:none;}
#slideshow span {display:none}
#wrapper {width:848px; margin-top:16px; display:none; margin-left: 8px;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:848px; height:560px; padding:0px;}

#information h3 {padding:8px}
#information p {padding:8px}
#image {width:848px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:560px; cursor:pointer; z-index:150}
#imgprev {background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:100px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:16px; margin-bottom: 16px;}
#slideleft {float:left; width:16px; height:80px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#a1a1a1; margin-bottom: 16px;}
#slideleft:hover {background-color:#fff}
#slideright {float:right; width:16px; height:80px; background:#a1a1a1 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#fff}
#slidearea {float:left; position:relative; width:800px; margin-left:8px; margin-right:8px; height:80px; overflow:hidden}
#slider {position:absolute; left:0; height:80px}
#slider img {cursor:pointer;}



/* @end */

/* @group home */

div#home {
	height: 557px;
}

div#home h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 13px;
	margin-bottom: 13px;		
}

div#home p {
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	margin-bottom: 16px;		
}

div.home-3-column {
	float: left;
	width: 260px;
	margin-left: 0px;
	margin-right: 16px;
}

h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 0px;
}



/* @end */

div.contact {
	background: url(../images/map.png) no-repeat right center;
}

div.people-3-column {
	float: left;
	width: 176px;
	margin-right: 16px;
}

div.people-3-column-last {
	float: left;
	width: 176px;
	margin-right: 0px;
}

div.process-thumbnails {
	margin-top: 140px;
}

div.process-thumbnails img {
	margin-bottom: 16px;
}

div.process-thumbnails-left {
	float: left;
	width:  128px;
	margin-right: 16px;
}