/*----------------------------------------------------------------------
DEFAULTS
----------------------------------------------------------------------*/
/*
@font-face { font-family: 'Myriad Pro'; src: url('https://www.mcsrealestatewebsites.com/_fonts/MyriadPro-Regular.otf'); }
@font-face { font-family: 'Myriad Pro'; font-weight: bold; src: url('https://www.mcsrealestatewebsites.com/_fonts/MyriadPro-Bold.otf'); }
@font-face { font-family: 'MyriadPro-Light'; src: url('https://www.mcsrealestatewebsites.com/_fonts/MyriadPro-Light.otf'); }
*/

* {
	font-family: Helvetica Neue, Helvetica, Arial;
    -webkit-text-size-adjust: 100%;
    padding: 0px; margin: 0px;
	position: relative;
	outline: none;
	}
.webkitFontFix {
    font-family: Arial !important;
    font-size: 20pt !important;
    color: transparent !important;
    width: 0px; height: 0px;
    position: absolute;
    top: 0px; left: 0px;
	user-select: none; -webkit-user-select: none; -moz-user-select: none;
    }
a { text-decoration: none; }
img { border: none; }    
.clear { clear: both !important; }
.preloader { width: 0px; height: 0px; display: none; }
    
html,
body {
	width: 100%; height: 100%;
	background: #000;
	color: #888;
	position: inherit;
	}
    
/*----------------------------------------------------------------------
CONTAINERS
----------------------------------------------------------------------*/
.theHolder {
    width: 1000px; height: 100%;
    position: relative;
    z-index: 6;
    margin: 0 auto;
    }
.theTable {
    width: 100%; height: 100%;
    display: table;
    }
.theLeft {
    width: 200px; height: 100%;
    position: relative;
    display: table-cell;
    text-align: right;
    vertical-align: top;
    }
.theRight {
    width: 760px; height: 100%;
    top: 0px; left: 0px
    position: relative;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 20px;                                /* remember to deduct padding from width */
    }
.theNavHolder {
    width: 100%; height: 100%;
    position: table-cell;
    top: 0px; left: 0px;
    }
.theNavFloater {
    width: 182px; height: 100%;
    position: fixed;
    top: auto; left: auto;
    }
.theNavTable {
    width: 100%; height: 100%;
    display: table;
    text-align: right;
    }
.theNav {
    width: 100%; height: 100%;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    }
.theHeader {
    width: 100%; height: auto;
    padding: 20px 0px 20px 0px;
    background-color: transparent;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 1.0)),
			color-stop(100%, rgba(0,0,0, 0.0))),
		-webkit-gradient(linear, left top, right top,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.12)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 1.0) 0%,
			rgba(0,0,0, 0.0) 100%),
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.12) 50%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 1.0) 0%,
			rgba(0,0,0, 0.0) 100%),
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.12) 50%,
			rgba(255,255,255, 0.0) 100%);
    }
.theBroker {
    width: 100%; height: auto;
    padding: 10px 0px 9px 0px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    }
.aHeader_left,
.bFooter_left {
    width: 100%; height: auto;
    margin-right: -100%;
    float: left;
    text-align: left;
    }
.aHeader_right,
.bFooter_right {
    width: 100%; height: auto;
    margin-left: -100%;
    float: right;
    text-align: right;
    }

.brokerOnTop {
    background-image: none;
    text-align: right;
    position: absolute;
    top: 10px; right: 0px;
    }
.headerButtons {
    width: auto; height: auto;
    position: absolute;
    bottom: 5px; right: -8px;
    }
.headerButtons.gheaders {
    width: 100%; height: auto;
    position: relative;
    bottom: 0; right: 0;
    padding: 6px 0 0 0; margin: 0 0 -8px 0;
    text-align: center;
    }
.mapButtons {
    width: 660px; height: 20px !important;
    padding: 10px 0px 18px 0px;
    background-image: url('../images/glow-bottom.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    margin: 0 auto;
    }
#shareMenu {
    width: 100%; height: 0;
    position: relative;
    top: 7px; right: 0px;
    text-align: right;
    overflow: hidden;
    }
#translateMenu {
    width: auto; height: 26px;
    }
#translateMenu * {
    color: #000;
    text-shadow: none !important;
    }
.walkscoreHolder {
    width: 100%; height: 100%;
    background-color: #FFF;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.0)),
			color-stop(100%, rgba(0,0,0, 0.2)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.0) 0%,
			rgba(0,0,0, 0.2) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.0) 0%,
			rgba(0,0,0, 0.2) 100%);
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
    
/*----------------------------------------------------------------------
TEXT STYLES
----------------------------------------------------------------------*/    
.altColor1 { color: #666 !important; }
.altColor2 { color: #FFF !important; }
.altColor3 { color: #999 !important; }

.theNav * {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 12pt; line-height: 20pt;
	color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    }
.theNav a:hover {
	color: #FFF;
    text-shadow: 0px 0px 6px #FFF;
    }
.theNav a:active {
	color: #444;
    text-shadow: 0px 0px 6px #444;
    }
#ohNav {
	color: #DC2525;
    }
#ohNav:hover {
	color: #ff5151 !important;
    text-shadow: 0px 0px 10px #ff5151, 0px 0px 20px #ff5151 !important;
    }
#ohNav:active {
	color: #444 !important;
    text-shadow: 0px 0px 6px #444 !important;
    }
.theRight * {
    -webkit-font-smoothing: antialiased;
    }
