@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'trajan';
	src: url('http://assets.rmcloud.com/fonts/trajanpro-regular-webfont.eot');
	src: local('☺'), url('http://assets.rmcloud.com/fonts/trajanpro-regular-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/trajanpro-regular-webfont.svg#webfontWfMJpRZt') format('svg');
	font-weight: normal;
	font-style: normal;
}

.wrapper {width:100%;}
.container{width: 960px; margin: 0 auto;}

body { background: url(images/body.jpg) repeat-x #2a4151 !important; }
#siteHolder { background: url(images/background.jpg) no-repeat center top; width: 1052px; margin: 0 auto; *position: relative; *z-index: 800;}

#header {
	background: url(images/header.gif) no-repeat;
	height: 136px;
	position:relative;
	*z-index:850;
}

#menu {
	background: url(images/nav.jpg) no-repeat;
	width: 737px;
	height: 125px;
	margin: 0 0 0 -20px;
	float: left;
}

#menu h1 {
	margin:0 0 0 -10000px;
	padding: 0;
	position:absolute;
}

#menu h2 {
	color: #16232B;
    font-family: 'trajan';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 29px 0 0 364px;
    text-shadow: 0 1px 1px #7AAAB8;
}

#nav {
	margin: 0;
	-margin: 0 0 0 25px;
	padding: 15px 0 0 3px;
	list-style:none;
	z-index:100;
}

#nav li {
	float: left;
	position:relative;
	z-index:150;
}

#nav li a {
	color: #FFFFFF;
    display: block;
    font-family: 'trajan';
    font-size: 15px;
    line-height: 39px;
    padding: 0 10px;
	-padding: 0 8px;
}

#nav li ul {
	display: none;	
}

#nav li.over a {
	background: #2a4151;
	color: #7AAAB8;
	text-decoration:none;
}

#nav li.over ul {
	display: block;
	position: absolute;
	width: 380px;
	background: url("images/dropdown.gif") no-repeat scroll left bottom #2A4151;
	margin: 0;
	padding: 10px;
	list-style:none;
	left: 0;
	z-index: 200;
}


#nav li.over ul a {
	background: none;
    border-bottom: 1px ridge #7AAAB8;
    color: #7AAAB8;
    font-size: 13px;
    line-height: 18px;
    margin: 0 5px;
    padding: 5px 0;
    text-decoration: none;
    width: 180px;
}

#nav li.over ul a:hover {
	color: #fff;
	width:175px;
	padding: 5px 0 5px 5px;
}

#frmLoginHeader {
	width: 193px;
	float: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 0 27px;
	*margin: 0 0 0 18px;
}

#frmLoginHeader input {
	background: #9FACB4;
    border: 1px solid #1B2A34;
	border-top: 2px solid #1B2A34;
    height: 27px;
    line-height: 27px;
    margin: 0 0 5px;
    padding: 0 5px;
    width: 183px;
}

#frmLoginHeader span {
	display: block;
	text-align:right;
}

#frmLoginHeader button {
	background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: auto;
}

#frmLoginHeader a, #frmLoginHeader button {
	border: medium none;
	border-bottom: 1px solid #fff;
    color: #FFFFFF;
	text-decoration:none;
}

#frmLoginHeader a:hover, #frmLoginHeader button:hover {
	border-bottom: none;	
}

#slider {
	height: 432px;
	overflow:hidden;
	position:relative;
	z-index:5;
}

#slider .items {
	position: absolute;
}

#slider .slide {
	width: 960px;
	height: 432px;
	float:left;
}

#video {background: url(images/video_bg.jpg) no-repeat;}
#sellers_guide {background: url(images/serllers_guide_bg.jpg) no-repeat;}
#comm_search {background: url(images/comm_search_bg.jpg) no-repeat;}
#market_snapshot {background: url(images/market_snapshot_bg.jpg) no-repeat;}
#industry_secrets {background: url(images/industy_secrets_bg.jpg) no-repeat;}

#slider .slide h1 {
	margin: 0;
	padding: 10px 20px 0 0;
	font-weight:normal;
	font-size: 28px;
	text-align:right;
	color: #1c2b36;
	text-shadow: 0 1px 2px #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.slideNav {
	list-style: none;
	margin: 13px 0 0 229px;
	-margin: 13px 0 0 114px;
	padding: 0;
	float: left;
}

.slideNav li a {
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0;
	-margin: 6px 0;
    padding: 7px 0 10px 10px;
	-padding: 7px 0 5px 10px;
    text-decoration: none;
    width: 163px;
	-cursor: pointer;
}

