﻿body {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 75%; color: #231F20; margin: 0px;background: #fff url('images/bck_slc.gif') center top repeat-x}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px auto; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
ol, ul {list-style-type:none}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


#container {text-align: center;width: 100%;margin: 0px;padding:0px; }
.headWrap {padding:0px; margin:0 auto; background:#16C0F3 url('images/bck_slc.jpg') center top repeat-y;}
.headInner {padding:0px; margin:0px; background:url('images/homeTop.gif') center bottom no-repeat; min-height:92px}

#topNavWrap {width:778px; text-align:left; margin:0 auto; height:auto; background: url('images/property.gif') bottom left no-repeat; }

#flags {float:right; display:block; margin:0px; padding:5px 0px 0px 0px;width: 600px; text-align: right; }
#flags ul {margin:0px; padding: 0px 0px 5px 4px; }
#flags li {padding: 0px;display: inline;list-style-type: none}

.languages {float:right; text-align:right; margin-bottom:-15px}

#topNav {display:block; margin:0px 0px 0px 0px; width:778px; text-align:right;}
#topNav ul {margin:40px 0px 9px 0px; padding:0px; font-size:110%; display:block; font-weight:bold;  width:650px; float:right}
#topNav li {padding:0px 0px 0px 4px; display:inline; list-style-type:none;  color:#fff}
#topNav a {text-decoration:none; padding:0px; margin:0px; color:#fff; background-repeat:no-repeat; background-position:top left}
#topNav a:link, #topNav a:visited {color:#fff}
#topNav a:hover, #topNav a:visited:hover {text-decoration:none; color:#FFE4A2; background-image:url('images/top_on.gif');}

#contentWrap {width:778px; text-align:left; margin:0px auto; height:auto; display:inline-block}


#contentLeft {width:161px; float:left; padding:0px }
#logoTxt {background:url('images/noscasa.gif') no-repeat; height:55px;  margin:0px 0px 20px 0px}
.searchProperty {width:161px;}
.searchProperty a {color:#fff !important; text-decoration:none; font-size:110%; font-weight:bold}
.searchProperty a:hover {text-decoration:none}
.searchProperty ul {float:left; list-style-type:none; margin:0px !important;}
.searchProperty ul li {display:inline; float:left; margin:0px !mportant; padding:0px !important}
.salesOn {background:url('images/searchSalesOn.gif') top left no-repeat; width:76px; height:23px; float:left !important; padding:3px 0px 0px 10px;}
.rentalsOff {background:url('images/searchRentalsOff.gif') top left no-repeat; width:75px; height:23px; float:right !important; padding:3px 0px 0px 0px;}
.salesOff {background:url('images/searchSalesOff.gif') top left no-repeat; width:76px; height:23px; float:left !important; padding:3px 0px 0px 10px;}
.rentalsOn {background:url('images/searchRentalsOn.gif') top left no-repeat; width:75px; height:23px; float:right !important; padding:3px 0px 0px 0px;}
#search {background:url('images/testimonialSlc.gif') top repeat-y; width:143px; font-size:90% !important; float:left; margin-top:0px; padding:0px 10px}
#search table tr td {padding-bottom:3px}
.searchBtn {background:url('images/searchBtn.gif') no-repeat; width:142px; height:26px; border:none; display:block; cursor:pointer; margin:8px 0px 0px 0px}
.searchBtm {float:left !important; }

 
#testimonial {float:left; margin-top:15px}
.pnlTop {background:url('images/testimonialTop.gif') top no-repeat; height:97px; width:143px; padding:0px 10px; float:left}
.pnlMid {background:url('images/testimonialSlc.gif') top repeat-y; width:143px; float:left; margin-top:-93px; padding:0px 10px}
.pnlBtm {background:url('images/testimonialBtm.gif') top no-repeat; height:97px; width:143px; padding:0px 10px; float:left; margin:-85px 0px 8px 0px ; position:relative; z-index:1}
#testimonial ul {list-style-type:none; position:relative; z-index:2}
#testimonial ul li {display:inline; padding-right:4px}

h6 {color:#5eb9cd; font-size:130%; font-weight:bold; margin:0px auto; padding:5px 0px 6px 0px; z-index:10; position:relative }
h6.news {color:#5eb9cd; font-size:130%; font-weight:bold; margin:0px auto; padding:0px; z-index:10; position:relative }
h6.speechBubble {background:url('images/speechBubble.gif') top right no-repeat; }
h1 {color:#ab4d3c !important; margin-top:5px !important; font-size:220% !important; display:block !important}
h2 {color:#d07041 !important; font-size:130% !important; display:block !important}
h3 {color:#0297c0 !important; margin-top:0px !important; padding:0px !important; float:left !important; font-size:130% !important }
span {color:#ab4d3c !important;  font-weight:normal !important; font-size:94% !important }
span.sub {color:#ab4d3c !important;  font-weight:normal !important; font-size:94% !important; font-style:italic }
p.testimonial {font-size:110%; color:#5eb9cd; line-height:17px; padding-bottom:10px; border-bottom:1px dotted #a2a2a2; position:relative; z-index:10; margin:4px 0px}
a.galleryLink {font-size:110%; padding:0px 10px 0px 0px; color:#5eb9cd !important; line-height:17px; padding-bottom:10px; text-decoration:none; position:relative; z-index:10; background:url('images/galleryArrow.gif') right top no-repeat}

.rentTypeWrap {margin-top:3px; }
.rentType {padding-right:8px; margin:2px 0px 0px 18px; float:left}

.datePnl {background:#f6f6f6; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; padding:0px 8px; }
.datePnl p {font-weight:bold; margin-bottom:0px !important; padding-bottom:8px;  }
.date {color:#000 !important; font-size:140% !important; margin:0px 0px 0px 0px !important; padding:0px !important; float:left !important}
.temp {border-right:1px solid #888; width:68px; float:left;}
.time {float:left; padding-left:3px}
.tempTime {color:#000 !important; float:left; margin:-6px 0px 0px 0px !important; padding:0px !important}

.webCamTop {background:url('images/webCamTop.gif') top no-repeat; height:97px; width:143px; padding:0px 10px; float:left; margin-top:14px; }
.webCamMid { width:143px; float:left; margin-top:-76px; padding:0px 10px; position:relative; z-index:10 }
.webCamImg {position:relative; z-index:100; padding-bottom:6px}
.webCamMid p {font-size:90%; margin:-4px 0px -2px 0px}
.webCamMid a {font-size:90%}

.brochureImg {margin:2px 0px 5px 0px !important; padding:0px !important; float:left}

.newsTop {margin-top:15px; float:left}
.newsMid {background:url('images/testimonialSlc.gif') top repeat-y; width:143px; float:left; margin-top:0px; padding:0px 10px; }
.newsMid p {margin:3px 0px}


#contentRight {float:right; text-align:left; width:603px;}
#tickerWrap {border-bottom:1px solid #cceaf2; float:right; width:603px; font-size:120%; padding-top:4px}
#ticker {float:left; color:#d25b20}
#login {float:right; padding-top:8px; color:#0297c0; text-decoration:none}
#login a {color:#0297c0; text-decoration:none}
#login a:hover {padding-top:8px; color:#d25b20; text-decoration:underline;}
.latest {color:#0297c0 !important; font-weight:bold; float:left; padding-right:7px}

#welcome {width:398px; float:left; margin-left:2px}
#featured {width:179px; float:right; padding:10px; border-left:1px solid #cceaf2; background:url('images/featuredSlc.gif') top left repeat-x}
.featuredImg {border:1px solid #999 !important; float:left !important; margin:20px 0px 0px 0px}
#featured ul.propDetails {display:block; margin:20px 0px 0px 0px; font-size:120%; line-height:22px}
#featured ul.propDetails li.location {background:url('images/locationIcon.gif') left no-repeat; padding-left:25px !important}
#featured ul.propDetails li.sleeps {background:url('images/sleepsIcon.gif') left no-repeat; padding-left:25px !important}
#featured ul.propDetails li.bathrooms {background:url('images/bathroomsIcon.gif') left no-repeat; padding-left:25px !important}
.costWrap {float:left; margin:10px 0px 0px 0px; padding-bottom:2px; width:179px}
.costWrap2 {float:left; margin:10px 0px 0px 10px; padding-bottom:2px; width:179px}
.price {float:left; font-size:160% !important; color:#a02e19 !important}
.viewDetails {float:right; background:url('images/viewDetailsBtn.gif') right no-repeat; width:87px; height:25px}

#maintenance {margin-top:10px; padding-top:10px; border-top:1px solid #ddd; float:left}
#maintenance p {line-height:15px; margin-bottom:-1px}

.salinasPnl {background:#f7f7f7; border:1px solid #fcab74; width:580px; float:right; padding:10px 10px 12px 10px; margin-top:15px}
.mainPnl {background:#f7f7f7; border:1px solid #fcab74; width:580px; float:right; padding:6px 10px 5px 10px; margin-top:15px}
.salinasImg {float:left; margin-top:23px}
.salinasCopy { float:right; width:212px; padding:12px 0px 0px 10px}
.propInfo {float:left; width:193px; padding:11px 0px 0px 10px;}
.propDetailsWrap {border-left:1px dotted #999; float:left; margin:10px 0px 0px 10px; width:190px}
.mainPnl ul.propDetails {float:left; margin:0px; padding-left:10px; font-size:120%}
.mainPnl ul.propDetails li {display:block !important; padding:0px 0px 5px 0px !important}

.mainPnl ul li.location {background:url('images/locationIcon.gif') left no-repeat; padding-left:25px !important}
.mainPnl ul li.sleeps {background:url('images/sleepsIcon.gif') left no-repeat; padding-left:25px !important}
.mainPnl ul li.bathrooms {background:url('images/bathroomsIcon.gif') left no-repeat; padding-left:25px !important}

.footerAd {display:block; margin:16px 0px}

.above {position:relative; z-index:100}
.left {float:left}
.right {float:right}