.theRight p,
.theRight div {
	font-size: 12pt; line-height: 15pt;
    text-align: justify;
    }
.theRight .openHouseBanner,
.theRight .openHouseBanner p {
    color: #dc2525;
	font-size: 12pt; line-height: 15pt;
	font-weight: bold;
    text-align: justify;
    }
.theRight h1,
.theRight h1 span,
.theRight h1 a {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 14pt; line-height: 14pt;
    font-weight: normal;
	color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
    z-index: 10;
    }
.theRight .snippet {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 12pt; line-height: 14pt;
    font-weight: normal;
	color: #666;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    margin: -9px 0 15px 0;
    }
.theRight h2,
.theRight h2 span {
	font-size: 15pt; line-height: 18pt;
    font-weight: normal;
	color: #999;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 18px;
    }
.theRight h3,
.theRight h3 span {
	font-size: 15pt; line-height: 14pt;
    font-weight: normal;
	color: #666;
    text-transform: lowercase;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 2px;
    }
.theRight a { color: #444 !important; z-index: 1000; }
.theRight a:hover { color: #FFF !important; }
.theRight a:active { color: #666 !important; }

.theRight .introHeader {
    font-size: 20pt; line-height: 22pt;
    text-align: center;
    margin: -10px 0px 10px 0px;
    }
.theRight .headerFloat {
    float: right;
    z-index: 30 !important;
    top: 10px;
    }

.theHeader h1,
.theHeader h2,
.theHeader a,
.theHeader p {
	font-family: inherit;
    font-weight: normal;
	color: #999;
    text-transform: none;
    margin: 0px;
    letter-spacing: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
    }
.theHeader h1 {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 18pt; line-height: 20pt;
	color: #CCC;
	padding-top: 5px;
    }
.theHeader h2 {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 12pt; line-height: 14pt;
	color: #999;
    }
.theHeader p {
	font-size: 10pt; line-height: 13pt;
	color: #666;
    }
.theHeader a {
	color: #999 !important;
    }
.theHeader a:hover {
	color: #FFF;
    text-shadow: 0px 0px 6px #FFF;
    }
.theHeader a:active {
	color: #444;
    text-shadow: 0px 0px 6px #444;
    }
    
.aHeader_left *,
.bFooter_left * {
    text-align: left !important;
    }
.aHeader_right *,
.bFooter_right * {
    text-align: right !important;
    }
    
.theFooter {
    padding: 8px 0px 8px 0px;
    }
.theFooter * {
	font-size: 8pt !important; line-height: 8pt !important;
    -webkit-font-smoothing: subpixel-antialiased;
	color: #444;
    }
.theFooter a,
.theFooter span {
	color: #666 !important;
    cursor: pointer;
    }
.theFooter a:hover,
.theFooter span:hover {
	color: #FFF !important;
    text-shadow: 0px 0px 6px #FFF;
    }
.theFooter a:active,
.theFooter span:active {
	color: #444 !important;
    text-shadow: 0px 0px 6px #444;
    }

.theBroker {
    text-align: center !important;
    }
.theBroker h1,
.theBroker h2,
.theBroker a,
.theBroker p {
	font-family: inherit;
    font-weight: normal;
	color: #777;
    text-transform: none;
    margin: 0px;
    letter-spacing: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
    }
.theBroker h1 {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 16pt; line-height: 18pt;
	color: #999;
    }
.theBroker h2 {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 14pt; line-height: 16pt;
	color: #777;
	padding-top: 15px;
    }
.theBroker p,
.theBroker p * {
	font-size: 8pt; line-height: 10pt;
	color: #444;
	text-align: center;
	padding-top: 2px;
    }
.theBroker a:hover {
	color: #FFF;
    text-shadow: 0px 0px 6px #FFF;
    }
.theBroker a:active {
	color: #444;
    text-shadow: 0px 0px 6px #444;
    }

.realtorProfile {
	font-family: inherit !important;
    font-weight: normal !important;
	color: #666 !important;
    text-transform: none !important;
    margin: 0px !important;
    letter-spacing: 0px !important;
    -webkit-font-smoothing: subpixel-antialiased;
    }
.realtorProfile .profileBody {
    width: 500px; height: auto;
    text-align: left; float: right;
    -webkit-font-smoothing: subpixel-antialiased;
    }
.realtorProfile .profileBody * img {
    display: none !important;
    }
.realtorProfile h1,
.realtorProfile h2,
.realtorProfile h3,
.realtorProfile a,
.realtorProfile p,
.realtorProfile li {
	font-family: inherit;
    font-weight: normal;
	color: #999;
    text-transform: none;
    margin: 0px;
    letter-spacing: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
    text-align: left;
    }
.realtorProfile h1 {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 28pt; line-height: 28pt;
	color: #CCC;
	padding-top: 5px;
    }
.realtorProfile h2 {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 14pt; line-height: 20pt;
	color: #999;
    }
.realtorProfile h3 {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 13pt; line-height: 16pt;
	color: #999;
    }
.realtorProfile p,
.realtorProfile div,
.realtorProfile span {
	font-family: inherit !important;
	font-size: 13pt !important; line-height: 17pt !important;
	color: #666 !important;
    text-align: justify !important;
    }
.realtorProfile a {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 14pt; line-height: 20pt;
	color: #BBB !important;
    }
.realtorProfile a:hover {
	color: #FFF;
    text-shadow: 0px 0px 6px #FFF;
    }
.realtorProfile a:active {
	color: #444;
    text-shadow: 0px 0px 6px #444;
    }
.realtorProfile li {
	font-family: inherit !important;
	font-size: 13pt !important; line-height: 17pt !important;
	color: #666 !important;
    text-align: left !important;
    }
.realtorProfile ul {
    margin: 10pt 0pt 13pt 13pt !important;
    } 

.brokerOnTop * {
    text-align: right !important;
    }
.theDisclaimer {
	font-size: 11pt !important; line-height: 14pt !important;
    text-align: justify;
	color: #666;
    }

.mapButtons,
.codaLinks,
.javaLinks {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial !important;
	font-size: 14pt !important; line-height: 14pt !important;
	color: #888;
	text-transform: uppercase;
    letter-spacing: 1px;
    text-align: justify !important;
    -webkit-font-smoothing: antialiased !important;
    }
.mapButtons * {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline;
	color: #888;
    }
.mapButtons a,
.mapButtons span {
	color: #888;
    display: inline-block;
    }
.mapButtons a:hover,
.mapButtons span:hover {
	color: #FFF;
    text-shadow: 0px 0px 6px #FFF;
    }
.mapButtons a:active,
.mapButtons span:active {
	color: #444;
    text-shadow: 0px 0px 6px #444;
    }
.mapButtons .stretcher {
    display: inline-block;
    position: relative;
    width: 100%; height: 0px;
    font-size: 1pt !important; line-height: 1pt !important;
    }
#streetWalker,
#dayWalker {
    height: 0px;
    overflow: hidden;
    }
    
.amenitiesCategories span {
	font-family: Myriad Pro, Segoe UI, Helvetica Neue, Helvetica, Arial;
	font-size: 16px; line-height: 16px;
	color: #888;
    padding: 0px 0px 2px 0px !important;
    display: inline-block;
    -webkit-font-smoothing: antialiased !important;
    cursor: pointer;
    }
.amenitiesCategories span:hover {
	color: #FFF;
    text-shadow: 0px 0px 6px #FFF;
    }
.amenitiesCategories span:active {
	color: #444;
    text-shadow: 0px 0px 6px #444;
    }
.activeAmenity {
    color: #FFF !important;
    }
.amenitiesCategories select {
    font-size: 12pt;
    width: 120px;
    margin-top: 12px;
    margin-left: 1px;
    }

/*----------------------------------------------------------------------
IMAGE STYLES
----------------------------------------------------------------------*/    
.frame {
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25) inset, 0px 0px 0px 1px #000;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25) inset, 0px 0px 0px 1px #000;
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25) inset, 0px 0px 0px 1px #000;
    }
