/*----------------------------------------------------------------------
DEFAULTS
----------------------------------------------------------------------*/
.capitalize { text-transform:capitalize; }
.active { opacity: 1.0 !important; }
.inactive { opacity: 0.2 !important; cursor: default !important; }
.preloader { width: 0px; height: 0px; display: none; }
.padding { margin-bottom: 10px; }

body * {
    position: relative;
    }
body div {
	margin: 0 auto;
	}
body span {
	display: hidden !important;
	}
.pageTitle {
	width: 900px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0 10px 0;
	font-size: 28px;
	line-height: 30px;
}

/*----------------------------------------------------------------------
HOME SLIDESHOW (SLIDER)
----------------------------------------------------------------------*/
.slideshowSlider {
	width: 100%;
	height: 700px;
	}

/*----------------------------------------------------------------------
HOME BUTTONS
----------------------------------------------------------------------*/
.homeButtons .buttonRow {
	width: 100%; height: auto;
	display: table;
	}
.homeButtons .buttonHolder {
	width: 25%; height: auto;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	color: #666;
	}
.homeButtons .col1 { padding-left: 0px; padding-right: 23px; }
.homeButtons .col2 { padding-left: 9px; padding-right: 16px; }
.homeButtons .col3 { padding-left: 16px; padding-right: 9px; }
.homeButtons .col4 { padding-left: 23px; padding-right: 0px; }

.homeButtons .buttonHolder * {
	font-size: 12pt; line-height: 12pt;
	color: #666;
	-webkit-font-smoothing: antialiased;
	}
.homeButtons .buttonHolder a:hover {
	color: #FFF;
	text-shadow: 0px 0px 6px #FFF;
	}
.homeButtons .buttonHolder a:active {
	color: #444;
	text-shadow: 0px 0px 6px #444;
	}

.homeButtons .buttonHolder .buttonImage {
	width: 100%; height: 101px;
	opacity: 0.8;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	margin-bottom: 9px;
	}
.homeButtons .buttonHolder:hover .buttonImage {
	opacity: 1.0;
	}
.homeButtons .buttonHolder:active .buttonImage {
	opacity: 0.4;
	}

.realtorButtons .col1 { padding-left: 0px; padding-right: 10px; }
.realtorButtons .col2 { padding-left: 10px; padding-right: 0px; }

/*----------------------------------------------------------------------
BODY
----------------------------------------------------------------------*/
.topicsCell {
	text-align: center;
	font-size: 13pt; line-height: 23pt;
	color: #999;
	-webkit-font-smoothing: antialiased;
	}
.topicsCell * {
	font-family: inherit;
	font-size: inherit; line-height: inherit;
	color: inherit;
	-webkit-font-smoothing: inherit;
	text-transform: inherit;
	}
