/* Css Reset */
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; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#B2D11B; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
html{ height:100%; background:#643e1c url(../images/bgr-html.jpg) repeat-x; }
body{ height:100%; background: url(../images/bgr-html2.jpg) repeat-y center; color:#4b3420; font:10px/1 Georgia,"Times New Roman",Times,serif; }
body.subpage{ background: url(../images/bgr-subpage.gif) repeat-y center; }
#nonfooter{ position:relative; min-height:100%; width:100%; background:url(../images/bgr-body.jpg) repeat-x top; }

/* Wrapper */
#wrapper{ width:1060px; margin:0 auto;}

/* Header */
#header{ position:relative; width:1060px; height:203px; z-index:20; background:#643e1c url(../images/bgr-body.jpg) top; }
    #header .subtitle{ position:absolute; top:36px; left:392px; width:390px; font-style:italic; color:#f7ffa9; text-align:center; font-size:30px; }
    #header .subtitle span{ color:#fff; }
    #header .rentalapp{ position:absolute; right:53px; display:block; width:134px; height:68px; text-indent:-9999px; background:url(../images/button-rentalapp.png) no-repeat; }
    
/* Logo */    
#logo{ position:absolute; left:24px; width:268px; height:284px; text-indent:-9999px; background:url(../images/logo.png) no-repeat; }

/* Nav */
#nav{ position:absolute; bottom:0; left:355px; width:665px; font-size:26px; }
    #nav li{ float:left; background:none; }
    #nav a,
    #nav a:visited{ display:block; color:#f7ffa9; padding:17px 10px 20px; }
    #nav a:hover{ color:#fff; text-decoration:none; background:url(../images/bgr-nav-on.jpg) repeat-x; }
    #nav .current a,
    #nav .current a:visited{ color:#fff; text-decoration:none; background:url(../images/bgr-nav-on.jpg) repeat-x; }
    
    #nav li ul{ position:absolute; width:245px; left:-999em; font-size:22px; padding:10px 10px 5px; background:url(../images/bgr-dropdown.png); z-index:10; }
    #nav li:hover ul{ left:auto; }
    #nav li:hover ul,
    #nav li.sfhover ul{ left:auto; }
    #nav li.sfhover li{ width:100%; margin-bottom:5px; }
    #nav li li a,
    #nav li li a:visited{ display:block; padding:5px 0; text-indent:15px; width:245px; }
    #nav li li a:hover{ background:url(../images/bgr-subnav-on.png) repeat-x; }
    #nav .current li a,
    #nav .current li a:visited{ background:none; }

/* Content */
#content{ clear:both; width:1060px; padding-bottom:200px; background:#fff; }

/* Main Top */
#maintop{ clear:both; width:1036px; padding:0 12px; background:url(../images/bgr-maintop.jpg) no-repeat; overflow:hidden; }

/* Rotate */
#rotate{ float:left; width:600px; z-index:10; }
    #rotate .title{ position:absolute; bottom:0; left:0; width:600px; height:48px; font-size:14px; font-style:italic; color:#f7ffa9; background:url(../images/bgr-mast-title.png); overflow:hidden; z-index:3000;}
    #rotate .title ul{ float:left; padding:22px 25px 0; }
    #rotate .title li{ float:left; margin:0 3px; }
    #rotate .title p{ float:right; padding:16px 25px 0; }
    #rotate img{ display:block; }

/* Rent Sale */
#rentsale{ float:left; width:380px; padding:40px 0 0 37px; }
    #rentsale li{ width:380px; height:147px; margin-bottom:16px; background:url(../images/bgr-rentbox.jpg); overflow:hidden; }
    #rentsale img{ float:left; }
    #rentsale .text{ float:left; width:149px; padding:35px 20px 0; text-align:center; }
    #rentsale h2{ font-size:30px; font-weight:normal; color:#fff; margin-bottom:15px; }
    #rentsale h2 span{ font-style:italic; color:#f7ffa9; }
    #rentsale a,
    #rentsale a:visited{ font:11px Arial,Helvetica,sans-serif; color:#f7ffa9; text-transform:uppercase; }

/* Main Content */
#maincontent{ clear:both; width:1036px; padding:27px 12px; overflow:hidden; }

/* Welcome */
#welcome{ float:left; width:370px; font-size:14px; padding:5px 25px; line-height:20px; }
    #welcome h1{ font-size:36px; font-weight:normal; font-style:italic; line-height:35px; color:#b2d11b; margin-bottom:20px; }

/* Promos */
#promos{ float:left; width:300px; }
    #promos li{ width:300px; margin-bottom:25px; overflow:hidden; }
    #promos img{ float:left; width:120px; margin-right:15px; }
    #promos .text{ float:left; width:160px; }
    #promos h3{ font-size:18px; font-weight:normal; font-style:italic; color:#764c29; margin-bottom:9px; line-height:20px; }
    #promos h3 a,
    #promos h3 a:visited{ color:#764c29; }
    #promos p { font-size: 14px; line-height:20px;}
    #promos .button-more{ display:block; width:43px; height:24px; text-indent:-9999px; background:url(../images/button-more.png) no-repeat; margin-top:5px; }

/* Map */
#map{ position:relative; float:right; width:290px; text-align:center; }
    #map h2{ font-size:24px; font-weight:normal; color:#75522b; }
    #map .view{ position:absolute; bottom:0; left:90px; font-size:12px; font-style:italic; color:#75522b; line-height:15px; }

/* Subpage */
#subpage{ width:1030px; padding:0 15px; background:url(../images/bgr-subpage.png) no-repeat top; overflow:hidden; }
    
/* Sidecol, Maincol */
.sidecol{ float:left; width:242px; margin-right:35px; padding:140px 19px 90px; }
.maincol{ float:left; width:688px; padding-top:28px; }

/* Sublink */
#sublink{ font-size:22px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8e4dc; }
    #sublink a,
    #sublink a:visited{ display:block; width:221px; height:29px; padding:5px 10px 0; color:#58290f; }
    #sublink .current a,
    #sublink .current a:visited,
    #sublink a:hover{ color:#fff; text-decoration:none; background:url(../images/bgr-sublink-on.png) no-repeat; }
    
/* Form Search */
#frm-search{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e8e4dc; }
    #frm-search h2{ font-size:30px; font-weight:normal; color:#58290f; margin:0 0 10px 10px; }
    #frm-search select{ width:243px; height:35px; }
    #frm-search .jqTransformSelectWrapper{ width:243px; margin-bottom:10px; }
    #frm-search .jqTransformSelectWrapper div span{ font:14px/35px Arial,Helvetica,sans-serif; color:#fff; line-height:35px; }
    #frm-search .btn{ width:97px; height:34px; border:0; cursor:pointer; background:url(../images/button-search.png) no-repeat; }

/* Promo */
#promo{ width:241px; margin-bottom:30px; }
    #promo li{ width:241px; overflow:hidden; }
    #promo img{ float:left; width:120px; margin-right:15px; }
    #promo .text{ float:left; width:105px; }
    #promo h3{ font-size:18px; font-weight:normal; font-style:italic; color:#764c29; margin-bottom:9px; line-height:20px; }
    #promo h3 a,
    #promo h3 a:visited{ color:#764c29; }
    #promo .button-more{ display:block; width:43px; height:24px; text-indent:-9999px; background:url(../images/button-more.png) no-repeat; }

/* Bcrumbs */
#bcrumbs{ clear:both; width:650px; font-size:12px; color:#4B3420; padding-bottom:1px; margin-bottom:20px; overflow:hidden; }
    #bcrumbs li{ float:left; margin-right:3px; }
    #bcrumbs a,
    #bcrumbs a:visited{ color:#D6E03D; }
    
/* Listings */
#listings { width: 688px;}
#listings .title{ width:688px; margin-bottom:25px; padding-bottom:5px; overflow:hidden; }
    #listings .title h2{ float:left; font-size:34px; font-weight:normal; font-style:italic; width:448px; white-space:nowrap; }
    #listings .title .view{ float:right; display:block; width:220px; height:34px; margin-left:20px; text-indent:-9999px; background:url(../images/button-viewselected.png) no-repeat; }
    #listings ul {width:688px;}
    #listings li{ width:688px; margin-bottom:40px; overflow:hidden; }
    #listings li li{ width:auto; overflow:hidden; }
    #listings .photo{ float:left; width:193px; font:12px Arial,Helvetica,sans-serif; color:#a9a489; margin-right:20px; }
    #listings .photo img{ margin-bottom:5px; }
    #listings .photo input{ vertical-align:baseline; }
    #listings .text{ float:left; width:475px; }
    #listings .text h3{ font-size:22px; font-weight:normal; color:#b2d11b; margin-bottom:10px; }
    #listings .text p{ font-size:14px; color:#786b1e; margin-bottom:10px; line-height:18px; }
    #listings .price{ width:420px; font-size:20px; color:#b2d11b; margin:0 auto; overflow:hidden; }
    #listings .price li{ float:left; padding-bottom:5px; margin:0 2px; }
    #listings .price li.rent,
    #listings .price li.deposit{ padding:8px 4px; }
    #listings .price li.deposit{ margin-right:15px; }
    #listings .price li span{ color:#58290f; }
    #listings .price .photos{ display:block; width:41px; height:37px;}
    #listings .price .print{ display:block; width:41px; height:37px; text-indent:-9999px; background:url(../images/ico-print.png) no-repeat; }
    #listings .print{ width:41px; height:37px; }
    #listings .price .more{ display:block; width:43px; height:24px; margin-top:6px; text-indent:-9999px; background:url(../images/button-more.png) no-repeat; }

/* Footer */
#footer{ position:relative; font:14px Arial,Helvetica,sans-serif; color:#764C29; margin-top:-200px; background:#d6e03d; height:200px; }
    #footer-content{ width:970px; margin:0 auto; padding:20px 0; }
    #footer h4{ font-size:16px; }
    #footer p{ margin-bottom:20px; }
    #footer .notice{ width:535px; }

/* Form styleing */
    form.jqtransformdone label{  }

    /* Inputs */
    .jqTransformInputWrapper{ float:left; display:block; margin-bottom:10px; margin-right:20px; }
    .jqTransformSafari .jqTransformInputInner div{ position:relative; overflow:hidden; margin:0 8px; }
    .jqTransformSafari .jqTransformInputInner div input{ background-color:none; position:absolute; top:-10px; left:-2px; height:42px; padding-left:4px; }

/* Radios */
.jqTransformRadioWrapper{ float:left; margin:1px 0 0 10px; }
    .jqTransformRadio{ background:transparent url(../images/bgr-input-radio.png) no-repeat; vertical-align:middle; height:13px; width:13px; display:block; /*display:-moz-inline-block;*/ }
    a.jqTransformChecked{ background:url(../images/bgr-input-radio-on.png) no-repeat;}

/* Selects */
.jqTransformSelectWrapper{ width:234px; position:relative; height:35px; background:url(../images/bgr-select-left.png) no-repeat top left; float:left; }
    .jqTransformSelectWrapper div span{ position:absolute; white-space:nowrap; height:35px; line-height:35px; padding:0 0 0 12px; overflow:hidden; cursor:pointer; }
    .jqTransformSelectWrapper a.jqTransformSelectOpen{ position:absolute; right:40px; width:38px; height:35px; background:url(../images/bgr-select-right.png) no-repeat center center; }
    .jqTransformSelectWrapper ul{ position:absolute; top:34px; left:1px; list-style:none; background-color:#FFF; border:solid 1px #bdce0f; display:none; margin:0; padding:0; height:150px; overflow:auto; overflow-y:auto; z-index:10; width:239px !important; }
    .jqTransformSelectWrapper ul a,
    .jqTransformSelectWrapper ul a:visited{ display:block; padding:10px 12px 11px; width:215px; text-decoration:none; color:#333; background-color:#FFF; font-size:12px; }
    .jqTransformSelectWrapper ul .selected{ background:#EDEDED; color:#333; }
    .jqTransformSelectWrapper ul a:hover,
    .jqTransformSelectWrapper ul .selected:hover{ background:#bdce0f; color:#fff; }

/* Hidden - used to hide the original form elements */
.jqTransformHidden{ display:none; }