.largePhoto {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    -moz-background-size: auto 100%;
    width: auto; height: auto;
    max-width: 760px;
    margin-bottom: 15px;
    }
.largePhoto.small {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    -moz-background-size: auto 100%;
    width: auto; height: auto;
    max-width: 600px;
    margin: 0 auto 15px auto;
    }
.mediumPhoto {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    width: 280px; height: 200px;
    margin: 0px 1px 1px 1px;
    }
.smallPhoto {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    width: 240px; height: 170px;
    margin-bottom: 15px;
    margin-right: 20px;
    }
.mediumSlideholder {
    width: 280px; height: 200px;
    margin-top: -1px; margin-bottom: 15px;
    margin-left: -1px; margin-right: 15px;
    padding: 1px 0px 1px 2px;
    overflow: hidden;
    float: left;
    }
.theHeader img {
    width: auto; height: 150px;
    float: left;
    border: 1px solid #000;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
    margin-left: 1px;
    margin-right: 16px;
    }
.aHeader_left img {
    float: left;
    margin-left: 1px;
    margin-right: 16px;
    }
.aHeader_right img {
    float: right;
    margin-left: 16px;
    margin-right: 1px;
    }
.bFooter_left img {
    float: left;
    }
.bFooter_right img {
    float: right;
    }
.agentHeaders {
    width: 760px !important; height: auto !important;
    float: none !important;
    border: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
    margin: 0px !important;
    }
.theBroker img {
    width: auto !important; height: auto !important;
    margin: 0px 0px 1px 0px !important;
   }
.brokerOnTop img {
    float: right;
    border: none !important;
 	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
   }
.realtorProfile img {
    width: auto; height: 220px;
    float: left;
    margin: 1px 20px 20px 1px;
    border: 1px solid #000;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
    }
.theGrid {
    width: 780px; height: auto;
    margin-right: -20px;
    }
.theGrid * {
    font-size: 0pt !important; line-height: 0pt !important;
    }
.theGrid .smallPhoto {
    display: inline-block;
    cursor: pointer;
    }
.theGrid .smallPhoto:hover { opacity: 0.6; }
.theGrid .smallPhoto:active { opacity: 0.3; }