.topicsCell a:hover { color: #3fa6ee; }
.topicsCell a:active { color: #444; }

.bodyCell * {
	font-size: 12pt; line-height: 15pt;
	color: #777;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
	}
.bodyCell h1 {
	font-size: 18pt; line-height: 18pt;
	font-weight: normal;
	color: #eeaa00;
	text-align: center;
	padding: 0px; margin: 0px 0px 22px 0px;
	}
.bodyCell h2 {
	font-size: 14pt; line-height: 14pt;
	font-weight: normal;
	color: #3fa6ee;
	padding: 0px; margin: 0px 0px 5px 0px;
	}
.bodyCell h3 {
	color: #AAA;
	padding: 0px; margin: 0px;
	display: inline;
	}
.bodyCell ul {
	padding: 15px 0px 15px 30px; margin: 0px;
	}
.bodyCell li {
	line-height: 18pt;
	}
.bodyCell a { color: #333;  }
.bodyCell a:hover { color: #FFF; text-shadow: 0px 0px 6px #FFF; }
.bodyCell a:active { color: #444; text-shadow: 0px 0px 6px #444; }

#homeSplash .photoCell {
	width: 900px; height: 400px;
	}
.homePhoto {
	width: 900px; height: 400px;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px; padding: 0px;
	}
#realtorSplash .photoCell {
	width: 900px; height: 320px;
	}
.realtorPhoto {
	width: 900px; height: 320px;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px; padding: 0px;
	}

/*----------------------------------------------------------------------
TESTIMONIALS
----------------------------------------------------------------------*/
.testimonials {
	width: 900px !important;
	}
.testimonials h1 {
	font-size: 18pt; line-height: 18pt;
	font-weight: normal;
	color: #eeaa00;
	text-align: left;
	padding: 0px; margin: 0px 0px 5px 0px;
	}
.testimonials .cellDivider,
.testimonials .cellDivider2,
.testimonials .cellDivider3 {
	margin: 20px 0px 20px 0px;
	}

/*----------------------------------------------------------------------
CONTACT
----------------------------------------------------------------------*/
.contactInfo {
	text-align: left;
	font-size: 13pt; line-height: 17pt;
	color: #777;
	-webkit-font-smoothing: antialiased;
	}
.contactInfo * {
	font-family: inherit;
	font-size: inherit; line-height: inherit;
	color: inherit;
	-webkit-font-smoothing: inherit;
	text-transform: inherit;
	}
.contactInfo a { line-height: 19pt; font-weight:normal; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 30px rgba(255,255,255,0.0); }
.contactInfo a:hover { color: #FFF; text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8);  }
.contactInfo a:active { color: #444; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 30px rgba(255,255,255,0.0); }

.highlighted { color: #3fa6ee !important; }
.highlighted:hover { color: #45b2ff !important; text-shadow: 0px 0px 8px rgba(61,139,255,1.0), 0px 0px 30px rgba(61,139,255,1.0) !important; }
.highlighted:active { color: #094092 !important; text-shadow: 0px 0px 8px rgba(61,139,255,0.4), 0px 0px 30px rgba(61,139,255,0.4) !important; }

.hshotLrg {
	width:auto; height: 240px;
	margin-bottom: 5px;
	padding: 1px;
	border: 1px solid #333;
	}

.contactInfo .social {
	width: auto;
	height: auto;
	display: block;
	position: relative;
	padding: 0;
	margin: 0 !important;
}
.contactInfo .social a {
	display: inline-block;
	position: relative;
	font-size: 0;
	line-height: 0;
	margin: 0 !important;
	padding: 0;
}
.contactInfo .social img {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0 5px 0 0;
}

.contactAgentInfoHolder {
	width: 500px;
	display: inline-block;
	position: relative;
}
.contactHolderRow {
	width: 100%;
	height: auto;
	display: table;
	text-align: left;
	float: left;
	padding-bottom: 15px;
}

.contactHolderLeft {
	width: 40%;
	height: auto;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

.contactHolderRight {
	width: 60%;
	height: auto;
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: 18px;
	color: #333;
}

.bodyCell .contactHolderRight h1 {
	font-size: 24px;
	font-weight: 400;
	color: #ee3a43;
	text-align: left;
	margin: 0px;
	}
.bodyCell .contactHolderRight h2 {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	}

/*----------------------------------------------------------------------
EMBEDDED FORM
----------------------------------------------------------------------*/
.formHolder {
	width: 100%; height: 100%;
	}
.formRow {
	width: 100%;
	display: table;
	}
.formRow label {
	font-size: 12pt; line-height: 16pt;
	color: #888;
	}
.formRow .field,
.formRow .area {
	height: auto;
	display: table-cell;
	padding: 0px 0px 8px 20px;
	text-align: left;
	}
.formRow .field { width: 25%; }
.formRow .area { width: 100%; }

.formRow .field input,
.formRow .area textarea {
	width: 100%;
	border: none; outline: none;
	color: #FFF;
	text-align: left;
	font-family: Lucida Grande, Helvetica, Arial;
	font-size: 10pt; line-height: 12pt;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #141414;
	opacity: 0.7;
	margin-top: 5px;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(20,20,20, 0.6)),
			color-stop(50%, rgba(20,20,20, 0.0)),
			color-stop(100%, rgba(20,20,20, 0.6))),
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(100%, rgba(255,255,255, 0.10)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(20,20,20, 0.6) 0%,
			rgba(20,20,20, 0.0) 50%,
			rgba(20,20,20, 0.6) 100%),
		-moz-linear-gradient(center top,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.10) 100%);
	background-image:
		linear-gradient(left center,
			rgba(20,20,20, 0.6) 0%,
			rgba(20,20,20, 0.0) 50%,
			rgba(20,20,20, 0.6) 100%),
		linear-gradient(center top,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.10) 100%);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.15) inset;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.15) inset;
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.15) inset;
	resize: none;
	}
.formRow .field input { padding: 5px 6px 5px 6px; }
.formRow .area textarea { padding: 4px 5px 4px 6px; }

.formRow .field input:hover,
.formRow .area textarea:hover,
.formRow .field input:focus,
.formRow .area textarea:focus,
.formRow .field input:active,
.formRow .area textarea:active {
	opacity: 1.0;
	}

.formHolder .submit { background-image: url('../images/siteButton-submit.png'); }
.formHolder .submit:active { background-image: url('../images/siteButton-submit-down.png'); }

.radioButtons {
	margin: 5px 0px 28px 0px;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 11pt; line-height: 11pt;
	color: #AAA;
	}

.invalidBackground {
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(20,20,20, 0.6)),
			color-stop(50%, rgba(20,20,20, 0.0)),
			color-stop(100%, rgba(20,20,20, 0.6))),
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,0,0, 0.0)),
			color-stop(100%, rgba(255,0,0, 0.20))) !important;
	background-image:
		-moz-linear-gradient(left center,
			rgba(20,20,20, 0.6) 0%,
			rgba(20,20,20, 0.0) 50%,
			rgba(20,20,20, 0.6) 100%),
		-moz-linear-gradient(center top,
			rgba(255,0,0, 0.0) 0%,
			rgba(255,0,0, 0.20) 100%) !important;
	background-image:
		linear-gradient(left center,
			rgba(20,20,20, 0.6) 0%,
			rgba(20,20,20, 0.0) 50%,
			rgba(20,20,20, 0.6) 100%),
		linear-gradient(center top,
			rgba(255,0,0, 0.0) 0%,
			rgba(255,0,0, 0.20) 100%) !important;
	box-shadow: 0px 0px 0px 1px rgba(220,37,37,0.5) inset !important;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(220,37,37,0.5) inset !important;
	-moz-box-shadow: 0px 0px 0px 1px rgba(220,37,37,0.5) inset !important;
	}
