/* CSS Document */

/************************************************************************

	Site: Buchanan Partners

	Author:		eROI [www.eroi.com]  


	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Navigation
	4 - Home Page
	5 - Sub Page
	6 - Sub Navigation
	7 - Property Portfolio Page
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
background: url(/images/bg_body.gif) repeat-x;
background-color: #e6e6e6;
margin: 0;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #6e6e6e;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
margin: 0; 
padding: 0; 
}

p { font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #6e6e6e; }

a
{
text-decoration: none;
color: #0a40b3;
}

a:hover
{
text-decoration: underline;
}


/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div#container { 
width: 907px;
margin: 0 auto;
}

div#outerShell { 
width: 855px;
background: url(/images/bg_container.png) repeat-y;
padding-left: 52px;
}

/** html div#outerShell {  
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_container.png", sizingMethod="scale"); 
} */ 

div#shell {
width: 803px;
padding-bottom: 45px;
}

div#shellTEST {
width: 803px;
padding-bottom: 45px;
}

div#header {
background: url(/images/header.jpg) no-repeat;
height: 104px;
}

div#header a {
display: block;
width: 30%;
height: 100%;
}

div#nav {
width: 100%;
height: 35px;
border-bottom: 2px solid #323232;
}

div#subNav {
width: 783px;
height: 35px;
background-color: #4c4c4c;
padding: 0 10px;
}

div#content {
width: 100%;
}

div#subContent {
width: 100%;
background: url(/images/bg_sub_grey.gif) repeat-y;
padding-bottom: 35px;
}

/* Property Portfolio */
div#subContentProperty {
width: 100%;
background: url(/images/bg_sub_grey380.gif) repeat-y;
padding-bottom: 35px;
}

div#subCorporate {
width: 100%;
padding-bottom: 35px;
}

div#bottomCap {
background: url(/images/bottom_cap.png);
width: 100%;
height: 8px;
}

* html div#bottomCap {  
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bottom_cap.png", sizingMethod="crop"); 
} 

/*div#footer {
width: 50%;
padding: 25px 3px 0 0;
float: right;
text-align: right;
}*/

div#footer {
width: 50%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 40px;
text-align: center;
}

div#subFooter {
width: 50%;
padding: 25px 0 0 0;
margin: 0 auto;
text-align:center;
}

div#footer p {
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #5a5a5a;
}

div#subFooter p {
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #5a5a5a;
}


/***********************************************************************
	3 - NAVIGATION
************************************************************************/

div#nav ul {
display: inline;
}

div#nav li {
list-style-type: none;
float: left;
height: 35px;
}

div#nav li a { display: block; width: 100%; height: 100%; text-decoration: none; }

div#nav li a:hover { text-decoration: none; }

div#nav li a span { font: 10px Arial, Helvetica, sans-serif; visibility: hidden; }

li#home { width: 101px; background: url(/images/nav_home.gif) no-repeat; }
li#corporate  { width: 95px; background: url(/images/nav_corporate.gif) no-repeat; }
li#development  { width: 111px; background: url(/images/nav_development.gif) no-repeat; }
li#property  { width: 108px; background: url(/images/nav_property.gif) no-repeat; }
li#portfolio  { width: 92px; background: url(/images/nav_portfolio.gif) no-repeat; }
li#press  { width: 101px; background: url(/images/nav_press.gif) no-repeat; }
li#contact  { width: 97px; background: url(/images/nav_contact.gif) no-repeat; }
li#report { width: 98px; background: url(/images/nav_report.gif); }

li#home a:hover { width: 101px; background: url(/images/nav_home_over.gif) no-repeat; }
li#corporate a:hover  { width: 95px; background: url(/images/nav_corporate_over.gif) no-repeat; }
li#development a:hover  { width: 111px; background: url(/images/nav_development_over.gif) no-repeat; }
li#property a:hover  { width: 108px; background: url(/images/nav_property_over.gif) no-repeat; }
li#portfolio a:hover  { width: 92px; background: url(/images/nav_portfolio_over.gif) no-repeat; }
li#press a:hover  { width: 101px; background: url(/images/nav_press_over.gif) no-repeat; }
li#contact a:hover  { width: 97px; background: url(/images/nav_contact_over.gif) no-repeat; }
li#report a:hover { width: 98px; background: url(/images/nav_report_over.gif); }


body#corporate li#corporate a  { width: 95px; background: url(/images/nav_corporate_on.gif) no-repeat; }
body#development li#development a  { width: 111px; background: url(/images/nav_development_on.gif) no-repeat; }
body#property li#property a  { width: 108px; background: url(/images/nav_property_on.gif) no-repeat; }
body#portfolio li#portfolio a  { width: 92px; background: url(/images/nav_portfolio_on.gif) no-repeat; }
body#press li#press a  { width: 101px; background: url(/images/nav_press_on.gif) no-repeat; }
body#contact li#contact a  { width: 97px; background: url(/images/nav_contact_on.gif) no-repeat; }
body#report li#report a { width: 98px; background: url(/images/nav_report_on.gif); }


/***********************************************************************
	4 - HOME PAGE
************************************************************************/

div#content div#flash {
width: 390px;
float: left;
}

div#content div.block {
padding-top: 11px;
}

div#content div#homeContent {
width: 413px;
float: left;
}

div#content div#industry-leadership {
width: 388px;
/*background: url(/images/bg_home_intro.gif) no-repeat;*/
background-color: #F3F3F3;
border: 1px solid #E4E4E4;
/*padding: 17px 22px;*/
/*margin-bottom: 28px;*/
}

div#content div#industry-leadership h1 {
width: 100%;
height: 26px;
background: url(/images/home_intro_industry_leadership.gif) no-repeat;
/*margin-bottom: 15px;*/
}