/*----------------------------------------------------------------------
HEADER HOLDER
----------------------------------------------------------------------*/
#trapperKeeper {
    position: absolute; z-index: 100;                                           /* toggle position: absolute and fixed to lock the header in place */
    width: 760px; height: auto; padding-bottom: 9px;
    margin-top: -20px;
    background-image: url('../images/shadow-header.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    }
.stuntDouble {                                                                           /* important, defines the header height, sorta */
    width: auto; height: auto; padding-bottom: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
    }
    
/*----------------------------------------------------------------------
PHOTO GALLERY
----------------------------------------------------------------------*/
#galleriaPaused {
    position: absolute;
    top: 80px; left: 50%; margin-left: -60px;
    z-index: 2000;
    background-color: rgba(0,0,0, 0.6);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.5)),
			color-stop(100%, rgba(0,0,0, 0.0)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.5) 0%,
			rgba(0,0,0, 0.0) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.5) 0%,
			rgba(0,0,0, 0.0) 100%);
	-pie-background:
		linear-gradient(center top,
			#000 0%,
			#111 100%);
    padding: 6px 10px 6px 10px;
    text-align: center;
    width: 100px; height: auto;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: default;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.15) inset, 0px 0px 0px 1px rgba(0,0,0, 0.7), 0px 1px 8px 0px rgba(0,0,0, 0.6);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.15) inset, 0px 0px 0px 1px rgba(0,0,0, 0.7), 0px 1px 8px 0px rgba(0,0,0, 0.6);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.15) inset, 0px 0px 0px 1px rgba(0,0,0, 0.7), 0px 1px 8px 0px rgba(0,0,0, 0.6);
	color: #FFF;
    }   
    
/*----------------------------------------------------------------------
CINEMA SCREEN
----------------------------------------------------------------------*/  
.cinemaTitle {
    width:100%; height: auto;
    position: absolute; z-index: 40 !important;
    top: 45px; left: 10px;
    color: #FFF !important;
    text-shadow: 0px 2px 20px #000, 0px 2px 20px #000, 0px 2px 20px #000, 0px 2px 20px #000 !important;
   }
.cinemaScreen {
    width: 800px; height: 706px;
    margin-top: -19px;
    margin-left: -19px;
    margin-right: -21px;
    position: relative;
    background-image: url('../images/cinema-screen.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    }
.cinemaCurtains {
    width: 100%; height: 100%;
    position: absolute; z-index: 10;
    top: 0px; left: 0px;
    background-image: url('../images/cinema-curtains.png');
    background-position: top center;
    background-repeat: no-repeat;
    }
.featurePositioner {
    width: 100%; height: 420px;
    position: relative;
    top: 100px; left: 0px;
    display: table;
    }
.featurePresentation {
    width: 100%; height: 100%;
    text-align: center !important;
    vertical-align: middle;
    display: table-cell;
    z-index: 15;
    }
.featurePresentation iframe {
    z-index: 15;
    }

.youtubeStage {
    width: auto; height: auto;
    margin-top: -19px;
    margin-left: -19px;
    margin-right: -21px;
    position: relative;
    }
.youtubeStage .cinemaTitle {
    position: relative;
    top: 25px;
    }
.youtubeStage .featurePositioner {
    width: 100%; height: auto;
    position: relative;
    top: 0px; left: 0px;
    display: table;
    padding-top: 32px;
    padding-bottom: 24px;
    }

/*----------------------------------------------------------------------
GOOGLE MAPS
----------------------------------------------------------------------*/
.mapCanvas {
    width: 100%; height: 100%;
    max-width: 760px; max-height: 540px;
    overflow: hidden;
    background: transparent !important;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0);
    }
.amenitiesCanvas {
    width: 560px; height: 540px;
    overflow: hidden;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0);
    }
.amenitiesCategories {
    width: 200px; height: 540px;
    overflow: hidden;
    float: left;
    }
.miniMap {
    width: 49%; height: 300px;
    position: relative; z-index: 60;
    margin-bottom: 12px;
    }
.miniMap .mapCanvas {
    width: 100%; height: 300px;
    }
.ie9 .miniMap .mapCanvas,
.ie8 .miniMap .mapCanvas {
    min-width: 360px; min-height: 300px;
    }

    