.slideNav li a span {
	background: #000000;
    display: block;
    font-size: 16px;
    margin: 0 0 0 -9px;
    padding: 2px 0 0 10px;
    width: 151px;	
	color: #cedfe5;
}

.slideNav li a:hover {
	color: #000;	
}

.slideNav li a:hover span {
	color: #000;
	background: #cedfe5;
}

.slideNav li.testimonial a { background: url(images/slideNav_testimonial.png) no-repeat; }
.slideNav li.search a { background: url(images/slideNav_search.png) no-repeat; }
.slideNav li.buying a { background: url(images/slideNav_buying.png) no-repeat; }
.slideNav li.selling a { background: url(images/slideNav_selling.png) no-repeat; }
.slideNav li.contact a { background: url(images/slideNav_contact.png) no-repeat; }

.slide .slideContent {
	float: left;
    font-family: arial;
    font-size: 13px;
    height: 322px;
    line-height: 16px;
    margin: 47px 0 0 5px;
    text-align: justify;
    width: 538px;
}

.slide .slideContent img {
	float: right;
	margin: 0 0 5px 10px;
}

#videoHolder {
	margin: -10px 7px 0 0;	
}

#surrey {
	background: url(images/surrey_bg.gif);
    height: 297px;
    margin: -10px 0 0 10px;
    position: relative;
    width: 261px;
	float: left;
}

#langley {
	background: url(images/langley_bg.gif) no-repeat;
    height: 300px;
    margin: -10px 0 0 40px;
	margin: -10px 0 0 20px;
    position: relative;
    width: 206px;
	float:left;
}

#surreyOver, #langleyOver {
	position: absolute;
	top: 0;
	left: 0;
}

#surrey h1 {
	font-family: 'trajan';
	margin: 0;
	padding: 11px 0 0 10px;
	text-align: left;
       font-weight: normal;
       margin: 0;
	font-size: 28px;
	color: #1c2b36;
	text-shadow: 0 1px 2px #fff;
}

#langley h1 {
	font-family: 'trajan';
	margin: 0;
	padding: 11px 0 0 102px;
	text-align: left;
       font-weight: normal;
       margin: 0;
	font-size: 28px;
	color: #1c2b36;
	text-shadow: 0 1px 2px #fff;
}

#surrey h2, #langley h2 {
	 background: none repeat scroll 0 0 #6C96A5;
    bottom: -37px;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    width: 259px;
}

#langley h2 {
	width: 204px;
}

h2.nameUp {
	 border: 1px groove #FFFFFF;
}

#surrey img, #langley img {
	margin: 0;
	float: none;
}

#imgLoad { display: none; }


#searchForm {
	background: url(images/searchForm_bg.gif) repeat-x;	
}

#searchForm .container {
	height: 159px;
	position:relative;
}

.navi {
	position: absolute !important;
bottom: -20px!important;
right: 0!important;
z-index: 50!important;
width: auto!important;
height: auto!important;
}

.navi a {
	display: block;
	width: 10px;
	height: 12px;
	background-image: url(images/navi.gif);
	-background: #20313d;
	margin: 0 5px;
	float: left;
}

.navi a:hover {
	background-position: left center;
	-background: #5c7985;
}

.navi a.active {
	background-position: left bottom;	
	-background: #984e21;
}

#photo {
background: url("images/agent_photo.png") no-repeat scroll 0 0 transparent;
    height: 576px;
    left: -115px;
    position: absolute;
    top: 10px;
    width: 319px;
    z-index: 100;
}

#frmMlsSearch {
	position:relative;
	z-index:20;
	margin: 0 0 0 232px;
}

#frmMlsSearch h1 {
	font-family: 'trajan';
	font-weight:normal;
	font-size: 18px;
	color: #16212a;
	margin: 0;
	padding: 15px 0;
}

#frmMlsSearch input, #frmMlsSearch select {
	background: url("images/search_form_bg.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #7C7C7C;
    color: #333333;
    font-family: arial;
    font-size: 14px;
    padding: 5px;
    text-transform: capitalize;
	margin: 0 5px 23px 0;
}

#frmMlsSearch option {
	background: #fff;	
}

#frmMlsSearch .input_long {
	width: 315px;
}

#frmMlsSearch select.input_long {
	width: 327px;	
}

#frmMlsSearch select {
	width: 150px;	
}

#frmMlsSearch a {
	background: url("images/search_form_button.gif") repeat scroll 0 0 transparent;
    border: 1px solid #7C7C7C;
    bottom: 22px;
    color: #FFFFFF;
    display: block;
    font-family: arial;
    font-size: 14px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
}

