@charset "utf-8";
/* CSS Document */
/* styles for the pages (not index) */

body
{
	background: #e0e4ee url(images/page_bg.gif) repeat-x;
	text-align: center; /*center wrapper for IE */
	margin: 0;
	padding: 0;
	color: #747474;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

/* link styles */
/* regular and visited links */
a:link, a:visited
{
	color: #949494;
	text-decoration: none;
}
/*hover(mouseover)*/
a:hover, a:active
{
	text-decoration: none;
}

/* holds everything */
/* the wrapper needs to be 840 in order to get that
silly little shadow on the connect navigation tab
when on the contact/connect page*/
#wrapper
{
	background: none;
	display: block;
	height: auto;;
	margin: auto;
	overflow: hidden;	
	text-align: left;
	width: 840px;
}

/* brings the width back down to 820px
and sets a white background everything */
#main
{
	background: #fff;
	display: block;
	height: auto;;
	overflow: hidden;	
	text-align: left;
	width: 820px;
}


/* logo nav holder */
#header
{
	width: 820px;
	background: none;
	height: 80px;
}

/* company logo - links to the index page */
#header #logo a
{
	display: block;
	background: url(images/logo.gif) no-repeat;
	width: 276px;
	height: 80px;
	float: left;
}

/* navigation area */
/* index navigation */
#nav
{
	width: 544px;
	height: 80px;
	float: left;
	background: #fff;
}

/* who we are navigation - used when on the who we are page
so that the text doesn't show up above the nav tab */
#nav #who_we_are
{
	display: block;
	width: 92px;
	height: 22px;
	background: none;
	float:left;
}

/* navigation link when not on the who we are page */
#nav #who_we_are a
{
	display: block;
	width: 92px;
	height: 22px;
	background: url(images/i_who_we_are.gif) no-repeat;
	float:left;
	position: relative;
	top: 50px;
	left: 35px;
}

/* what we do navigation - used when on the what we do page
so that the text doesn't show up above the nav tab */
#nav #what_we_do
{
	display: block;
	width: 92px;
	height: 22px;
	float:left;
	background: none;
}

/* navigation link when not on the what we do page */
#nav #what_we_do a
{
	display: block;
	width: 92px;
	height: 22px;
	background: url(images/i_what_we_do.gif) no-repeat;
	float:left;
	position: relative;
	top: 50px;
	left: 55px;
}

/* what we do navigation - used when on the what we do page
so that the text doesn't show up above the nav tab */
#nav #our_properties
{
	display: block;
	width: 92px;
	height: 22px;
	float:left;
	background: none;
}

/* navigation link when not on the what we do page */
#nav #our_properties a
{
	display: block;
	width: 105px;
	height: 22px;
	background: url(images/i_our_properties.gif) no-repeat;
	float:left;
	position: relative;
	top: 50px;
	left: 65px;
}


/* news and press navigation - used when on the news and press page
so that the text doesn't show up above the nav tab */
#nav #news_press
{
	display: block;
	width: 92px;
	height: 22px;
	float:left;
	background: none;
}

/* navigation link when not on the news and press page */
#nav #news_press a
{
	display: block;
	width: 92px;
	height: 22px;
	background: url(images/i_news_press.gif) no-repeat;
	float:left;
	position: relative;
	top: 50px;
	left: 88px;
}


/* connect/contact us navigation - used when on the connect/contact us page
so that the text doesn't show up above the nav tab */
#nav #connect
{
	display: block;
	width: 63px;
	height: 22px;
	background: none;
	float:left;
}
/* navigation link when not on the connect/contact us page */
#nav #connect a
{
	display: block;
	width: 63px;
	height: 22px;
	background: url(images/i_connect.gif) no-repeat;
	float:left;
	position: relative;
	top: 50px;
	left: 106px;
}

/* header image for who we are page */
#nav_image_who
{
	width: 820px;
	height: 96px;
	background: url(images/whoweare_header.gif) no-repeat;
}
/* header image for what we do page */
#nav_image_what
{
	width: 820px;
	height: 96px;
	background: url(images/whatwedo_header.gif) no-repeat;
}
/* header image for contact us/connect page */
#nav_image_contact
{
	float: left;
	width: 820px;
	height: 98px;
	background: url(images/contactus_header.jpg) no-repeat;
}
#nav_contactshadow
{
	float: left;
	width: 12px;
	height: 179px;
	background: url(images/contactus_shadow.jpg) no-repeat;
	position: relative;
	top: -80px;
	left: 820px;
}

/* header image for properties page */
#nav_image_properties
{
	width: 820px;
	height: 96px;
	background: url(images/ourproperties_header.gif) no-repeat;
}
/* header image for news and events page */
#nav_image_newsevents
{
	width: 820px;
	height: 96px;
	background: url(images/newspress_header.gif) no-repeat;
}

/* END NAVIGATION */


/* content */
#content
{
	margin-top: 40px;
	width: 820px;
	background: #fff;
	font-size: 0.8em;
	line-height: 1.6em;
}

/* left col */
#content_left
{
	float: left;
	width: 520px;
}
#content_left p
{
	padding: 0px 50px 5px 50px;
}

/* right col */
#content_right
{
	float: left;
	width: 300px;
}
#content_right p
{
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

/*content classes for the what we do page so we can add property brokerage and management */
.content_whatwedo
{
	margin-top: 40px;
	width: 820px;
	background: #fff;
	font-size: 0.8em;
	line-height: 1.6em;
}

/* left col */
.content_left_wwd
{
	float: left;
	width: 520px;
}
.content_left_wwd p
{
	padding: 0px 50px 5px 50px;
}

/* right col */
.content_right_wwd
{
	float: left;
	width: 300px;
}
.content_right_wwd p
{
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

/* bottom shadow of content area */
#content_bottom
{
	clear: left;
	width: 820px;
	height: 15px;
	background: url(images/content_btm.gif) no-repeat;
}

/* PRESS and EVENTS ITEMS */
.pressitem
{
	width: 700px;
	margin: auto;
	margin-top: 20px;
	height: auto;
	display: block;
	overflow: hidden;
	background: none;
}

.press_header
{
	color: #990000;
	font-weight: bold;
	font-size: 1.1em;
}

.press_image_area
{
	width: 200px;
	float: left;
	padding-top: 20px;
}

.press_text_area
{
	width: 460px;
	float: left;
}
.press_text_area p
{
	padding: 10px;
	padding-top: 0;
}

.press_dottedline
{
	clear: left;
	width: 820px;
	height:1px;
	background: url(images/dline.gif) repeat-x;
}

/* footer - copyright and bottom navigation */
#footer
{
	margin: auto;
	margin-top: -5px;
	width: 820px;
	height: auto;
	color: #949494;
	font-size: 0.6em;
}
/* get it to look right in chrome */
body:nth-of-type(1) #footer
{
	margin-top: 0;
}

#footer p
{
	padding: 0;
	margin: 0;
	padding: 0;
}

#footer a:link, #footer a:visited
{
	color: #949494;
	text-decoration: none;
}
#footer a:hover, #footer a:active
{
	text-decoration: none;
}