/*----------------------------------------------------------------------
TABLES  -  PROPERTY SPECS
----------------------------------------------------------------------*/
.propertySpecs {
	width: 100%; height: auto;
	border-collapse: collapse;
    background-image: url('../images/glow-top.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
	}
.propertySpecs td {
	width: auto; height: auto;
	border-style: solid;
	border-color: #282828;
	font-size: 12pt; line-height: 15pt;
	font-weight: bold;
	padding: 4px 7px 4px 7px;
	vertical-align: top;
    -webkit-font-smoothing: antialiased;
	}
.propertySpecs .altRow { background-color: rgba(50,50,50, 0.2); }

.propertySpecs .labelLeft {
	width: 100px;
	border-width: 1px 1px 1px 1px;
	text-align: left;
	color: #777;
	text-transform: lowercase;
	}
.propertySpecs .labelRight {
	width: 100px;
	border-width: 1px 1px 1px 0px;
	text-align: right;
	color: #777;
	text-transform: lowercase;
	}
.propertySpecs .valueLeft {
	border-width: 1px 0px 1px 1px;
	text-align: left;
	color: #AAA;
	}
.propertySpecs .valueRight {
	border-width: 1px 1px 1px 0px;
	text-align: right;
	color: #AAA;
	}

/*----------------------------------------------------------------------
TABLES  -  ROOM SPECS
----------------------------------------------------------------------*/
.roomSpecs {
	width: 100%; height: auto;
	border-collapse: collapse;
    background-image: url('../images/glow-top.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
	}
.roomSpecs td {
	width: auto; height: auto;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #282828;
	font-size: 10pt; line-height: 13pt;
	font-weight: bold;
	text-align: left;
	padding: 4px 7px 4px 7px;
	vertical-align: top;
    -webkit-font-smoothing: antialiased;
	}
.roomSpecs .altRow { background-color: rgba(50,50,50, 0.2); }

.roomSpecs .label {
	color: #777;
	text-transform: lowercase;
	}
.roomSpecs .value {
	color: #AAA;
	}
    
/*----------------------------------------------------------------------
FORMS
----------------------------------------------------------------------*/
.rowHolder {
    width: 780px; height: auto;
    position: relative;
    display: table;
    margin: 0px -10px 0px -10px;
    }
.rowHolder select {
    font-size: 12pt;
    width: 100%;
    }
.cellHolder {
    width: auto; height: auto;
    position: relative;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    font-size: 12pt; line-height: 12pt;
    font-weight: bold;
    color: #777;
    text-transform: lowercase;
    text-shadow: 0px 0px 10px #222;
    -webkit-font-smoothing: antialiased;
    padding: 10px;
    }
.mortgageValues .cellHolder {
    padding: 6px 10px 6px 10px;
    }
.textField,
.textArea,
.resultField {
    width: 100%; height: auto;
	font-family: Lucida Grande, Helvetica, Arial;
    font-size: 10pt; line-height: 10pt;
    color: #888;
    text-shadow: 0px -1px 1px #000;
    -webkit-font-smoothing: subpixel-antialiased;
    padding: 8px 12px 8px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none; outline: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    background-color: #222;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(25%, rgba(0,0,0, 0.5)),
			color-stop(100%, rgba(0,0,0, 0.0)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.5) 25%,
			rgba(0,0,0, 0.0) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.5) 25%,
			rgba(0,0,0, 0.0) 100%);
	-pie-background:
		linear-gradient(center top,
			#111 25%,
			#333 100%);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.1) inset, 0px 0px 0px 1px #000;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.1) inset, 0px 0px 0px 1px #000;
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.1) inset, 0px 0px 0px 1px #000;
    }
.resultField {
    font-size: 9pt; line-height: 9pt;
    color: #888;
    text-shadow: 0px -1px 1px #000;
    -webkit-font-smoothing: subpixel-antialiased;
    padding: 6px 8px 6px 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none; outline: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #252525;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(25%, rgba(0,0,0, 0.0)),
			color-stop(100%, rgba(0,0,0, 0.25)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.0) 25%,
			rgba(0,0,0, 0.25) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.0) 25%,
			rgba(0,0,0, 0.35) 100%);
	-pie-background:
		linear-gradient(center top,
			#252525 25%,
			#202020 100%);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.07) inset, 0px 0px 0px 1px #000;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.07) inset, 0px 0px 0px 1px #000;
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.07) inset, 0px 0px 0px 1px #000;
    opacity: 1 !important;
    }
.textArea {
    font-size: 11pt; line-height: 15pt;
    resize: none;
    }
.textField:focus,
.textArea:focus {
    background-color: #333;
    color: #FFF;
    }
hr {
    width: 100%; height: 1px;
    border: none; outline: none;
    margin: 20px 0px 20px 0px;
	background:
		-webkit-gradient(linear, left top, right top,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.40)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background:
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.40) 50%,
			rgba(255,255,255, 0.0) 100%);
	background:
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.40) 50%,
			rgba(255,255,255, 0.0) 100%);
	-pie-background:
		linear-gradient(left center,
			#000 0%,
			#4F4F4F 50%,
			#000 100%);
    }
.ie8 hr,
.ie9 hr {
	background:url('../images/divider-body.png') no-repeat center center;
    }
label {
    display: inline-block;
    margin: 0px 0px 6px 12px;
    }
.mortgageValues label {
    margin-left: 0px;
    margin-top: 2px;
    margin-bottom: 4px;
    }
.miniLabel {
    cursor: pointer;
    font-size: 10pt; line-height: 10pt;
    font-weight: normal;
    color: #747474;
    text-transform: none;
    text-shadow: none;
    -webkit-font-smoothing: subpixel-antialiased;
    margin: 0px 10px 0px 12px;
    }
.activeLabel {
    color: #FFF !important;
    text-shadow: 0px 0px 10px #888 !important;
    }
.invalidLabel {
    color: #DC2525 !important;
    text-shadow: 0px 0px 10px #DC2525 !important;
    }
.invalidField {
    color: #FFF;
    background-color: #580000;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.1) inset, 0px 0px 0px 1px #000, 0px 0px 30px 1px #580000;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.1) inset, 0px 0px 0px 1px #000, 0px 0px 30px 1px #580000;
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.1) inset, 0px 0px 0px 1px #000, 0px 0px 30px 1px #580000;
    }
.siteButton,
.siteButton_input {
    font-family: Helvetica Neue, Helvetica, Arial;
    width: auto; height: auto;
    padding: 7px 35px 7px 35px;
    display: inline-block;
    font-size: 12pt; line-height: 12pt;
    font-weight: bold;
	-webkit-font-smoothing: antialiased;
    color: #FFF;
    text-transform: none !important;
    text-shadow: 0px -1px 2px rgba(0,0,0, 0.6);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #4483f9;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,255,255, 0.3)),
			color-stop(100%, rgba(0,0,0, 0.25)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(255,255,255, 0.3) 0%,
			rgba(0,0,0, 0.25) 100%);
	background-image:
		linear-gradient(center top,
			rgba(255,255,255, 0.3) 0%,
			rgba(0,0,0, 0.25) 100%);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.4) inset, 0px 0px 0px 1px rgba(0,0,0, 0.25) inset;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.4) inset, 0px 0px 0px 1px rgba(0,0,0, 0.25) inset;
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.4) inset, 0px 0px 0px 1px rgba(0,0,0, 0.25) inset;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
    cursor: pointer;
    border: none; outline: none;
    }
