@charset "utf-8";

/* =====  GLOBAL SETTINGS  ===== */
body  {
	margin:0;
	padding:0;
	font: 1.0em Arial, Helvetica, sans-serif;
	background:#2a2a2a;
	text-align:center;
	color:#303030;
}
* {
	margin:0;
	padding:0;
	border:0;
}
div#container { /* outer wrapper includes [header],[main menu],[page content],[footer] */
	width:1010px;
	background:#3a3a3a;
	margin: 0 auto;
	border:0;
	text-align:left;
}
div#contentbox { /* inner wrapper includes [main menu],[page content] */
	background-image: url(../images/pg_bg.gif); /*  background tile for most pages (no sidebar) */
	background-repeat:repeat-y;
}
div#contentbox_news {
	background-image: url(../images/pg_bg_news.gif); /* background tile with grey sidebar (faux 3-column) */
}

/* =====  COMMON HEADER  ===== */
div#header {
	height:70px;
	margin:0;
	padding:23px 0 0 23px;
	background-image:url(../images/h_bg.gif);
	text-align: right;
}
div#header p a {
	font-size:.5em;
	letter-spacing:.25em;
	color:#718e9d; /* condoguys lt blue */
	text-decoration:none;
	text-transform:uppercase;
	padding: 0 11px;
}
div#header p a:hover {
	color:#8db7cd; /* lt blue rollover */
}

/* =====  COMMON MAIN MENU  ===== */
div#menu {
	float:left;
	width:223px;
}
div#menu img {
	display:block; 
}
div#menu ul {
	border:0;
	list-style-type:none;
	margin: 18px 0; /* menu main section spacing */
}
div#menu ul ul {
	margin-top:0;
}
div#menu li li {
	font-size:.6em;
	letter-spacing:.1em;
	text-transform:uppercase;
	background: url(../images/menu_bg.gif) 0px 0px no-repeat #404040;
	margin: 2px 0; /* menu sub-section spacing */
}
div#menu li ul a {
	display:block;
	text-decoration: none;
	color:#707070;
	padding: 0 38px;
}
div#menu a:hover, div#menu li.menu_on a {
	color:#8db7cd;
}
div#menu li li:hover, div#menu li.menu_on {
	background-position: 0px -50px;
	background-color:#606060;
}
div#menu .menu_adbox {
	margin: 30px 0 8px 38px;
}
div#menu p {
	font-size:10px;
	width:125px;
	color:#999;
	margin: 0 0 25px 40px;
}
div#menu p a, div#menu p a:hover {
	color:#f0f0f0;
	text-decoration:none;
}

/* =====  COMMON FOOTER  ===== */

div#footer {
	height:99px;
	padding-top:61px;
	background-image:url(../images/f_bg.gif);
	text-align:center;
}
div#footer p {
	padding: 5px 0;
	font-size:.6em;
	letter-spacing:.1em;
	color:#606060;
}
	
div#footer a img {
	margin: 13px;
}
div#footer p a {
	color:#718e9d; /* condoguys lt blue */
	text-decoration:none;
	padding: 0 12px;
}
div#footer p a:hover {
	color:#8db7cd; /* lt blue rollover */
}

/* =====  CONTENT PAGES  ===== */

/* page : main content layout */
div#page { 
	margin: 0 0 0 223px;
	padding:0 10px 20px 0;
} 
div#page .textbox {
	margin:5px 0 20px 0;
	padding-top:5px;
	text-align:left;
}
div#page img {
	display:block;
}
div#page img.icon {
	display:inline;
	vertical-align:middle;
	margin: 0 3px 1px 0;
}
div#page .navbuttons {
	float: right;
	clear:right;
	margin: 0 0 0 20px;
	padding-bottom: 10px;
}
div#page .navbuttons img {
	margin: 4px 15px;
}

/* page : text headline styles */
div#page h2 {
	margin: 15px 0 0 26px;
	font-size:1em;
	color:#718e9d;
	text-transform:uppercase;
}
div#page h3 {
	margin: 0 0 10px 26px;
}
div#page h4  {
	font-size:.9em;
	color:#303030;
	margin: 25px 0 8px 26px;
	text-decoration:none;
	font-weight: normal;
}

/* page : text paragraph styles */
div#page p {
	font-size:.8em;
	color:#606060;
	margin: 0 20px 6px 26px; 
}
div#page strong {
	color:#718e9d; /* condoguys lt blue */
	font-weight:normal;
}
div#page p.large {
	font-size:1em;
	color:#303030;
	padding-bottom: 4px;	
}
div#page a {
	color:#718e9d; /* condoguys lt blue */
	text-decoration:underline;
}
div#page p.headline, div#page p.headline a  {
	font-size:.9em;
	color:#303030;
	margin: 25px 0 8px 26px;
	text-decoration:none;
}
div#page p.headline a:hover {
	color:#718e9d; /* condoguys lt blue */
	text-decoration:underline;
}

/* =====  PROPERTY LISTINGS  ===== */

