@charset "utf-8";

/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form, input, textarea {margin:0; padding:0;}

img, textarea {border:none;}

a {text-decoration:none;}

.clear {clear:both;}

#content .call {display:none}

html {-webkit-text-size-adjust:none;}

body {background:#e8e8e6 url(../images/background.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#cdcea0}

#wrapper {width:1000px; margin:20px auto 0 auto; background:#7a7c31;

-webkit-border-radius:15px;

-moz-border-radius:15px;

border-radius:15px;

padding:7px 0 0 0

}

#content {width:985px; background:url(../images/header.png) no-repeat; margin:0 0 0 7px; padding:0 0 20px 0}

#content .logo {margin:20px 0 0 20px; float:left;}

#content .phone {width:253px; height:47px; background:url(../images/phone.png) no-repeat; text-indent:-9999px; float:left; margin:55px 0 0 7px}

#content h3 {font-size:12px; color:#122b46; width:380px; margin:40px 0 0 75px; float:left; text-transform:uppercase; font-weight:bold; line-height:20px; text-align:center}

#content .gallery {width:600px; float:left;  clear:left; margin:27px 0 0 10px; }

#content .gallery img {float:left;margin:10px 0 0 10px; width:132px}

#content .areas {width:350px; height:100px; float:left; margin:-40px 0 0 0}

#content .areas ul {float:left; margin:0 10px 0 10px}

#content .areas ul li {color:#fff; font-weight:bold; list-style-type:none; font-size:15px; background:url(../images/arrow.png) no-repeat; padding:0 0 0 35px; margin:5px 0 0 0}

#content h5 {width:649px; height:28px; background:url(../images/available.png) no-repeat; text-indent:-9999px; float:left; clear:left; margin:50px 0 0 25px}

#content #quick {width:290px; height:422px; background:url(../images/quick.png) no-repeat; float:right; margin:-51px 14px 0 0}

#content #quick h4 {font-size:17px; color:#eaecae; text-align:center; text-transform:uppercase; padding:20px 0 0 0}

#content #quick label span {font-size:13px; color:#ffffff; float:left; clear:left; margin:5px 0 0 30px;}

#content #quick input {width:225px; background:#82a0c0; float:left; clear:left; border:0; margin:2px 0 0 30px; padding:0.2em 0.3em; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff}

#content #quick #captcha {text-transform:lowercase}

#content #quick textarea {width:225px; height:60px; float:left; clear:left; margin:2px 0 0 30px; padding:0.3em; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; background:#82a0c0;}

#content #quick .submit {width:125px; height:36px; margin:10px 0 0 30px; padding:0; background:none}

#content #quick .code {margin:10px 0 0 30px}

#content #main-content {width:624px; float:left; margin:70px 0 0 17px}

#content #main-content h2 {font-size:18px; font-weight:100; line-height:18px}

#content #main-content h3 {font-size:13px; color:#153355; padding:10px 0 0 0}

#content #main-content p {padding:12px 0 0 0; line-height:18px}

#content #main-content h6 a {width:612px; height:41px; background:url(../images/view-more.png) no-repeat; outline:0; text-indent:-9999px; display:block; margin:10px 0 0 0}

#footer {width:951px; margin:0 auto; height:90px;}

#footer p {font-size:11px; color:#929287; float:left; margin:10px 0 0 0; line-height:20px}

#footer h1 {font-size:11px; color:#929287; float:left; margin:0; line-height:20px; clear:left; font-weight:100; width:300px}

#footer h6 {float:right; font-size:11px; font-weight:100;color:#929287; line-height:22px; margin:7px 0 0 0 }

#footer img {margin:5px 0 0 0}

#footer a {color:#28486d}

#footer a:hover {color:#6485ac}

.home-advisor {width:120px; float:left; margin:-30px 0 0 0}

#footer h4 {float:left; margin:-15px 0 0 60px}

#footer h4 img {float:left; margin:0 10px 0 0}

