/* CSS Document */

/* ---------------------------------------------------- 
Layout Formatting
---------------------------------------------------- */ 

html 
	{ 
	height : 100%; 
	margin : 0 auto; 
	padding : 0;
	background-color : #58626A;
	text-align : center;
	}

body 
	{ 
	margin : 0 auto; 
	padding : 0;
	height : 100%;
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #FFF;
	line-height : 18px;
	text-align : left;
	background-image : url(/img/top-bg.gif);
	background-repeat : repeat-x;
	}
	
.form
	{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	border: 1px solid #666666;
	padding-right: 4px;
	padding-top: 1px;
	padding-left: 4px;
	}
	
.altRow 
	{
	background-color: #3B5168;
	}
	
.imageBorder 
	{
	border: 3px solid #66788C;
	}
	
.pdfbutton
	{
	background: url(/img/downloadtab.gif) center top no-repeat;
	padding: 5px;
	width: 150px;
	}
	
.propTitle 
	{
	font-size : 13px;
	}
	
.clear
	{
	clear: both;
	}	
	
/* ---------------------------------------------------- 
Layout
---------------------------------------------------- */ 

div#wrapper 
	{
	margin : 0 auto; 
	padding : 0px;
	width : 760px;
	}

div#headerBg 
	{
	width : 760px;
	height : 209px;
	background-image : url(/img/header-bg.jpg);
	background-repeat : no-repeat;	
	background-position : center;
	}
	
div#logo
	{
	width : 280px;
	height : 42px;
	position : relative;
	top : 58px;
	left : 27px;
	}
	
div#navBg 
	{
	width : 760px;
	height : 66px;
	background-image : url(/img/nav-bg.gif);
	background-repeat : no-repeat;
	background-position : center;
	}
	
div#nav
	{
	width : 709px;
	height : 32px;
	padding-left : 51px;
	}
	
div#content
	{
	background-image : url(/img/middle-bg.gif);
	background-position : center;
	background-repeat : repeat-y;
	height : 100%;
	}
	
div#contentHeader 
	{
	margin : 0 auto; 
	padding : 0;
	width : 641px;
	height : 61px;
	background-image : url(/img/content-header.gif);
	background-repeat : no-repeat;	
	position: relative;
	}
	
div body.listings #contentHeader 
	{
	margin : 0 auto; 
	padding : 0;
	width : 641px;
	height : 100px;
	background-image : url(/img/content-header.gif);
	background-repeat : no-repeat;	
	position: relative;
	}
	
div#contentMain
	{
	margin : 0 auto; 
	padding-top : 10px;
	padding-left : 37px;
	padding-right : 17px;
	padding-bottom : 10px;
	width : 587px;
	background-image : url(/img/content-main.gif);
	background-repeat : repeat;	
	overflow : auto;
	}
	
div#contentFooter
	{
	clear : both;
	margin : 0 auto; 
	padding : 0;
	width : 641px;
	height : 11px;
	background-image : url(/img/content-bottom.gif);
	background-repeat : no-repeat;	
	}
	
div#footer
	{
	margin : 0 auto; 
	padding : 0;
	text-align : center;
	width : 760px;
	font-size : 10px;
	color : #91A3B4;
	padding-top : 10px;
	padding-bottom : 10px;
	}
	
div#contentBottom
	{
	width : 760px;
	height : 69px;
	background-image : url(/img/middle-bg-bottom.gif);
	background-repeat : no-repeat;	
	}
	
div#map
	{
	color: #000000;
	border: 2px solid #999999;
	background: url(/img/loader.gif) center no-repeat;
	}
	
.print
	{
	display: none;
	}

/* ---------------------------------------------------- 
Nav
---------------------------------------------------- */ 

body.home #home,
body.services #services,
body.companyprofile #companyprofile,
body.listings #listings,
body.press #press,
body.contact #contact
	{
	background-position : bottom left; 
	}

/* ---------------------------------------------------- 
Buttons
---------------------------------------------------- */ 

#home
	{ 
	width : 108px; 
	height : 32px; 
	padding-right : 2px;
	overflow : hidden; 
	float : left;
	display : block;
	background : url(/img/b-home.gif) top left no-repeat;
	text-indent : -99999px;
	} 
  
#home:hover
	{ 
	background-position : bottom left; 
	}
	