.invalidLabel {
	color:#DC2525 !important;
	}

/*----------------------------------------------------------------------
OFFICE GOOGLE MAP BUBBLES
----------------------------------------------------------------------*/
.officeBubble {
	width: auto; height: auto;
	min-width: 180px; max-width: 480px;
	font-size: 10pt; line-height: 14pt;
	color: #444;
	}
.officeBubble * {
	font-size: 10pt; line-height: 14pt;
	color: #444;
	}
.officeBubble h1 {
	font-size: 18pt; line-height: 20pt;
	-webkit-font-smoothing: antialiased;
	color: #CCC;
	font-weight: bold;
	padding: 0px;
	white-space: nowrap;
	margin: 0px 0px -4px 0px;
	}
.officeBubble a {
	font-weight: bold;
	color: #394BD2;
	}
.officeBubble a:hover { color: #DC2525; }
.officeBubble a:active { color: #000; }

.officeBubble img {
	width: 220px; height: 160px;
	padding: 1px;
	border: 1px solid #999;
	margin-bottom: 10px;
	}
.lonerOffice * {
	font-size: 12pt; line-height: 14pt;
	color: #444;
	}

/*----------------------------------------------------------------------
MORTGAGE CALCULATOR
----------------------------------------------------------------------*/
.mortgageTable {
	width: 100%; height: auto;
	display: table;
	}
.mortgageCell {
	width: auto; height: auto;
	display: table-cell;
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
	text-align: center;
	}
.mortgageTable .textField {
	width: 100%; height: auto;
	border: none; outline: none;
	color: #CCC;
	font-family: Lucida Grande, Helvetica, Arial;
	font-size: 10pt; line-height: 9pt;
	padding: 6px 12px 6px 12px;
	margin: 2px 0px 8px 0px;
	position: relative;
	top: 0px; left: 0px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 3px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 3px 0px rgba(0,0,0,0.4);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.3)),
			color-stop(100%, rgba(0,0,0, 0.1)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-color: #444;
	opacity: 0.5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.mortgageTable .textField:focus {
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.1)),
			color-stop(100%, rgba(0,0,0, 0.3)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.1) 0%,
			rgba(0,0,0, 0.3) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.1) 0%,
			rgba(0,0,0, 0.3) 100%);
	background-color: #444;
	opacity: 1.0;
	}