@media only screen and (max-width:480px) {
@-webkit-keyframes fade-in {
0% {
    opacity: 0;
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
		
		.fade-in {
			-webkit-animation: slide 1000ms ease-in;
		}
		
		.fade-in {
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0, 0;
}


#wrapper {width:300px;}

#content {width:282px;  background:url(../images/header-mobile.png) no-repeat; margin-left:9px}

#content .logo {margin:10px 0 0 30px; float:none;}

#content .phone {margin:0 0 0 7px; float:none}

#content h3 {float:none; margin:10px 0 0 10px; font-size:11px; font-weight:100; text-transform:none; width:240px; line-height:16px; padding:; font-weight:bold}

#content .gallery {width:280px; float:none;  margin:150px 0 0 0;  }

#content .gallery img {width:64px; margin:10px 0 0 5px}

#content .areas {width:280px; height:100px; float:left; margin:-190px 0 0 0}

#content .areas ul li {font-weight:100; font-size:12px; padding:4px 0 4px 35px}

#content .areas ul {width:120px; float:left}


#content #quick {float:left; margin:11px 0 0 2px; background:url(../images/quick-mobile.png) no-repeat}

#content #main-content {width:280px; float:none; margin:0}

#content h5 {width:221px; height:62px; background:url(../images/available-mobile.png) no-repeat; text-indent:-9999px; float:none; margin:0 0 0 32px; padding:0; position:relative; top:10px}

#content .call {display:block; margin:15px 0 0 90px; width:100px}

#content #quick label span {font-size:13px; color:#ffffff; float:left; clear:left; margin:3px 0 0 22px;}

#content #quick input {margin:2px 0 0 22px;}

#content #quick .code {margin:3px 0 0 22px;}

#content #quick textarea {margin:2px 0 0 22px; }

#content #quick .submit {width:125px; height:36px; margin:10px 0 0 22px; padding:0; background:none}

#content #main-content h6 a {width:274px; height:41px; background:url(../images/view-more-mobile.png) no-repeat; margin:10px 0 0 0}

#footer {width:300px; height:380px; text-align:center}

#footer p {font-size:11px; color:#929287; float:none; margin:10px 0 0 0; line-height:20px}


#footer h6 {float:none; font-size:11px; font-weight:100;color:#929287; line-height:22px; margin:7px 0 0 10px }

.home-advisor {margin:25px 0 0 90px; float:none}

#footer h4 {float:left; margin:15px 0 0 0}
}

@media only screen and (min-width:481px) and (max-width:768px) {
#wrapper {width:700px;}

#content {width:685px; background:url(../images/header.png) no-repeat; background-size:685px auto}

#content .logo {margin:10px 0 0 5px; float:left;}

#content .phone {width:150px; height:28px; background:url(../images/phone.png) no-repeat; background-size:150px 28px; text-indent:-9999px; float:left; margin:55px 0 0 7px}

#content h3 {font-size:11px; color:#122b46; margin:30px 0 0 18px; float:left; text-transform:uppercase; font-weight:100; line-height:12px; width:260px; text-transform:none}

#content .gallery img {
    float: left; width:90px;
    margin: 10px 0 0 10px;
}

#content .gallery {margin:-5px 0 0 10px}

#content .areas {width:250px; height:100px; float:right; margin:-132px 0 0 0}

#content .areas ul li {color:#fff; font-weight:100; list-style-type:none; font-size:15px; background:none; padding:0; margin:3px 0 0 0; font-size:11px}

#content h5 {width:450px; height:19px; background:url(../images/available.png) no-repeat; background-size:450px 19px; text-indent:-9999px; float:left; clear:left; margin:27px 0 0 5px}

#content #quick {width:210px; height:306px; background:url(../images/quick.png) no-repeat; background-size:210px 306px; float:right; margin:-47px 2px 0 0}

#content #quick h4 {font-size:14px; color:#eaecae; text-align:center; text-transform:uppercase; padding:10px 0 0 0}

#content #quick label span {font-size:11px; color:#ffffff; float:left; clear:left; margin:5px 0 0 10px;}

#content #quick input {width:190px; background:#82a0c0; float:left; clear:left; border:0; margin:2px 0 0 10px; padding:0.1em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff}

#content #quick textarea {width:185px; height:40px; float:left; clear:left; margin:2px 0 0 10px; padding:0.3em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; background:#82a0c0;}

#content #quick .code {margin:2px 0 0 10px}

#content #quick .code img {width:150px;}

#content #quick .submit {width:80px; height:23px; margin:5px 0 0 10px; padding:0; background:none}

#content #main-content {width:424px;}

#footer {width:700px; }

#footer h1 {width:400px;}

#footer h1 br {display:none}

.home-advisor {margin:10px 0 0 -50px}

#footer h4 {float:right; margin:10px 0 0 0}
}