@charset "utf-8";
/* CSS Document */

/* basic framework */

body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aaa;
	background: #002179;
}

.sIFR-flash {
}

body.home {
	background: url(../i/bg.gif) repeat-x #002179;
}

#hold {
	background: #ffffff;
}

body.home #hold {
	background: none;
}

ul, li {
	margin: 0px;
	padding: 0px;
}

li {
	margin-left: 18px;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	margin-bottom: 6px;
}

#content {
	width: 895px;
	margin: 0px auto;
	position: relative;
	background: url(../i/content-bg.jpg) no-repeat;
	min-height: 40px;
	padding-bottom: 1px;
	padding-top: 24px;
}

body.home #content {
	width: 907px;
	padding-top: 0px;
}

body.case-study #content, body.property #content {
	min-height: 467px;
}

#masthead {
	width: 907px;
	margin: 0px auto;
	height: 103px;
	position: relative;
}

#logo {
	position: absolute;
	left: 6px;
	top: 37px;
}

#home-header {
	height: 60px;
	overflow: hidden;
}

#home-header div {
	position: absolute;
	width: 100%;
	top: -1000px;
	left: 0px;
	text-align: center;
	font-size: 32px;
	color: #0063ac;
}

#home-hero {
	background: url(../i/hero-bg.gif);
	height: 366px;
	padding-left: 9px;
	padding-top: 9px;
}

#nav {
	position: absolute;
	right: -8px;
	top: 37px;
}

#nav div {
	display: block;
	float: left;
	padding-top: 8px;
}

#nav a {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	color: #575b5d;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	border-right: 1px solid #ccc;
}

#nav a.first {
}

#nav a.last {
	border-right: none;
}

#nav div.selected {
	background: url(../i/nav-arrow.gif) no-repeat 50% 0px;
}

#nav div.selected a {
	color: #002179;
}

#home-text {
	padding-top: 40px;
	padding-left: 6px;
}

#home-text h1 {
	color: #d7c365;
	font-size: 20px;
	padding: 0px;
	margin-bottom: 12px;
	background: none;
	width: 500px;
}

#home-text p {
	color: #ffffff;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 12px;
	line-height: 20px;
}

#home-feature {
	float: right;
	padding-top: 10px;
	margin-left: 40px;
	margin-right: 6px;
	width: 266px;
	height: 200px;
}

#home-feature a {
	color: white;
}

#home-feature h3 {
	color: white;
}

#home-feature p {
	color: #fff;
	font-size: 11px;
	line-height: 16px;
}

#home-feature strong, #home-feature b {
	color: #ddddff;
	font-size: 13px;
}

#home-feature .address {
	color: #d7c365;
	font-size: 12px;
}

#home-feature div {
	position: relative;
	width: 266px;
	height: 109px;
	overflow: hidden;
}

#home-feature img.img {
	border: 3px solid #d7c365;
}

#home-feature img.ol {
	position: absolute;
	bottom: 3px;
	left: 3px;	
}

h1 {
	color: #0063ac;
	font-size: 27px;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 24px;
	background: url(../i/interior-head-bg.jpg) no-repeat;
	padding-top: 7px;
	padding-left: 12px;
	height: 37px;
}

body.case-study h1, body.property h1 {
	background: url(../i/case-study-head-bg.jpg) no-repeat;
	width: 470px;
}

h2 {
	color: #002179;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 9px;
	width: 470px;
}

body.portfolio h2 {
	width: auto;
}

h3 {
	color: #0063ac;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 6px;
}

h3.divider {
	border-top: 1px solid #eee;
	padding-top: 6px;
	margin-top: 20px;
	margin-bottom: 12px;
}

#inner-content.thin h3, #inner-content.thin h2 {
	width: 500px;
}

body.case-study h3 {
	margin-bottom: 12px;
}

body.property h3 {
	margin-bottom: 12px;
}

a {
	color: #002179;
}

a:hover {
	color: #000000;
}

#inner-content.thin {
	width: 550px;
}

#inner-content p {
	font-size: 12px;
	color: #333;
	line-height: 16px;
	margin: 0px;
	margin-bottom: 12px;
}

body.case-study #inner-content, body.property #inner-content {
	width: 460px;
}

body.portfolio #inner-content {
	width: 920px;
}

#sidebar {
	float: right;
	width: 305px;
	padding-left: 22px;
	margin-left: 22px;
	background: url(../i/sidebar-bg.gif) no-repeat left bottom;
	padding-bottom: 60px;
	/*min-height: 575px;*/
}

body.case-study #sidebar, body.property #sidebar {
	width: 416px;
	padding: 0px;
	margin: 0px;
	background: none;
	position: absolute;
	top: 18px;
	right: -6px;
}

body.urban-transformation #sidebar {
	background: url(../i/sidebar-bg.gif) no-repeat 0px -380px;
	margin-left: 10px;
}

body.urban-transformation #content a img {
	margin-right: 4px;
	margin-bottom: 10px;
	margin-top: 10px;
}

a.thumb {
	display: block;
	float: left;
	margin-right: 3px;
	margin-bottom: 14px;
	margin-top: 14px;
}

a.first {
	clear: left;
}

a.last {
	margin-right: 0px;
}

body.media-room a.thumb {
	margin-right: 6px;
}

body.portfolio a.thumb {
	margin-right: 67px;
}

body.portfolio a.last {
	margin-right: 0px;
}

body.portfolio a.shortrow {
	margin-left: 243px;
}

#sidebar #page-image {
	margin-bottom: 24px;
}