.mortgageTable .resultField {
	width: 100%; height: auto;
	border: none; outline: none;
	color: #CCC;
	font-family: Lucida Grande, Helvetica, Arial;
	font-size: 10pt; line-height: 9pt;
	padding: 6px 8px 6px 8px;
	margin: 2px 0px 8px 0px;
	position: relative;
	top: 0px; left: 0px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.4);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.3)),
			color-stop(100%, rgba(0,0,0, 0.1)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-color: #1a1a1a;
	opacity: 1.0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.mortgageTable select {
	width: 100%; height: auto;
	font-size: 12pt;
	}
.mortgageTable h2 {
	font-size: 12pt; line-height: 14pt;
	color: #AAA;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 10px;
	}
.mortgageTable .smallTitle {
	font-size: 12pt; line-height: 18pt;
	color: #555;
	margin-left: 10px;
	-webkit-font-smoothing: subpixel-antialiased;
	cursor: pointer;
	}
.mortgageTable .labels {
	width: 25%; height: auto;
	text-align: left;
	}
.mortgageTable .buttonHolder {
	width: auto; height:auto;
	margin-top: 12px;
	}
.mortgageTable .siteButton {
	z-index: 30;
	width: 120px; height: 30px;
	border: none; outline: none;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	}
.mortgageTable .siteButton:hover {
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
	}
.mortgageTable .calculate { background-image: url('http://canrealty.net/images/siteButton-calculate.png'); }
.mortgageTable .calculate:active { background-image: url('http://canrealty.net/images/siteButton-calculate-down.png'); }
.mortgageTable .reset { background-image: url('http://canrealty.net/images/siteButton-reset.png'); }
.mortgageTable .reset:active { background-image: url('http://canrealty.net/images/siteButton-reset-down.png'); }

/*----------------------------------------------------------------------
DIVIDERS
----------------------------------------------------------------------*/
.cellDivider,
.cellDivider2,
.cellDivider3,
.hiddenDivider {
	background-color: #000;
	}
.cellDivider {
	width: 100%; height: 1px;
	position: relative;
	margin: 0 auto;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.3)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.3) 50%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.3) 50%,
			rgba(255,255,255, 0.0) 100%);
	}
.cellDivider2 {
	width: 100%; height: 1px;
	position: relative;
	margin: 0 auto;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.5)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.5) 50%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.5) 50%,
			rgba(255,255,255, 0.0) 100%);
	}
.cellDivider3 {
	width: 100%; height: 1px;
	position: relative;
	margin: 0 auto;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.2)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.2) 50%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.2) 50%,
			rgba(255,255,255, 0.0) 100%);
	}
.hiddenDivider {
	position: relative; z-index: 20;
	margin: -1px auto 0px auto;
	}

/*----------------------------------------------------------------------
LIGHT STRING
----------------------------------------------------------------------*/
#toggleSwitch {
	width: 100%; height: 85px;
	top: 0px; left: 0px;
	position:absolute;
	z-index: 200;
	display: block;
	}
.stringHolder {
	width: auto; height: auto;
	padding: 20px;
	position: fixed;
	top: -40px; right: 30px;
	z-index: 60000 !important;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none;
	display: inline-block;
	}
.stringHolder:active { top: -22px; }

.stringLink {
	width: 2px; height: 2px;
	background: #666;
	margin: 1px auto;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	background-image:
		-webkit-gradient(linear, left top, right bottom,
			color-stop(0%, rgba(255,255,255, 0.9)),
			color-stop(100%, rgba(0,0,0, 0.7)));
	background-image:
		-moz-linear-gradient(left top,
			rgba(255,255,255, 0.9) 0%,
			rgba(0,0,0, 0.7) 100%);
	background-image:
		linear-gradient(left top,
			rgba(255,255,255, 0.9) 0%,
			rgba(0,0,0, 0.7) 100%);
	}
.stringCap {
	width: 4px; height: 4px;
	background: #999;
	margin: 1px auto;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-image:
		-webkit-gradient(linear, left top, right bottom,
			color-stop(20%, rgba(255,255,255, 0.9)),
			color-stop(100%, rgba(0,0,0, 0.7)));
	background-image:
		-moz-linear-gradient(left top,
			rgba(255,255,255, 0.9) 20%,
			rgba(0,0,0, 0.7) 100%);
	background-image:
		linear-gradient(left top,
			rgba(255,255,255, 0.9) 20%,
			rgba(0,0,0, 0.7) 100%);
	}

