/**********************************************************
 * LOADED: css/common.css
 **********************************************************/
/* v1.0 | 20080212 Eric Meyer CSS Reset START */
/* http://inspiringpixel.com/tutorials/htmlcss/css-reset-ways-and-advantages/346/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
ul {list-style: disc; line-height:1.5em; }
ul li {margin-left:2em;}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* v1.0 | 20080212 Eric Meyer CSS Reset END */

/* forms */
.form input, .form label, .form textarea {font-size:1.3em; }

.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="password"],
.form textarea,
.form select { margin-bottom:1em; padding:0.25em 0.5em; float:left; width:15em; background:white; border-left: 1px solid #E2E3EA; border-right:1px solid #DBDFE6; border-top:1px solid #ABADB3; border-bottom:1px solid #E3E9EF;}

.form textarea {height: 2em;}

.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="password"],
.form textarea {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form textarea:focus {
	background-color: #feffc6;
}

.form input[type="text"].double,
.form input[type="email"].double,
.form input[type="tel"].double,
.form input[type="password"].double,
.form textarea.double {width:27em;}

.form textarea.double {height:4em;}

.form select {margin-bottom:0.25em; }

.form input[type="text"].req,
.form input[type="email"].req,
.form input[type="tel"].req,
.form input[type="password"].req,
.form textarea.req,
.form select.req { background:url('../img/asterisk.png') right top no-repeat white; }

.form input[type="text"].reqSkipped,
.form input[type="email"].reqSkipped,
.form input[type="tel"].reqSkipped,
.form input[type="password"].reqSkipped,
.form textarea.reqSkipped,
.form select.reqSkipped { border-color:#C33; }

.form input.dcf {display:none;}

.form label{
	float:left;
	width:6em;
	text-align:right;
	margin:0.25em 1em 0 0;
  line-height:1.2em;
}
.form .checkbox label, .form .radio label {float:none; width:auto; text-align:inherit; margin:auto; line-height:1.5em; padding-left:0.25em;}

@media screen and (max-width:534px) {
	.form input, .form label, .form textarea {font-size:1em; }
}
@media screen and (max-width:400px) {
	.form label {float:none; text-align: left; width: auto; margin-left:0.25em;}
	.form input[type="text"],
  .form input[type="email"],
  .form input[type="tel"],
  .form input[type="password"],
  .form textarea {width:94% !important;}
}

/* standard text formatting */
.i { font-style: italic; }
.b { font-weight: bold; }
.ctr, .ct { text-align: center; }
.lt {text-align:left;}
.rt {text-align:right;}
.i1 { padding-left: 2em; }
.i2 { padding-left: 4em; }

/* standard box formatting */
div {position:relative;}
.clr {clear:both;}
.clrl {clear: left;}
.clrr {clear: right;}
div.clr, div.clrl, div.clrr { height: 0px; }
.half {float:left; width:49%;}
.third {float: left; width:33%;}
.flrt { float: right; }
img.flrt {margin: 0.5em 0 0 1em; border: 0; }
.fllt { float: left; }
img.fllt {margin: 0.5em 1em 0 0em; border: 0; }

/* tables & alternating rows */
table.data {border:1px solid;}
table.data td, table.data th {padding:5px 8px;}
tr.tr1 { background: #eed; }
tr.tr2 { background: #fff; }
thead tr { background-color: #F5F1D4; font-size:1.1em; }
thead tr th {border-bottom:1px solid;}
tfoot tr { background-color: #F5F1D4; font-size: 0.8em; letter-spacing: -1px; }

/* lists */
ol {list-style-type: decimal; margin-left:1.5em;}
ol li {margin-bottom:0.75em;}
ol ol {list-style-type: lower-alpha; }
ol ol li {margin-bottom:0.25em;}
ol ol ol {list-style-type: lower-roman; }

/* IE Flickering Background Image Fix */
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* image upload handling */
.imgField, .imgSpec {line-height:1.75em; display:block; }
.imgSpec {clear:both; font-style:italic; padding-left:120px;}

.myitguy { text-decoration:none !important; color: #3878DB !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-weight: bold !important; font-style: normal !important; white-space: nowrap;}
.myitguy:hover { color: #8AB0EA !important; }

img, div, #nav *, div.info_block h2, h1 { behavior: url(js/iepngfix.htc); }

/**********************************************************
 * LOADED: css/styles.css
 **********************************************************/
body {font-family: Arial, Verdana, sans-serif; color:#333; background:#9E9E9E top center url('img/link-header.jpg');  background-repeat: no-repeat; background-attachment: fixed;}
body.index, body.contact, body.about {background-image: url('img/wallpaper-index.jpg'); background-repeat: no-repeat; background-attachment: fixed;}
body.invest {background-image:url('img/wallpaper-invest.jpg'); background-repeat: no-repeat; background-attachment: fixed;}
body.live, body.sellers {background-image:url('img/wallpaper-live.jpg'); background-repeat: no-repeat; background-attachment: fixed;}
body.play, body.buyers {background-image:url('img/wallpaper-play.jpg'); background-repeat: no-repeat; background-attachment: fixed;}
body.about {background-image:url('img/link-header-jeff.jpg'); background-repeat: no-repeat; background-attachment: fixed;}
.bodyWrap1 {min-height:400px;}
.contWrap1 {margin:auto; width:990px;}

.button {display:block; color:#555;
	width:100%; margin-top:30px;
    background: white; text-align: center; font-size: 2.25em; font-family: 'Nothing You Could Do', Georgia, Times, serif;
	border:1px solid #AAA;
  padding:10px 10px 0.3em 10px;
}
.button img {padding-bottom:3px; width:100%;}

.button.h1, .button.h1:hover {position:absolute; right:0px; top:-150px; z-index:2;
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
		transform:rotate(9deg);
		width:220px; right:40px; top:-110px; font-size:2.3em;}
.h1.fix {float:right;width:280px; height:170px;  }
.stdfont {font-family: Arial, Verdana, sans-serif; font-weight:normal;}

.test {display: none;}

.welcome {text-align: center;}
.welcome img {width:500px; height:300px; margin:auto; position:relative; left:-70px;}

.video {margin:0 auto 60px auto; display: block; width:100%; max-width: 640px; background: black;}
.video iframe {width:100%; border:0;}
.video.third {width:30%; margin-right:1%;}

.content {background: white; background:rgba(255,255,255,0.75); padding:2%; margin-top: 30px; background-color: white;}
.content.narrow {width:52%; margin-right:3%;}
.content.h1 {margin-top:100px; min-height: 500px;}

.editable .third img {width:90%; height: auto;}
.editable h3 {color: #4563B0;}

.sidenav {width:15%; float:left; margin-top:100px; }
.sidenav.right {float:right;  width:20%; margin-top:-50px;}
.sidenav.right img {width:100%; }
.sidenav a {display:block; padding:0.5em; color:#555;}
.sidenav .button { padding: 5%;}

.sidenav.right .twitter {margin:-120% auto auto -10px;}


.lipbuttons {margin-top: 0;}
.sidenav .lipbuttons {width:70%; font-size:70%; margin-left:10%; margin-bottom: 2em;}

.menu {width:72%; float:right;}

.button2 {
	display:block;
  background-color: #000;
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20579E), color-stop(50%, #ECDEB9), color-stop(50%, #B69140), color-stop(100%, #DD323E));
  background-image: -webkit-linear-gradient(top, #20579E 0%, #ECDEB9 50%, #B69140 50%, #DD323E 100%);
  background-image: -moz-linear-gradient(top, #20579E 0%, #ECDEB9 50%, #B69140 50%, #DD323E 100%);
  background-image: -ms-linear-gradient(top, #20579E 0%, #ECDEB9 50%, #B69140 50%, #DD323E 100%);
  background-image: -o-linear-gradient(top, #20579E 0%, #ECDEB9 50%, #B69140 50%, #DD323E 100%);
  background-image: linear-gradient(top, #20579E 0%, #ECDEB9 50%, #B69140 50%, #DD323E 100%);*/
  border: 1px solid #000;
  
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(157, 212, 47, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(157, 212, 47, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 0.75em 14px 0.75em;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  /*width: 150px;*/ }
  .button2:hover {
		color: #fff;
    background-color: #20579E;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C5B358), color-stop(50%, #20579E), color-stop(50%, #CFB53B), color-stop(100%, #FFDF00));
    background-image: -webkit-linear-gradient(top, #C5B358 0%, #20579E 50%, #CFB53B 50%, #FFDF00 100%);
    background-image: -moz-linear-gradient(top, #C5B358 0%, #20579E 50%, #CFB53B 50%, #FFDF00 100%);
    background-image: -ms-linear-gradient(top, #C5B358 0%, #20579E 50%, #CFB53B 50%, #FFDF00 100%);
    background-image: -o-linear-gradient(top, #C5B358 0%, #20579E 50%, #CFB53B 50%, #FFDF00 100%);
    background-image: linear-gradient(top, #C5B358 0%, #20579E 50%, #CFB53B 50%, #FFDF00 100%);*/
    cursor: pointer; }

.nav .button2 {float:left; width:auto; margin-left:10px; margin-top:40px; padding:0.5em 1em; }
.footer .button2 {margin-right: 10px;  }
.button2.top {display: none;}
.mobile-show {display: none;}

@media screen and (min-width: 1120px) {
	.flrt.out {margin:0.75em -75px 0.5em 1em; }
}

/* desktop */
@media screen and (min-width: 990px) {

	.button {
			-moz-box-shadow: 0px 0px 16px #555;
			-webkit-box-shadow: 0px 0px 16px #555;
			box-shadow: 0px 0px 16px #555;
	}
	.first {margin-left: 0;}
/*
  .button.invest {
    -webkit-transform: rotate(1deg) scale(1.1);
    -moz-transform: rotate(1deg) scale(1.1);
    -o-transform: rotate(1deg) scale(1.1);
    -ms-transform: rotate(1deg) scale(1.1);
    transform: rotate(1deg) scale(1.1);
  }
*/
	.button:hover {
		-webkit-transition:All 0.5s ease;
		-moz-transition:All 0.5s ease;
		-o-transition:All 0.5s ease;
		transition:All 0.5s ease;

		-webkit-transform: rotate(-4deg) scale(1.1);
		-moz-transform: rotate(-4deg) scale(1.1);
		-o-transform: rotate(-4deg) scale(1.1);
		-ms-transform: rotate(-4deg) scale(1.1);
		transform: rotate(-4deg) scale(1.1);

		-moz-box-shadow: 2px 2px 26px #000;
		-webkit-box-shadow: 2px 2px 26px #000;
		box-shadow: 2px 2px 26px #000;

		z-index: 2;
	}
	.nav .home:hover img {
		-webkit-transition:All 0.5s ease;
		-moz-transition:All 0.5s ease;
		-o-transition:All 0.5s ease;
		transition:All 0.5s ease;

		-webkit-transform: rotate(-6deg) scale(1.3) translateY(10px);
		-moz-transform: rotate(-6deg) scale(1.3) translateY(10px);
		-o-transform: rotate(-6deg) scale(1.3) translateY(10px);
		-ms-transform: rotate(-6deg) scale(1.3) translateY(10px);
		transform: rotate(-6deg) scale(1.3) translateY(10px);
	}
	.button:hover.invest {
		-webkit-transform: rotate(-2deg) scale(1.15);
		-moz-transform: rotate(-2deg) scale(1.15);
		-o-transform: rotate(-2deg) scale(1.15);
		-ms-transform: rotate(-2deg) scale(1.15);
		transform: rotate(-2eg) scale(1.15);
	}
	.button:hover.play {
		-webkit-transform: rotate(5deg) scale(1.1);
		-moz-transform: rotate(5deg) scale(1.1);
		-o-transform: rotate(5deg) scale(1.1);
		-ms-transform: rotate(5deg) scale(1.1);
		transform: rotate(5deg) scale(1.1);
	}
}

@media screen and (max-width:989px) {
	.contWrap1 {width:auto;}
	.nav .button2 {font-size:1em;}
	.nav .home img {width:200px;}
	.button {
		/*margin:40px 0 60px 3%;
		/*width:30%;*/
		padding:0 0 0.3em 0;
  }
	.button.h1 {padding:10px 10px 0.3em 10px; }
	.first {margin-left: 0;}
/*
  .button.invest {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
    */
}

@media screen and (max-width:800px) {
	.nav .button2 {font-size:0.9em; padding:0.5em;}
	.nav .home img {width:125px;}
	.twitter {display: none;}
	.sidenav.right {display: none;}
	.content.narrow {width:71%;}
	.mobile-show {display: inline;}
	.mobile-hide {display: none;}
}

@media screen and (min-width: 640px) {
  .border1, .border2 {
    border: 4px solid #000;
  }
  .border2 {border-width: 6px; border-color: black;}

	.fllt.out {margin:0.75em 1em 0.5em -75px;}
}

@media screen and (max-width: 639px) {
	body {background-image: url('img/link-header.jpg') !important;}
	.welcome img {left:-20px;}
    .border2 {border:none;}

    /* move left home buttons to top */
    .sidenav, .content {float:none; width:auto;}
		.sidenav .lipbuttons {width:100%; margin-left: 1%;}
    .lipbuttons .button {width:25%; float:left; padding: 1%; margin-left: 3%;}

	.nav .home img {width:200px;}
	.nav .index {clear:left;}
	.content.sidenav {margin-top:1em;}
	.content.narrow {width:auto; margin-right:0;}
}

@media screen and (max-width:500px) {
	.button.h1 {display: none;}
	.content.h1 {margin-top:40px;}
	.h1.fix {display: none;}
	.nav .navmenu {display: block; float:left; width:8em; }
	.button2.top {margin:1em auto 0 auto; display:block;}
}

@media screen and (max-width:479px) {
	.button {font-size: 1.75em;}
  .nav .button2 {width:98%; margin:0; padding:1em 0;}
  .sidenav {margin-top:1em;}
	.first {margin-left: auto;}
	.half {margin:0; float: none; width:100%;}
	.third {margin:0; float: none; width:100%;}
	.video.third {width:100%; margin:1em 0 1em 0;}
	.flrt {float:left;}
	.flrt, .flrt.out, .fllt.out  {float:none; margin:1em 0; }
	.flrt.jeff {float:right; margin:0 0 0 3%; width:40%; }
  .content {overflow:hidden;}
	.welcome img {width:250px; height:150px; margin:auto;}
}

a {text-decoration:none;}


.slideshow {width:362px; padding:0; height:185px; overflow:hidden; }
.slide {position:absolute; top:0; left:0; display:none;}

h1, h2, h3, h4, h5 {font-size:24px; font-weight:bold; line-height: 1.5em; }
h1 {font-size: 3em; line-height:1.1em; font-family: 'Nothing You Could Do', Georgia, Times, serif;margin-bottom: 0.5em;}
.invest h1 {color:#6C6D70;}
.invest .border1 {border-color:#000;}
.live h1, a {color:#333;}
.live .border1 {border-color:#000;}
.play h1, h3 {color:#000;}
.home h3{color:#fff;}
.play .border1 {border-color:#1b95e0;}
h2 a, h3 a {text-decoration:none;}
h2 {color:#010101;}
h3 {font-size: 1.25em;}
h3 a:hover {color:#999;}
h3, h4 {padding-top:1em;}
h3 * {vertical-align:middle;}
h4 {color:#666; padding:0.5em 0 0.25em 0;}
h5 {font-size: 14px; padding:0; font-style:italic;}
h6 {font-size:24px; color: #333; padding-top:0.5em;}
small {font-size:0.8em; line-height: 1em;}
.note {font-size:0.9em;}
li > a{color:#1b95e0;}
p > a {color:#1b95e0;}

p {line-height:1.2em; padding:0.25em 0 0.75em 0;}
blockquote { padding:0.5em 10%; font-style:italic;}

address { font-style:normal; display:inline; line-height:1.2em; }

.footer {font-size:13px; padding:1em 0; margin-top:30px;}
.footer li {color:#fff; }
.footer a {color:#1b95e0; }
.footer .button2{color:#fff; background: #20579E}

.footer p {color:#fff; padding-top:0; margin-top:0;}
.footer h4 {color:#fff; padding-bottom:0; margin-bottom:0;}
.footer ul {list-style: none; padding:20px 0px 0px 20px;}
.footer .member {background-color: #fff; margin-top: 10px;}
.contactinfo {font-size: 1.2em;}
.remax1-logo{background: #fff; padding:5px;}


.border-pad {padding-left:1em;}
.fine {font-size:0.8em;}

.warn {margin:1em 1% 1em 0; padding:1em 2% 1em 2%; background:red; background: rgba(255,0,0,0.5); width:85%; border:1px solid red;}
.logo {max-width:100%; display:block;}
.qcklnks {margin:0; padding:0;}
.qcklnks li {margin:0; padding:0; list-style: none; line-height:1.7em; }

.col1 {padding:10px 20px; width:200px; }
.col2 {background:#f3f4ed; width:320px; margin:20px 25px 0 0; padding:0 15px 10px 20px; }
.last {padding-right:0;}

.popup {padding:40px; border:2px solid #0689cd; position:absolute; background:white; display:none; z-index:20;}
.popupClose {padding:10px; position:absolute; right:0; top:0; text-align:right; font-size:18px; color:#999; text-decoration:none; border-left:1px solid #999; border-bottom:1px solid #999; }
.popupClose:hover {color:#333;}

#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; margin:50px auto 0 auto; }

.gradient1 {background: #000;}
.video h3 {color: #fff;}

img.pic {border:1px solid #999; background:white; padding:8px;
    -moz-box-shadow: 0px 0px 16px #555;
    -webkit-box-shadow: 0px 0px 16px #555;
    box-shadow: 0px 0px 3px #555;

		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-o-transform: rotate(2deg);
		-ms-transform: rotate(2deg);
		transform: rotate(2deg);
}
img.pic.fllt {
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
		-ms-transform: rotate(-2deg);
		transform: rotate(-2deg);
}
.dropshaddow {border:1px solid #999; background:white; padding:8px;
    -moz-box-shadow: 0px 0px 16px #555;
    -webkit-box-shadow: 0px 0px 16px #555;
    box-shadow: 0px 0px 3px #555;
    margin-top:10px;
}


.test {font-weight:bold; line-height:1.5em; color:white;}
.x990 {width:990px; background:#55F; }
.x640 {width:640px; background:#A5A; }
.x533 {width:533px; background:#5A5; }
.x320  {width:320px; background:#A45; }

#recaptcha_response_field {left:0px;}

.mort-calc label, .mort-calc input {font-size:1.2em; }
.mort-calc input {margin:0.3em 0; width:6em; text-align:right; padding:0.3em;}
.mort-calc input[type="text"] {line-height:1em; }
.mort-calc label {width:13em; float:left; clear:left; line-height: 2em;}
.mort-calc .checkbox label {float:none;}
.mort-calc .checkbox input {width:2em;}
.mort-calc .results input {border:0; background:transparent; font-weight:bold;}