/**********************
    MARY TOBONI MOBILE
 **********************/

/*------ Global Styles -------*/
 body {
 font-size: 18px;
 margin: 0px auto;
 -webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 { color: #614f33; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0px 0px 20px; }
h1 { font-size: 26px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4, h5, h6 { font-size: 22px; }

p { margin: 0 0 20px 0; }
img { border: 0; }
ul { margin: 0 0 20px 15px; list-style-type: disc; }
li { margin-bottom: 10px; } 

/* --- Header --- */
#header { width: 100%; min-width: 640px; background: #8f7e62; position: fixed; top: 0; z-index: 4999; height: 94px; }
#logo { display: block; width: 330px; height: 54px; background: url('../images/logo-mobile.png') no-repeat 0 0; float: left; margin: 20px 0px 20px 40px; }
#logo b { display: none; }

/* -- Navigation -- */
#mainMenu { display: none; }

#mobileMenu { display: block; width: 640px; height: 94px; position: relative; }
#mobileMenu #menuBtn { display: inline-block; font-size: 28px; color: #b6ab99; text-transform: uppercase; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; text-align: center;  padding: 10px; cursor: pointer; margin: 20px 40px 20px; }
#mobileMenu #menuBtn.active,
#mobileMenu #menuBtn:hover, #mobileMenu #menuBtn:active { color: #fff; }
#mobileMenu ul { display: none; position: absolute; top: 94px; left: 80px; z-index: 5999; width: 480px; background: #8f7e62; list-style-type: none; margin: 0px auto; font-size: 24px; color: #e9e1d4; text-transform: uppercase; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; text-align: center; float: none; border-bottom: 1px solid #b6ab99; }
#mobileMenu ul li { float: none; margin: 0px; border-top: 1px solid #b6ab99; }
#mobileMenu ul li a { display: block; height: 24px; padding: 16px; color: #b6ab99; text-decoration: none; }
#mobileMenu ul li a:hover, #mobileMenu ul li a:active { color: #fff; }

/* -- General Content Area --*/
.container { text-align: left; background: #fff; width: 640px; margin: 94px auto 114px; padding: 40px 0px 20px; }

#content { width: 600px; margin: 0px auto; float: none; }
#content h1 {   }
#content p, #content p span { font-size: 18px !important; line-height: 26px; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif !important; }
#content hr { border-top: 1px solid #c3b399; margin: 0px 0px 20px;}

/* -- Sidebar -- */
#sidebar { width: 600px; margin: 30px auto 0px; float: none; border-top: 1px solid #c3b399; padding: 30px 0px 0px; }
#sidebar h4 { margin-bottom: 10px; }
#sidebar #social { list-style-type: none; margin: 0px; padding: 0px; height: 44px; }
#sidebar #social li { float: left; }
#sidebar #social li a { display: block; width: 42px; height: 44px; font-size: 1px; text-indent: -9999px; }
#sidebar #social li a.pu { background: url('../images/social-sprite.png') no-repeat 0 0; }
#sidebar #social li a.fb { background: url('../images/social-sprite.png') no-repeat -42px 0; }
#sidebar #social li a.li { background: url('../images/social-sprite.png') no-repeat -84px 0; }
#sidebar #social li a.tw { background: url('../images/social-sprite.png') no-repeat -126px 0; }

/* Sidebar Contact Info - hidden on non-contact pages */
#sidebar #contact-info { display: none; }
.contact #sidebar #contact-info { display: block; margin: 60px 0px 0px; }
.contact #sidebar #contact-info img { margin-bottom: 10px; }
.contact #sidebar #contact-info p { margin-left: 4px; }

/* -- Footer -- */
#footer { position: fixed; z-index: 4998; bottom: 0; width: 100%;  min-width: 600px; background: #8f7e62; font-size: 16px; color: #b6ab99; text-transform: uppercase; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; padding: 20px 0px; }
#footer p { padding: 0px; margin: 0px auto 5px; font-size: 16px; }
#footer .wsd { font-size: 12px; margin-bottom: 0px; }
#footer a { color: #b6ab99; }
#footer a:hover, #footer a:active { color: #fff; }

/* ------ Individual Page Styles ------ */

/* -- Homepage -- */
.homepage .slideshow { width: 640px; min-width: 640px; margin: 128px auto 0px; }
.homepage .slideshow img { width: 640px; }

.homepage .cycle-pager { text-align: center; width: 100%; position: absolute; bottom: 5px; z-index: 500; }
.homepage .cycle-pager span { font-family: Arial, sans-serif; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #8f7e62; cursor: pointer; }
.homepage .cycle-pager span.cycle-pager-active { color: #fff; }
.homepage .cycle-pager > * { cursor: pointer;}

.homepage .container { margin: 0px auto 80px; }

/* -- Contact Form -- */
div.form label { float: left; clear: left; width: 150px; padding: 5px 5px 0 0; font-size: 18px; font-weight: normal; }
div.form input[type=text], div.form textarea { float: left; width: 280px; border: 1px solid #e2d7c4; padding:6px ; margin:0px 0px 24px; }
div.form textarea { resize: none; height: 100px; margin: 0px 0px 10px;}
div.form #yw0 {float: left; margin-left: 155px; }
div.form #yw0_button { font-size: 13px; padding-top:5px; display:block; }
div.form p.captcha-text { font-size: 13px; /*margin-bottom: 10px;*/ }
div.form .row { clear: both; }
div.form .row.buttons { clear: both; }
div.form input[type=submit] { margin: 0px 0px 10px 155px; background: #8f7e62; border: none; font-size: 20px; color: #fff; text-transform: uppercase; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; padding: 8px 32px; }
/* div.form input[type=submit] { margin:0px 0px 10px 105px; border:none; font-size:1px; color:#8F7E62; width:87px; height:24px; background:url(../images/btn_submit.png); margin-top:-5px;  } */
/*div.form input[type=submit]:hover, div.form input[type=submit]:active { background: #8f7e62; }*/
div.form span.required { color: #8f7e62; }


/* -- Real Estate Module -- */
.realestate #content { width: 600px; margin: 0px auto; float: none; }
.realestate #sidebar { display: none; } /* sidebar hidden on real estate pages */

.categories { width: auto; margin: 0px auto; }
.locimg { width:480px; float: none; text-align:center; font-size: 22px; text-transform: uppercase; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; margin: 0px auto 30px;  border-right:1px #fff solid; }
.locimg img { width:100%; margin: 0px auto 5px; display: block; }

/* Real Estate Category Listings */
.propertiesList { list-style-type: none; padding: 0px; margin: 0px; }
.propertiesList .property { border-top: 1px solid #c3b399; padding: 30px 0px 20px; margin: 0px; clear: both; text-align: justify; }
.propertiesList .property:first-child { border-top: none; padding-top:0px; }
.propertiesList .property img { width: 270px; height: 180px; float: left; margin: 0px 30px 30px 0px; }
.propertiesList .property h2 { text-align: left; font-size: 24px; margin: 0px 0px 5px; }
.propertiesList .property p.propInfo { font-size: 16px; line-height: 20px; text-align: left; }
.propertiesList .property a.view-details { font-size: 22px; color: #614f33; text-transform: uppercase; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; display: block; text-align: right; }

/* Property Details */
#propPhotos { width: 600px; float: none; margin: 0px auto; }
#ftrImg { width: 600px; height: 394px; text-align: center; position:relative; overflow:hidden; }
#ftrImg img { max-width: 600px; max-height: 394px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

#ftrThumbs { width: 600px; height: 85px; margin: 10px 0px 30px; position: relative; }
#thumbClip { margin: 0px 50px; }
.caroufredsel_wrapper { width: 500px !important; }
#thumbPrev, #thumbNext { display: block; background: #e9e1d4; position: absolute; top: 0px; width: 39px; height: 85px; color: #c3b399; font-size: 54px; text-align: center; padding-right: 1px; line-height: 88px; }
#thumbPrev:hover, #thumbNext:hover, #thumbPrev:active, #thumbNext:active { color: #fff; }
#thumbPrev { left: 0; }
#thumbNext { right: 0; }
.smallImg { height: 85px; float: left; margin-right: 10px; cursor: pointer; }
.activeImg { opacity: 0.5; filter:alpha(opacity=50); }

#propDesc { width: 600px; float: none; text-align: justify; }
#propDesc h1 { font-size: 26px; margin-bottom: 5px; }
#propDesc .scheduleBtn { display: block; width: 260px; margin: 10px auto 20px; background: #8f7e62; border: none; font-size: 20px; color: #fff; text-transform: uppercase; font-family: 'AvenirLT35', Helvetica, Arial, sans-serif; padding: 10px 20px; text-align: center; }
#propDesc .scheduleBtn:hover, #propDesc .scheduleBtn:active {  }

#propDetails { clear: both; border-top: 1px solid #c3b399; padding-top: 20px; margin-top:20px; }
#propDetails .propDescTitle { font-size:20px; color:#614f33; }

ul.pdlist {	list-style-type:none; margin-left:0px; padding-left:0px; }
ul.pdlist li { float:left; text-align:left !important; }
ul.pdlist li.lab { clear:left; width:160px; float:left; }

/* -- Resources -- */
.categoryLinks { list-style-type: none; padding: 0px; margin: 0px 0px 40px; float: left; }
.categoryLinks li { margin: 0px; float: left; margin: 0px 25px 10px 0px; }

.resourceColumn { clear: both; float: none; width: 480px; margin-right: 0px; }
.resourceColumn.rightColumn { margin-right: 0px; }
.resourceCategory { margin: 0px 0px 40px; }
.resourceCategory h2 { padding: 0px 0px 4px; margin: 0px 0px 15px; border-bottom: 1px solid #c3b399; }
.resourceCategory .catExpand { float: right; font-size: 14px; padding-top: 4px; text-transform: none; }
.resourceCategory .resource { margin: 0px 0px 20px; line-height: 22px; }
.resourceSub .resource h4 { margin: 0px; font-weight: bold; font-size: 22px; }
.resourceSub .resource .note { font-size: 14px; line-height: 15px; margin: 0px; }
#content .resourceCategory .resource .note { font-size: 16px !important; line-height: 20px; margin: 0px; }