.siteButton_input {
    padding-top: 8px;
    padding-bottom: 10px;
    }
.siteButton:hover,
.siteButton:focus,
.siteButton_input:focus,
.siteButton_input:hover {
    background-color: #DC2525;
    }
.siteButton:active,
.siteButton_input:active {
    background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(100%, rgba(255,255,255, 0.1)),
			color-stop(0%, rgba(0,0,0, 0.3)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(255,255,255, 0.1) 100%,
			rgba(0,0,0, 0.25) 0%);
	background-image:
		linear-gradient(center top,
			rgba(255,255,255, 0.1) 100%,
			rgba(0,0,0, 0.25) 0%);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.3) inset, 0px 0px 0px 1px rgba(0,0,0, 0.25) inset;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.3) inset, 0px 0px 0px 1px rgba(0,0,0, 0.25) inset;
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.3) inset, 0px 0px 0px 1px rgba(0,0,0, 0.25) inset;
    }
    
.clearHolder {
    width: auto; height: auto;
    position: relative;
    top: 0px; left: 0px;
    }
.clearHolder .clearButton {
    width: 26px; height: 26px;
    position: absolute; z-index: 200;
    top: 4px; right: 3px;
    background-color: transparent;
    background-image: url('../images/button-clear.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    -moz-background-size: auto;
    cursor: pointer;
    display: none;
    }

/*----------------------------------------------------------------------
SHOW MORE BUTTON
----------------------------------------------------------------------*/    
.moreCowbell {
    width: auto; height: auto;
    padding: 6px 12px 5px 12px;
    background: #1c1c1c;
    position: absolute;
    z-index: 20;
    bottom: -10px; right: 0px;
    text-align: center !important;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.08) inset, 0px 3px 20px 0px rgba(0,0,0,1.0) inset, 0px 0px 0px 1px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.08) inset, 0px 3px 20px 0px rgba(0,0,0,1.0) inset, 0px 0px 0px 1px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.08) inset, 0px 3px 20px 0px rgba(0,0,0,1.0) inset, 0px 0px 0px 1px rgba(0,0,0,1.0);
    font-size: 10pt !important; line-height: 10pt !important;
    text-shadow: 0px -1px 1px #000;
    color: #555;
    cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
    }
.moreCowbell:hover {
    background: #313131;
    color: #bbb;
    -webkit-font-smoothing: subpixel-antialiased;
    }
.moreCowbell:active {
    background: #6d0000;
    }
#extraText {
    width: auto; height: auto;
    }
.showText {
    width: auto; height: inherit !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    }
.hideButton {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    cursor: default !important;
    }
    
/*----------------------------------------------------------------------
SOCIAL ICONS
----------------------------------------------------------------------*/
.socialHolder {
    width: auto; height: auto;
    position: relative; z-index: 10;
    display: inline-block;
    text-align: right;
    }
.socialIcon {
    width: 50px; height: 50px;
    position: relative; z-index: 10;
    display: inline-block;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    bottom: -10px;
    text-align: right;
    }
.socialIcon:hover {
    bottom: 5px;
    }
.socialIcon:active {
    bottom: -10px;
    }
.socialIcon * {
    text-shadow: none !important;
    }
.facebook { background-image: url('../images/icon-facebook.png'); }
.twitter { background-image: url('../images/icon-twitter.png'); }
.linkedin { background-image: url('../images/icon-linkedin.png'); }
.myspace { background-image: url('../images/icon-myspace.png'); }
.google { background-image: url('../images/icon-google.png'); }
.youtube { background-image: url('../images/icon-youtube.png'); }
.pinterest { background-image: url('../images/icon-pinterest.png'); }

.shadow {
    background-position: bottom center;
    background-image: url('../images/icon-shadow.png');
    z-index: 8;
    margin-left: -50px;
    bottom: 0px; left: 0px;
    }
.socialHolder:hover .shadow {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    }
.socialStatus {
    width: auto; height: auto;
    position: relative;
    top: -20px; left: -7px;
    }
.socialStatus .socialText,
.socialText {
    width: 70px; height: auto;
    position: absolute; z-index: 12;
    bottom: -4px; left:-10px;
    text-align: center !important;
	font-family: Helvetica Neue, Helvetica, Arial !important;
    font-size: 8pt !important; line-height: 8pt !important;
    color: #888 !important;
    -webkit-font-smoothing: subpixel-antialiased;
    opacity: 0;
    filter: alpha(opacity=0);
    }
.socialStatus .socialIcon:hover .socialText,
.socialIcon:hover .socialText {
    bottom: -4px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    }
.socialStatus .socialIcon:active .socialText,
.socialIcon:active .socialText {
    bottom: -4px !important;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    }


/*----------------------------------------------------------------------
GOOGLE MAPS POPUPS
----------------------------------------------------------------------*/  
.mapBubble {
    position: relative;
    width: 350px; height: auto;
    background: transparent;
    overflow: hidden;
    }
.mapBubble * {
    position: relative;
    }
.mapBubble img {
    width: 150px; height: 110px;
    padding: 1px;
    border: 1px solid #999;
    margin-bottom: 15px;
    }