div#content div#industry-leadership h1 span {
font-size: 14px;
visibility: hidden;
}

div#content div.block div#industry-leadership div.item-container {
display: block;
padding: 10px 15px;
}

div#content div#news {
width: 388px;
/*background: url(/images/bg_home_intro.gif) no-repeat;*/
background-color: #F3F3F3;
border: 1px solid #E4E4E4;
/*padding: 17px 22px;*/
margin-bottom: 28px;
}

div#content div#news h1 {
width: 100%;
height: 26px;
background: url(/images/home_intro_news.gif) no-repeat;
/*margin-bottom: 15px;*/
}

div#content div#news h1 span {
font-size: 14px;
visibility: hidden;
}

div#content div.block div#news div.item-container {
display: block;
padding: 10px 15px 0 15px;
}

div#content div.block div.item-container li {
list-style-type: none;
margin: 0;
padding: 0;
}

div#content div.block div.item-container div.news-item {
/*clear: both;*/
width: 100%;
margin-bottom: 15px;
padding: 0;
/*border-top: 1px solid #E4E4E4;*/
}




div#homeContent div#intro {
width: 369px;
height: 148px;
background: url(/images/bg_home_intro.gif) no-repeat;
padding: 17px 22px;
margin-bottom: 28px;
}

div#homeContent div#intro h1 {
width: 368px;
height: 26px;
background: url(/images/home_intro_head.gif) no-repeat;
margin-bottom: 15px;
}

div#homeContent div#intro h1 span {
font-size: 14px;
visibility: hidden;
}

div#homeContent div#intro p { margin: 0 7px 0 2px; }

div#homeContent div.block {
width: 388px;
padding: 0 0 0 25px;
}

div#homeContent div.block div.image {
float: left;
width: 94px;
padding-right: 28px;
}

div#homeContent div.block div.project-block {
float: left;
display: block;
width: 260px;
}

div#homeContent div.block div.project {
float: left;
width: 266px;
}

div#homeContent div.block div.project-type {
font-size: 10px;
color: #5A5A5A;
text-transform: uppercase;
}

div#homeContent div.block div.project-name {
font-size: 18px;
color: #0C4BC2;
}

div#homeContent div.block div.project-copy {
font-size: 11px;
color: #5A5A5A;
}

div#homeContent div.block div.project-link {
font-size: 10px;
color: #5A5A5A;
text-transform: uppercase;
}

div#homeContent div.block div.item-divider {
clear: both;
width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
background: url(/images/head_home_box_2.gif) no-repeat;
}
* html div#homeContent div.block div.item-divider {
margin-bottom: 0px;
}


div#homeContent div.block div.copy {
float: left;
width: 283px;
}

div.block div.copy h1{
background: url(/images/head_home_box.gif) no-repeat;
width: 279px;
height: 21px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #6d6d6d;
text-transform: uppercase;
}

div.block div.copy h2 {
font: bold 16px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #0c4bc2;
margin-top: 5px;
}

div.block div.copy p {
font: italic 12px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #5a5a5a;
margin: 2px 5px 0 0;
}

div.block div.copy p.link a {
font: normal bold 10px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #0c4bc2;
text-transform: uppercase;
text-decoration: none;
}

div.block div.copy p.link a:hover {
text-decoration: underline;
}

div#homeContent div.block div.pic {
float: left;
width: 105px;
}


div#homeNews {
margin-top: 24px;
width: 769px;
border: 1px solid #e4e4e4;
background-color: #f3f3f3;
padding: 19px 17px 22px 17px;
}

div#homeNews div#title {
float: left;
padding-right: 17px;
}

div#homeNews div#title h3 {
font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000000;
text-transform: uppercase;
padding-top: 3px;
}

div#homeNews div#headlines {
float: left;
width: 710px;
}

div#homeNews div#headlines li {
list-style-type: none;
border-bottom: 1px solid #e4e4e4;
padding: 3px 0;
}


/***********************************************************************
	5 - SUB PAGE
************************************************************************/

div#subContent div#pic {
width: 240px;
float: left;
}

div#subContent div#subText {
width: 529px;
float: left;
padding: 35px 0 0 21px;
}

div#subCorporate div#subText {
width: 803px;
padding: 0;
}

div#subText h1 {
font: bold 16px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #0d4dc2;
}

div#subCorporate div#subText h1 {
font: bold 16px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #0d4dc2;
margin-top: 25px;
}

div#subText p {
color: #5a5a5a;
margin: 0 0 10px 0;
}

/***********************************************************************
	6 - SUB NAVIGATION
************************************************************************/

div#subNav ul {
display: inline;
}

div#subNav li {
list-style-type: none;
display: inline;
float: left;
height: 35px;
}

div#subNav li a {
display: block;
text-decoration: none; 
color: #cccccc;
padding: 7px 12px 8px 12px;
 }
 
div#subNav li a:hover {
 color: #75a8ff;
}

div#subNav li a#current { 
text-decoration: none;
background-color: #383838;
color: #cccccc;
 }

div#subNav li a span { font: 10px Arial, Helvetica, sans-serif; visibility: hidden; }


/***********************************************************************
	7 - PROPERTY PORTFOLIO PAGE
************************************************************************/

div#subContentProperty div#pic {
width: 380px;
float: left;
}

div#subContentProperty div.propertyPic {
width: 380px;
}

div#subContentProperty div.propertyPic p {
padding-left: 35px;
font-style: italic;
margin-bottom: 10px;
}

div#subContentProperty div#subText {
width: 389px;
float: left;
padding: 35px 0 0 21px;
}