#sidebar p {
	margin: 0px;
	margin-bottom: 6px;
	font-size: 13px;
	color: #0063ac;
	line-height: 18px;
}

.breaker {
	clear: both;
	height: 1px;
	font-size: 1px;
}

.blue {
	color: #002e92;
}

#gallery {
	position: absolute;
	width: 399px;
	height: 467px;
	background: url(../i/case-study-image-bg.gif) no-repeat;
	padding: 9px;
}

#arrow-right {
	position: absolute;
	right: -17px;
	top: 220px;
	cursor: pointer;
}

#arrow-left {
	position: absolute;
	left: -14px;
	top: 220px;
	cursor: pointer;
}

#gallery-image-scroll {
	position: relative;
	width: 399px;
	height: 467px;
	overflow: hidden;
}

#gallery-image-container {
	position: absolute;
	width: 5000px;
	height: 467px;
}

#gallery-image-container div {
	float: left;
	width: 399px;
	overflow: hidden;
	position: relative;
}

#gallery-image-container div.pre {
	position: absolute;
	left: -399px;
	top: 0px;
}

#gallery-image-container span.caption {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 340px;
	height: 24px;
}

#gallery-image-container span.caption span.bg {
	background: #000;
	position: absolute;
	width: 340px;
	height: 24px;
	top: 0px;
	left: 0px;
}

#gallery-image-container span.caption span.txt {
	font-size: 11px;
	color: #fff;
	position: absolute;
	top: 6px;
	right: 6px;
}

#gallery-image-container span.count {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 11px;
	color: #fff;
	height: 24px;
	width: 55px;
}

#gallery-image-container span.count span.bg {
	background: #000;
	position: absolute;
	width: 55px;
	height: 24px;
	top: 0px;
	left: 0px;
}

#gallery-image-container span.count span.txt {
	text-align: center;
	font-size: 11px;
	color: #fff;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 43px;
}

#footer {
	background: url(../i/footer-bg.jpg) repeat-x #002179;
	height: 108px;
	padding-top: 58px;
	clear: both;
}

#footer p {
	color: #8090bc;
	padding-bottom: 6px;
	border-bottom: 1px solid #8090bc;
	width: 895px;
	margin: 0px auto;	
	margin-bottom: 6px;
}

#footer p.last {
	position: relative;
	border-bottom: none;
}

#footer a {
	color: #8090bc;
	text-decoration: none;
}

#footer a:hover {
	color: white;
}

body.home #footer {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 20px;
	background: none;
	height: auto;
}

#case-study-subnav {
	margin: 0px auto;
	width: 895px;
	padding-top: 10px;
	padding-bottom: 30px;
}

#case-study-subnav h4 {
	margin: 0px;
	width: 470px;
	color: #dfcd6a;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 6px;
	margin-bottom: 6px;
	background: url(../i/h4-bg.gif) no-repeat bottom left;
}

#case-study-subnav .col {
	float: left;
	margin-right: 20px;
}

#case-study-subnav a {
	display: block;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 1px;
	font-size: 10px;
	color: white;
}

#case-study-subnav a.selected {
	color: #dfcd6a;
	background: #001c58;
}

#case-study-subnav a:hover {
	color: #dfcd6a;
}

body.media-room #sidebar {
	margin-left: 10px;
}

#featured-box {
	background: url(../i/news-snipe-bg.jpg) repeat-x;
	width: 293px;
	padding: 6px;
	min-height: 300px;
}

#featured-box h4 {
	margin: 0px;
	padding-top: 17px;
	padding-left: 23px;
	font-size: 14px;
	font-weight: normal;
	color: #002179;
	height: 26px;
	background: url(../i/h4-bg.jpg) repeat-x;
	margin-bottom: 12px;
}

#featured-box p {
	color: #333;
	font-size: 12px;
	padding-left: 22px;
	padding-right: 22px;
}

#sub-description {
	background: url(../i/sub-description-bg.jpg) no-repeat;
	padding: 20px;
	padding-top: 5px;
}

#sub-description h3 {
	color: #424242;
}

#sub-description p {
	margin: 0px;
	margin-bottom: 6px;
}

#prop-caption {
	float: right;
	width: 353px;
	padding: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #001c58;
}

#prop-caption .quote {
	display: block;
	color: #dfcd6a;
	font-size: 12px;
	line-height: 18px;
}

#prop-caption .author {
	margin-top: 12px;
	display: block;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
}

#visit-website {
	position: absolute;
	top: 90px;
	left: 350px;
	width: 125px;
}

#video-flash {
	background: url(../i/flash-bg.jpg) no-repeat;
	padding-top: 6px;
	padding-left: 6px;
	width: 506px;
	height: 324px;
	position: relative;
}

#prop-hold {
	padding-top: 20px;
	width: 985px;
	float: left;
}

.prop-thumb {
	width: 176px;
	background: url(../i/folio-bg.jpg) bottom right no-repeat;
	padding-bottom: 12px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

body.portfolio .prop-thumb {
	margin-right: 65px;
	margin-bottom: 42px;
}

.last-thumb {
	margin-right: 0px;
}

.prop-thumb a {
	display: block;
	width: 176px;
	text-decoration: none;
	font-weight: bold;
	color: #424242;
}

.prop-thumb img {
	display: block;
	border: 3px solid #dfcd6a;
	margin-bottom: 8px;
}

.prop-thumb span {
	display: block;
	text-align: center;
	padding-right: 12px;
}

a#desby {
	position: absolute;
	right: 0px;
	top: 0px;
}