.mapBubble .sidebarLeft {
	font-size: 12pt; line-height: 12pt;
	color: #000;
	font-weight: bold;
    text-align: center;
	float: left;
	}
.mapBubble .sidebarRight {
    width: 186px; height: auto;
	font-size: 10pt; line-height: 16pt;
	color: #000;
	margin-left: 10px; margin-top: 4px;
	float: left;
	}
.mapBubble .sidebarRight h1 {
	font-size: inherit; line-height: inherit;
	color: #999;
    text-transform: lowercase;
    font-weight: normal;
	display: inline;
	}
.mapBubble .sidebarRight a {
	font-size: 12pt; line-height: 16pt;
	font-weight: bold;
	}
.mapBubble a { color: #394BD2; }
.mapBubble a:hover { color: #DC2525; }
.mapBubble a:active { color: #000; }

.mapBubble .detailsButton {
    text-align: center;
    margin-top: 19px;
	}
.mapBubble .formFooter {
    width: 100%; height: 21px;
    margin-top: 10px;
    text-align: center;
    }
.mapBubble .formFooter a {
	font-size: 9pt; line-height: 14pt;
	font-weight: bold;
	}
.mapBubble .formFooter .middle {
    margin-left: 30px;
    margin-right: 30px;
    }
.tagBizBubble {
    width: auto; height: auto;
	font-size: 10pt; line-height: 15pt;
	color: #000;
	text-align: left;
	padding: 0px 5px 0px 5px;
    }
.tagBizBubble h1 {
	font-size: 10pt; line-height: 15pt;
	color: #999;
    font-weight: normal;
	display: inline;
	}
.tagBizBubble h2 {
	font-size: 11pt; line-height: 19pt;
	color: #000;
	-webkit-font-smoothing: antialiased;
	}
.tagBizBubble a {
	font-size: 10pt; line-height: 15pt;
	font-weight: bold;
	}
.tagBizBubble a { color: #394BD2; }
.tagBizBubble a:hover { color: #DC2525; }
.tagBizBubble a:active { color: #000; }

/*----------------------------------------------------------------------
BACKGROUND
----------------------------------------------------------------------*/
.glowHolder {
    width: 1000px; height: 100%;
    min-width: 1000px;
    top: 0px; left: 50%; margin-left:-500px;
    position: fixed;
    background: #000;
    }
.glowLeft {
    width: 200px; height: 100%;
    background: #000;
    position: absolute;
    display: table-cell;
    z-index: 2;
    top: 0px; left: 0px;
    text-align: right;
    vertical-align: middle;
 	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 1.0)),
			color-stop(50%, rgba(0,0,0, 0.0)),
			color-stop(100%, rgba(0,0,0, 1.0))),
		-webkit-gradient(linear, left top, right top,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(100%, rgba(255,255,255, 0.12)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 1.0) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 1.0) 100%),
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.12) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 1.0) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 1.0) 100%),
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.12) 100%);
   }
.ie .glowLeft {
	background:url('../images/glow-left.png') no-repeat center right;
    }
.glowRight {
    width: 800px; height: 100%;
    background: #000;
    position: absolute;
    z-index: 2;
    top: 0px; left: 20%;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 1.0)),
			color-stop(50%, rgba(0,0,0, 0.0)),
			color-stop(100%, rgba(0,0,0, 1.0))),
		-webkit-gradient(linear, right top, left top,
			color-stop(70%, rgba(255,255,255, 0.0)),
			color-stop(100%, rgba(255,255,255, 0.12)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 1.0) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 1.0) 100%),
		-moz-linear-gradient(right center,
			rgba(255,255,255, 0.0) 70%,
			rgba(255,255,255, 0.12) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 1.0) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 1.0) 100%),
		linear-gradient(right center,
			rgba(255,255,255, 0.0) 70%,
			rgba(255,255,255, 0.12) 100%);
    }
.ie .glowRight {
	background:url('../images/glow-right.png') no-repeat center left;
    }
.glowCenter {
    behavior: url(css/pie-b4.htc);
    width: 1px; height: 100%;
    background: #000;
    position: absolute;
    z-index: 4;
    top: 0px; left: 20%;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.40)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.40) 50%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(center top,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.40) 50%,
			rgba(255,255,255, 0.0) 100%);
	-pie-background:
		linear-gradient(center top,
			#000 0%,
			#666 50%,
			#000 100%);
    }
.ie9 .glowCenter {
	background:url('../images/divider-sidebar.png') no-repeat center center;
    }

/*----------------------------------------------------------------------
SITE MESSAGES
----------------------------------------------------------------------*/
.notSupported {
    width: 100%; height: 100%;
    position: fixed; z-index: 2000 !important;
    top: 0px; left: 0px;
    background: #000;
    }
.notSupported .message {
    width: 800px; height: 200px;
    position: absolute;
    top: 50%; left: 50%;
    margin-top: -100px; margin-left: -400px;
    display: inline-block;
    text-align: center;
    }
.siteMessages {
    width: 100%; height: 100%;
    position: fixed; z-index: 1900 !important;
    top: 0px; left: 0px;
    background: #000;
    display: table;
    }
.siteMessages .message {
    width: auto; height: auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    }
.notSupported hr {
    width: 80%; height: 1px;
    color: #666;
    outline: none; border: none;
    margin: 15px auto 15px auto;
    padding: 0px;
    }