/* listings : main content */
div#listings {
	background: url(../images/home/listings_bg.gif) 0px 0px no-repeat #f0f0f0;
	width:757px;
	margin-top: 25px;
	padding: 0 10px;
	height:219px;
}
div#listings img {
	display:inline;
	margin: 28px 0 0 5px; /* spacing between each listing box */
}
div#listing_tabs {
	margin: 0 0 0 26px;
	background-image:url(../images/listings/tabs_bg.gif);
}
div#listing_tabs img {
	display:inline;
	vertical-align:bottom;

/* listings : sidebar */
}
div#listing_sidebar {
	float: right;
	text-align:right;
	width:265px;
	margin: 0 0 0 20px;
	padding-bottom: 10px;
	padding-right:15px;
	overflow: hidden;
}
div#listing_sidebar img {
	margin: 0;
	padding-bottom:1px;
}
div#listing_sidebar p {
	margin: 0;
	padding: 0;
}
div#listing_copy {
	width:460px;
}
div#listing_copy img {
	display:inline;
	vertical-align:middle;
}
div#listing_copy h1 {
	font-size:.8em;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-weight:normal;
	color:#202020;
	margin:0 0 1px 26px;
}
div#listing_copy h2 {
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 8px 26px;
	letter-spacing:.1em;
}
div#listing_copy hr {
	width: 440px;
	margin: 10px 0 20px 26px;
}
div#listing_copy table {
	margin: 0 0 10px 26px;
	padding-bottom:10px;
}
div#listing_copy td {
	font-size:.7em;
	color:#202020;
}

/* =====  NEWS ARCHIVES PAGE ===== */

/* news: main content */
div#news_articles {
	width: 495px;
}
div#news_articles img {
	margin-bottom: 2px;
}
div#news_articles h3 {
	font-size:.8em;
	font-weight:normal;
	color:#303030;
	margin: 2px 20px 10px 26px;
}
div#news_articles strong {
	color:#303030;
	font-weight:bold;
}

/* news : sidebar */
div#news_headlines {
	float:right;
	width:215px;
	margin: 0 15px 0 0;
	text-align:right;
}
div#news_headlines img {
	margin: 15px 0 15px 0;
}
div#news_headlines h1 {
	font-size:.7em;
	font-weight:normal;
	color:#718e9d; /* condoguys lt blue */
	margin: 6px 4px 6px 0;
}
div#news_headlines a {
	text-decoration:none;
}
div#news_headlines a:hover {
	text-decoration:underline;
	color:#8db7cd; /* lt blue rollover */
}
div#news_headlines p {
	font-size:.8em;
	font-weight:normal;
	color:#606060;
	margin: 6px 4px 6px 0;
}
div#news_headlines p em {
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#606060;
}
div#news_headlines hr {
	width: 210px;
	margin: 5px 0;
}

/* =====  CONTACT FORM ===== */
div#contact_form {
	padding: 10px 5px 10px 0;
}
div#contact_form label {
	font-size:12px;
	font-weight:normal;
	color:#718e9d;
}
div#contact_form input {
	font-size:12px;
	font-weight:normal;
	color:#606060;
	margin: 0 0 5px 0;
	border: 1px solid #ddd;
    background: #fff;
	vertical-align:bottom;
}
div#contact_form textarea#comment {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#606060;
	margin: 5px 0 5px 0;
	border: 1px solid #ddd;
    background: #fff;
	overflow:auto;
}
div#contact_form .submit_button {
	background: url('../images/about/b_send_message.gif') no-repeat top left;
	color:#ddd;
	border:none;
	width:103px;
	height:14px;
}
div#contact_form .submit_button:hover {
		background: url('../images/about/b_send_message_on.gif') no-repeat top left;
}
div#contact_form .showing_button {
	background: url('../images/listings/b_request_showing.gif') no-repeat top left;
	color:#ddd;
	border:none;
	width:133px;
	height:14px;
}
div#contact_form .showing_button:hover {
		background: url('../images/listings/b_request_showing_on.gif') no-repeat top left;
}

/* =====  FLOATS AND HORIZONTAL RULES ===== */
.clearfloats { /* place on div or br as the final element before the close of the container */
	clear:both;
    height:0;
    line-height: 0;
	font-size: 1px;
}
.clearfloatright { /* place on div or br as the final element before the close of the container */
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0;
}
.fltrt { /* use to float an element right */
	float:right;
	clear:right;
	margin: 20px 0 0 20px;
}
.fltrt_text { /* use to float a text box right */
	float:right;
	width:394px;
	padding-right: 20px;
}
.fltlft { /* use to float an element left */
	float: left;
	margin-right: 20px;
}
.fltlft_pic { /* use to float an element left with padding */
	float: left;
	margin-right: 20px;
	padding: 10px 0 5px 26px;
}
hr {
	width: 400px;
	height: 1px;
	border: none;
	border-color:#fff;
	margin: 2px 0 12px 26px;
	text-align:left;
	background-color:#f0f0f0;
	background-image:url(../images/pg_div.gif);	
}
hr.full {
	width: 730px;
	margin: 0 0 0 26px;
}
hr.pagebottom {
	width: 730px;
	margin: 25px 0 8px 26px;
}