#services
	{ 
	width : 108px; 
	height : 32px; 
	padding-left : 2px;
	overflow : hidden;
	float : left;
	display : block;
	background : url(/img/b-services.gif) top left no-repeat;
	text-indent : -99999px;
	} 
  
#services:hover
	{ 
	background-position : bottom left; 
	}
	
#companyprofile
	{ 
	width : 108px;  
	height : 32px; 
	padding-left : 2px;
	overflow : hidden; 
	float : left;
	display : block;
	background : url(/img/b-company-profile.gif) top left no-repeat;
	text-indent : -99999px;
	} 
  
#companyprofile:hover
	{ 
	background-position : bottom left; 
	}
	
#listings
	{ 
	width : 108px; 
	height : 32px;
	padding-left : 2px;
	overflow : hidden; 
	float : left;
	display : block;
	background : url(/img/b-listings.gif) top left no-repeat;
	text-indent : -99999px;
	} 
  
#listings:hover
	{ 
	background-position : bottom left; 
	}
	
#press
	{ 
	width : 108px; 
	height : 32px; 
	padding-left : 2px;
	overflow : hidden; 
	float : left;
	display : block;
	background : url(/img/b-press.gif) top left no-repeat;
	text-indent : -99999px;
	} 
  
#press:hover
	{ 
	background-position : bottom left; 
	}
	
#contact
	{ 
	width : 108px; 
	height : 32px;
	padding-left : 2px;
	overflow : hidden; 
	float : left;
	display : block;
	background : url(/img/b-contact.gif) top left no-repeat;
	display : block;
	text-indent : -99999px;
	} 
  
#contact:hover
	{ 
	background-position : bottom left; 
	}
	


body.listings-map #mapview,
body.listings-list #listview
	{
	background-position : top right; 
	}
	
body.listings-map #mapview:hover,
body.listings-list #listview:hover
	{
	background-position : top right; 
	}	
	
#mapview
	{ 
	width : 92px; 
	height : 27px; 
	overflow : hidden; 
	float : left;
	display : block;
	margin: 0 5px;
	background : url(/img/mapview_btn.jpg) top left no-repeat;
	} 
  
#mapview:hover
	{ 
	background-position : bottom left; 
	}
	
#listview
	{ 
	width : 92px; 
	height : 27px; 
	overflow : hidden; 
	float : left;
	display : block;
	margin: 0 3px 0 15px;
	background : url(/img/listview_btn.jpg) top left no-repeat;
	} 
  
#listview:hover
	{ 
	background-position : bottom left; 
	}
	
#listingsnav
	{
	width: 218px;
	height: 27px;
	position: absolute;
	top: 40px;
	right: 22px;
	}
	
span.hide
	{
	display:none;
	}
/* ---------------------------------------------------- 
Content
---------------------------------------------------- */ 

div#contentMainHome
	{
	margin : 0 auto; 
	padding-top : 10px;
	padding-left : 28px;
	padding-right : 26px;
	padding-bottom : 10px;
	width : 587px;
	background-image : url(/img/content-main.gif);
	background-repeat : repeat;	
	overflow : auto;
	}

div#contentLeftHome
	{
	width : 272px;
	float : left;
	margin-right : 20px;
	padding-right : 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}
	
div#contentRightHome
	{
	width : 274px;
	float : right;
	}


div#sectionHeader
	{
	position : absolute;
	top : 36px;
	left : 17px;
	}

/* ---------------------------------------------------- 
Links
---------------------------------------------------- */ 

div a:link 
	{
	color : #91A3B4;
	background-color : transparent;
	text-decoration : none;
	}

div a:visited
	{
	color : #91A3B4;
	background-color : transparent;
	text-decoration : none;
	}
div a:hover
	{
	color : #91A3B4;
	background-color : transparent;
	text-decoration : underline;
	}
	
div#map a:link 
	{
	color : #000000;
	background-color : transparent;
	text-decoration : underline;
	}

div#map a:visited
	{
	color : #000000;
	background-color : transparent;
	text-decoration : underline;
	}

div#map a:hover
	{
	color : #000000;
	background-color : transparent;
	text-decoration : underline;
	}
	
div#footer a:link 
	{
	color : #91A3B4;
	background-color : transparent;
	text-decoration : none;
	}

div#footer a:visited
	{
	color : #91A3B4;
	background-color : transparent;
	text-decoration : none;
	}

div#footer a:hover
	{
	color : #91A3B4;
	background-color : transparent;
	text-decoration : underline;
	}
	