#frmMlsSearch a:hover {
	border-top: 1px solid #000;
	border-bottom: 1px solid #7C7C7C;
	border-left: 1px solid #000;
	border-right: 1px solid #7C7C7C;
	color: #ccc;
}

#frmMlsSearch a span {
	display: block;
	font-size: 18px;
}

div.ac_results {
	z-index: 50;	
}

#contactInfo {
	background: #16212a;
	border-top: 1px solid #737a7f;
	border-bottom: 1px solid #737a7f;
}

#contactInfo .container {
	height: 244px;	
	font-family: Arial, Helvetica, sans-serif;
}

#contactInfo .container h1 {
	font-family: 'trajan';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px;
    text-decoration: underline;
}

#contactInfo .container div, #contactInfo .container ul {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

#contact {
	background: url(images/contact_bg.gif);
	color: #16212A;
    float: left; 
    padding: 49px 0 50px;
    width: 233px;
	margin: 0 1px 0 0;
}

#contact a {
	color: #16212A;	
}

#contactInfo .container #contact h1 {
	font-size: 18px;
}

#testimonial {
	float: left;
	width: 246px;
	background: #2b3d48;
	color:#959ea4;
	padding: 47px 0 0;
	height: 197px;
	margin: 0 1px 0 0;
}

#testimonials-widget ul {
	margin: 0;
	padding:0;
	list-style:none;
}

#testimonials-widget p {
	margin: 0;	
	color:#959ea4;
	padding: 0 10px;
	font-family: arial;
	height:135px;
}

#testimonials-widget h2, .testimonial-name, .testimonial-date {
	display: none;	
}

#testimonial a {
	background: url("images/testimonial_link.gif") no-repeat scroll right center transparent;
    color: #5B7D8C;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 15px 0 0;
-margin: -15px 15px 0 0;
    padding: 2px 9px 2px 0;
    text-align: right;
}

#socialMedia {
	background: #24333e;
	float: left;
	width:245px;
	color:#667178;
	margin: 0;
	padding: 0;
	list-style:none;
	padding: 47px 0 0;
	height: 197px;
}

#socialMedia a {
	display: block;
    height: 30px;
    margin: 3px auto;
    width: 191px;
}

#socialMedia a#facebookLink { background: url(images/facebook.gif) no-repeat ; }
#socialMedia a#twitterLink { background: url(images/twitter.gif) no-repeat; }
#socialMedia a#blogLink { background: url(images/blog.gif) no-repeat ; }
#socialMedia a#linkedinLink { background: url(images/linkedin.gif) no-repeat ; }
#socialMedia a#youtubeLink { background: url(images/youtube.gif) no-repeat ; }

#footer_logo {
	background: url("images/footer_logo.gif") no-repeat scroll center top transparent;
    float: left;
    height: 244px;
    margin: 0 0 0 1px;
    width: 233px;
}

#copyrightLinks {
	padding: 10px 0;
	font-familY: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	text-align:center;
}

#copyrightLinks a {
	color: #fff;	
}

#intCms {
	background: #f8f8f8;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 920px;
}

.pagetitle {
	color: #9FACB4;
    font-family: 'trajan';
    font-size: 20px;
    padding: 0 10px 20px;
    text-decoration: underline;
}

div.hst {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
    background: -moz-linear-gradient(center top , #eff8fa, #fff) repeat scroll 0 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eff8fa), color-stop(1, #ffffff));
    border: 2px solid #7AAAB8;
    margin: 0 auto 20px;
    padding: 2px 10px 10px;
    width: 680px;
}

div.hst h1 {
	background: none repeat scroll 0 0 #577887;
    color: #FFFFFF;
    font-family: 'trajan';
    font-size: 18px;
    font-weight: normal;
    padding: 5px;
}

div.hst p {
	color: #000;
	font-size: 14px;
}

div.hst input {
	background: url("images/search_form_bg.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #7C7C7C;
    color: #333333;
    font-family: arial;
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 5px;
    text-transform: capitalize;
}

div.hst span {
    color: #577887;
    font-weight: bold;
}

div#contentPanelHolder {
  width: 960px;
  height: 432px;
  margin: 0 auto;
position: relative;
}


#market_side {display: none;}

.slide-content object {
	margin: 0 auto;
width: 516px !important;
text-align: center;
display: block !important;
border: 5px solid #2A4151;
padding: 1px;
height: 320px !important;
position: relative;
z-index: 10;
}

.slide-content embed {
width: 516px;
height:320px;
}

.rm-loader {
	*display: none !important;
}