.notSupported a {
    display: inline-block;
    margin: 0px 20px 0px 20px;
    text-align: center;
    font-size: 12pt; line-height: 26pt;
    color: #555;
    }
.notSupported a:hover { color: #FFF; }
.notSupported a:active { color: #222; }

/*----------------------------------------------------------------------
MISC
----------------------------------------------------------------------*/    
.active { color: #bbb; }                           /* important, keep down here */

.divider {
    width: 100%; height: 1px;
    position: relative;
	background-image:
		-webkit-gradient(linear, left top, right top,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.30)),
			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.30) 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.30) 50%,
			rgba(255,255,255, 0.0) 100%);
    }
.ie8 .divider,
.ie9 .divider {
	background:url('../images/divider-body.png') no-repeat center center;
    }

#translateMenu,
#extraText,
#galleriaPaused,
.theDisclaimer {
    display: none;
    }

/*----------------------------------------------------------------------
SOCIAL FEVER
----------------------------------------------------------------------*/ 
.googleWrapper {
    text-align: right;
    padding-right: 0;
    margin-bottom: -15px;
    width: auto;
    height: auto;
    position: relative;
    display: block;
    }
.facebookWrapper {
    text-align: right !important;
    padding-right: 0;
    padding-bottom: 15px;
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.twitterWrapper {
    text-align: right;
    padding-right: 0;
    width: auto;
    height: auto;
    position: relative;
    display: block;
    }
/*----------------------------------------------------------------------
ANIMATIONS
----------------------------------------------------------------------*/    
a,
.footerButton,
.socialIcon,
.socialText,
.mapButtons *,
.amenitiesCategories *,
.moreCowbell,
.textField,
.textArea,
label,
.siteButton,
.siteButton_input,
.theGrid * {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
    }
    
/*----------------------------------------------------------------------
IPAD AND IPHONE SPECFIC
----------------------------------------------------------------------*/
@media only screen and (max-device-width: 1024px) {
    .resultField { opacity: 1 !important; }
    .areaDescripBtn { display: none !important; }
    .areaDescripTxt { display: block !important; }
    #rad { margin-top: 6px; }
    }
@media only screen and (max-device-width: 768px) {
    .resultField { opacity: 1 !important; }
    .areaDescripBtn { display: none !important; }
    .areaDescripTxt { display: block !important; }
    #rad { margin-top: 6px; }
    }
@media only screen and (max-device-width: 768px) and (orientation: portrait) {    }
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {   }
@media only screen and (max-device-width: 320px) and (orientation: portrait) {    }
@media only screen and (max-device-width: 480px) and (orientation: landscape) {    }

/*----------------------------------------------------------------------
BROWSER SPECIFIC
----------------------------------------------------------------------*/

.gecko .socialStatus {
    top: -24px;
    }
.gecko .openHouseBanner {
    margin-top: 0px !important;
    margin-bottom: 15px;
    }
.ie7 {
    overflow: hidden !important;
    }
.ie8 .openHouseBanner {
    margin-top: 0px !important;
    margin-bottom: 15px;
    }
.ie9 .openHouseBanner {
    margin-top: 0px !important;
    }
.ie .clear {
    height: 1px;
    }
.ie .theHeader {
    background-image: url('../images/glow-bottom.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    }
.ie h1 {
    margin-top: -6px !important;
    }
.win.safari .theBroker h1,
.win.chrome .theBroker h1,
.win.gecko .theBroker h1 {
    margin-top: -4px;
    margin-bottom: 6px;
    }
.ie .theBroker h1 {
    float: right;
    margin-bottom: 5px;
    }
.ie .mapButtons {
    padding-top: 2px !important;
    }    
.ie .realtorProfile img {
    margin-top: 5px !important;
    }
.ie .realtorProfile p {
    margin-bottom: 0px !important;
    }    
.ie .siteButton,
.ie .siteButton_input {
    padding-top: 12px;
    }
.ie8 .ieFix {
    margin: -35px 0px -20px 0px !important;
    padding: 20px 0px 20px 0px !important;
    }
.ie8 .ieFix2 {
    margin: -35px 0px -20px 0px !important;
    padding: 35px 0px 20px 0px !important;
    }
.ie8 .facebook-widget {
    display: none;
    }
.ie8 #galleriaPaused {
    background: #000;
    margin-top: 50px;
    filter: alpha(opacity=50);
    } 
.ie9 #galleriaPaused {
    margin-top: 20px;
    } 
.ie8 .theFooter * {
	font-size: 9pt !important; line-height: 9pt !important;
    }
.ie8 .theBroker p,
.ie8 .theBroker p * {
	font-size: 9pt; line-height: 11pt;
    }
.ie8 .theRight .introHeader {
    margin-top: 10px !important;
    margin-bottom: 20px;
    }
.ie9 .theRight .introHeader {
    margin-bottom: 20px;
    }
.ie .headerFloat {
    top: 0px;
    }
.ie9 .headerFloat {
    padding-top: 6px !important
    }
.ie9 .googleWrapper {
    padding-left: 83px;
    }
.ie8 .googleWrapper {
    margin-top: -20px;
    padding-left: 83px;
    }
.ie #shareMenu {
    margin-right: -12px;
    }
.mac.gecko .amenitiesCategories span {
    padding: 0px 0px 0px 0px !important;
    }
.win .amenitiesCategories span {
    line-height: 19px !important;
    }
.ie8 .textField,
.ie8 .textArea,
.ie8 .resultField {
    border: 1px solid #333;
    }