/*----------------------------------------------------------------------
MISC
----------------------------------------------------------------------*/
.altColor1 { color: #eeaa00 !important; }
.altColor2 { color: #CCC !important; }
.altColor3 { color: #999 !important; }
.altColor4 { color: #666 !important; }

.miscText {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 12pt; line-height: 22pt;
	color: #666;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	}
.errorMessage {
	width: 100%; height: auto;
	padding: 10px 0px 10px 0px;
	font-family: Helvetica, Arial !important;
	font-size: 12pt; line-height: 14pt;
	color: #DC2525;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	}

.videoDescription {
	font-size: 12pt; line-height: 15pt;
	color: #777;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
	margin: 0 auto;
	}
.videoDescription h2 {
	margin: 0px 0px 10px 0px;
	}
.videoDescription a {
    top: -8px; left: auto;
    text-align: center !important;
    display: block;
    }
.videoShadow {
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-bottom: 25px;
	text-align: center;
	}
.videoPlayer {
	overflow: none;
	margin: 0 auto;
	background: transparent !important;
	-webkit-box-reflect: below 0px
	-webkit-gradient(linear, left top, left bottom, color-stop(0.92, transparent), color-stop(1.0, rgba(255, 255, 255, 0.5)));
	}
.videoPlayer .flareVideo {
	background: transparent !important;
	}
.controls .play,
.controls .pause,
.controls .fullScreen,
.controls .volume * {
	font-size: 0pt; line-height: 0pt;
	color: transparent;
	}
#ios_video {
    display: none;
	}

/*----------------------------------------------------------------------
ANIMATIONS
----------------------------------------------------------------------*/
a,
.summaryNavigation div,
.detailNavigation div,
.propertyButtons div,
.propertyButton,
#loadResults span,
.formButtons div,
.formButtons span,
.formButton,
.closeText,
.siteButton,
.iconContainer,
#amenitiesHolder,
.amenitiesIcons,
.extraAmenities,
.rosterList td,
.rosterList span,
.homeButtons *,
.formHolder *,
.footer *,
.clearBtnWrapper *,
.propertyListedBy span {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
.autosuggest * {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	}

/* PREFERRED CLIENT SPECIFIC - START */
.pcs-toolgar a,
.pcs-toolbar span,
.pcs-button,
.property-button,
.boxHolder.pcs-buttons .pcs-buttons span,
.detailNavigation span {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
.pcs-toolbar {
	width: 900px;
	padding: 17px 0px 15px 0px;
	}
.pcs-toolbar .float-left {
	display: inline-block;
	float: left;
	text-align: left;
	}
.pcs-toolbar .float-right {
	display: inline-block;
	float: right;
	text-align: right;
	}
.pcs-toolbar * {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 12pt; line-height: 12pt;
	color: #bbb;
	}
.pcs-toolbar h1 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	}
.pcs-toolbar a,
.pcs-toolbar span {
	padding: 7px 12px 4px 12px;
	border-radius: 4px;
	background: #333;
	cursor: pointer;
	}
.pcs-toolbar .float-left a,
.pcs-toolbar .float-left span {
	margin-right: 10px;
	}
.pcs-toolbar .float-right a,
.pcs-toolbar .float-right span {
	margin-left: 10px;
	}
.pcs-toolbar a.special,
.pcs-toolbar span.special {
	background: transparent;
	margin-left: -12px;
	}
.pcs-toolbar a:hover,
.pcs-toolbar span:hover {
	color: #FFF;
	text-shadow: 0px 0px 6px #FFF;
	background: #444;
	}
.pcs-toolbar a:active,
.pcs-toolbar span:active {
	color: #444;
	text-shadow: 0px 0px 6px #444;
	background: #111;
	}
.pcs-toolbar a.important,
.pcs-toolbar span.important {
	color: #FFF;
	background: #256dc6;
	}
.pcs-toolbar a.important:hover,
.pcs-toolbar span.important:hover {
	color: #FFF;
	text-shadow: 0px 0px 6px #FFF;
	background: #2d81e7;
	}
.pcs-toolbar a.important:active,
.pcs-toolbar span.important:active {
	color: #1b467a;
	text-shadow: 0px 0px 6px #444;
	background: #0a1a2f;
	}
/* PREFERRED CLIENT SPECIFIC - END */