@charset "utf-8";

/* =====  GLOBAL SETTINGS  ===== */

/* TESTING SERVER ONLY */
#conash3D0 { display:none; }

body  {
	margin:0;
	padding:0;
	font: 1.0em Arial, Helvetica, sans-serif;
	text-align:center;
	background-image:url(../images/background-tile.gif);
	background-position: center top;
	background-repeat:repeat-x;
	background-color:#ccc;
	background-attachment:fixed;
	line-height:1.02em;
}
* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}
div#container { /* outer wrapper includes [header],[main menu],[page content],[footer] */
	width:1010px;
	background:#fff;
	margin: 20px auto 0 auto;
	border:0;
	text-align:left;
}
div#contentbox { /* inner wrapper includes [main menu],[page content] */
	background-color:#fff;
}

/* =====  COMMON HEADER AND FOOTER  ===== */
div#header {
	height:64px; /* total header height = 92px */
	margin:0;
	padding:28px 0 0 35px;
	background-image:url(../images/banner-bg.gif);
}
div#footer {
	width:1010px;
	height:220px;
	background-image:url(../images/footer-bg.gif);
}
div#footer a img {
	display:inline;
	margin: 0;
	padding:80px 0 0 35px;
	
}

/* =====  COMMON MAIN MENU  ===== */

div#menu {
	float:left;
	width:172px;
	text-align:right;
	padding-top:40px;
}
div#menu ul {
	border:0;
	list-style-type:none;
	margin: 13px 0; /* menu main section spacing */
	padding: 0 0 5px 0;
}
div#menu ul ul {
	margin-top:0;
}
div#menu li li {
	margin: 2px 0; /* menu sub-section spacing */
	font-size:.7em;
}
div#menu li li a {
	text-decoration: none;
	color:#b3adaf; /* sub-menu text color OFF */
	margin-right:3px;
}
div#menu li li a:hover, div#menu li li.menu_on a {
	color:#718e9d; /* sub-menu text color ON */
}

/* menu image rollovers */
div#menu a.button { display:block; width:172px; height:24px; overflow:hidden; text-align:left; text-indent:-999999px; font-size:0; } /* sets button size and hides text */
div#menu a#b_home 			{ background: url(../images/menu-home.gif) no-repeat top right; }
div#menu a:hover#b_home		{ background-position: bottom right; }
div#menu #b_search 			{ background: url(../images/menu-property-search.gif) no-repeat top right; }
div#menu a:hover#b_search	{ background-position: bottom right; }
div#menu #b_buy 			{ background: url(../images/menu-buy-a-home.gif) no-repeat top right; }
div#menu a:hover#b_buy		{ background-position: bottom right; }
div#menu #b_sell 			{ background: url(../images/menu-sell-your-home.gif) no-repeat top right; }
div#menu a:hover#b_sell		{ background-position: bottom right; }
div#menu #b_blog 			{ background: url(../images/menu-vancouver-real-estate-blog.gif) no-repeat top right; }
div#menu a:hover#b_blog		{ background-position: bottom right; }
div#menu #b_testimonials	{ background: url(../images/menu-testimonials.gif) no-repeat top right; }
div#menu a:hover#b_testimonials	{ background-position: bottom right; }
div#menu #b_contact 		{ background: url(../images/menu-contact-tony-cikes.gif) no-repeat top right; }
div#menu a:hover#b_contact	{ background-position: bottom right; }

/* menu ad boxes */
div#menu .menu_adbox {
	margin: 40px 0 0 0;
}
div#menu p {
	font-size:.7em;
	width:125px;
	color:#999;
	margin: 8px 3px 5px auto;
}
div#menu p a, div#menu p a:hover {
	color:#b3adaf;
	text-decoration:none;
}


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

/* page : main content layout */
div#page { 
	margin: 0 0 0 223px;
	padding: 30px 0 0 0;
} 
div#page div#maincontent {
	width: 440px;
}
div#page .textbox {
	margin:5px 0 20px 0;
	padding-top:5px;
	text-align:left;
	width: 400px;
}
div#page img {
	display:block;
}
div#page img.icon {
	display:inline;
	vertical-align:middle;
	margin: 0 3px 1px 0;
}


/* page : sidebar */

div#page div#sidebar {
	float: right;
	width:290px;
	margin:30px 0 20px 0;
	padding:0;
}
div#page div#sidebar div { /* spacing between sidebar sections */
	margin-bottom:60px;
}
div#page div#sidebar a img { /* sidebar listing and link boxes */
	display:block;
	margin: 0 0 1px 0;
}
div#page div#sidebar h3 { /* sidebar h3 header images*/
	margin:0 0 6px 0;
	padding:0;
}
div#page p.linklist {
	display:block;
	padding:12px 0 5px 0;
}


/* page : text headline styles */
div#page h1 {
	margin: 0;
	font-size:1.5em;
	color:#718e9d;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.2em;
	letter-spacing:.05em;
}
div#page h2 {
	margin: 20px 0 10px 0;
	font-size:1em;
	color:#718e9d;
	font-weight:normal;
}
div#page h3 {
	font-size:1em;
	margin: 0 0 10px 0;
	color:#383536;
	text-decoration:none;
	font-weight: normal;

}
div#page h4  {
	font-size:.9em;
	color:#383536;
	margin: 25px 0 8px 0;
	text-decoration:none;
	font-weight: normal;
}

/* page : text paragraph styles */
div#page p {
	font-size:.76em;
	color:#666364;
	margin: 7px 0;
}
div#page strong {
	color:#718e9d; /* condoguys lt blue */
	font-weight:normal;
}
div#page p.large {
	font-size:.9em;
	color:#383536;
	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:#383536;
	margin: 0;
	text-decoration:none;
}
div#page p.headline a:hover {
	color:#718e9d; /* condoguys lt blue */
	text-decoration:underline;
}
div#page a.no-underline {
	text-decoration:none;
}


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

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


/* =====  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: 420px;
	height: 1px;
	border-bottom: 1px dotted #e0e0e0;
	margin: 20px 0 10px 0;
}
hr.full {
	width: 730px;
	margin: 0 0 0;
}
hr.pagebottom {
	width: 730px;
	margin: 25px 0 8px 0;
}