/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 768px) {
/* For desktop: */
.clear_left{clear:left}
.clear_right{clear:right}
.clear_both{clear:both}
.align_left{text-align:left}
.align_center{text-align:center}
.align_right{text-align:right}
.float_left{float:left}
.float_right{float:right}
.bold, .sitelink, .body-details label{font-weight:bold}
.underline{text-decoration:underline}
.relative{position:relative}
body{margin:0;text-align:center;background:#F2F2F2;border:0}
a:link, a:visited{color: #30A0FF;text-decoration:none;}
a:hover{text-decoration:underline;}
#outercontainer{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:0 auto;text-align:left;width:970px;background:#fff;padding:2px;}
#container{float:right;width:740px;margin-right:10px;}
#header{height:150px;background:url(img/beach4.jpg) no-repeat;}
#left{width:210px;float:left;}
#vertical{float:left;width:1px;height:700px;}
.footer{margin-top:10px;padding:10px;border-top:1px solid #ddd;text-align:center;color:#666;}
.footer a{padding:0 2px;font-weight:bold;color:#0646BE;}
.sidenav a, .sidenav a:visited{display: block;margin:0;padding:3px 0 3px 8px;width:160px;font-weight:bold; border-bottom: 1px dotted #ddd; color:#080;}
.sidenav a:hover{color:#000;text-decoration: none;}
.listing{border:solid 1px #CDCDCD;margin:0 auto 30px auto;overflow:hidden;padding:0;}
img{border:none;}
.head{background:transparent;border-bottom: solid 1px #CDCDCD;font-size:16px;height:42px;line-height: 42px;overflow: hidden;padding:0 10px;}
.head a:link, .head a:visited, .head a:hover {color: #626262;font-weight: bold;text-decoration: none;}
.body{background: #EFEFEF;overflow: hidden;margin: 7px;width: 100%;}
.body p{margin:0;}
.body-pic{float:left;width:22%;}
.body-description{float:left;margin:0 7px;overflow:hidden;width:51%;}
.body-details{float:right;width:25%;}
.body-details p{margin:0 0 8px 0;}
a.body-link img{margin:10px 0 0 0;}
.search-form{margin:10px 0;}
.search-empty, .view-na, .index-empty{font-weight:bold;padding:0 10px;}
.view-content .half_left, .view-content .half_right {width:49%;float:left;}
.view-left{float:left;width:55%;margin-top:10px;}
.view-right{float: left;margin:0 0 0 10px;width: 43%;}
.view-details {width:310px;border: 1px solid #ded7d7;margin: auto;}
.view-details p {border-bottom: 1px dotted #AAA;line-height: 25px;}
h1 {margin: 10px 0 0;padding: 0 0 2px;font-size: 20px;color:#000;border-bottom: 1px solid #E8E4E5;}
.view-content{padding: 5px;}
.view-content p{margin: 0 0 5px 0;position: relative;}
.view-content p span{position: absolute;top: 0;right:4px;font-weight: bold}
.view-pic{margin: 0 0 5px 0;overflow: hidden;}
.view-img{float: left;margin: 0 5px 5px 0;padding: 1px;border: 1px solid #cbc9c9;}
.view-img img {border: none;float: left;max-width: 90px;max-height: 90px;}
.view-form{float: left;width: 49%;}
.view-terms{float: right;width: 49%;}
.search p{margin: 0 0 5px 0;padding: 5px;}
.search label{float: left;width: 42%;}
.search-left{float: left;width: 44%;}
.search-right{float: right;margin: 0 0 0 5px;width: 44%;}
.property-text{border: solid 1px #c8cacf;padding: 3px 4px;}
.text-small{width:70px;}
.text-medium{width:166px;}
.select{border: solid 1px #c8cacf;padding: 3px 4px;}
.select-day, .form .select_day{width:50px;}
.select-month, .select-year{width:62px; margin-left: 2px}
.select-small{width: 80px;}
.select-medium{width: 176px;}
.paginator{list-style: none;margin: 0;padding: 0 10px;overflow: hidden;}
.paginator li{display: inline;}
.paginator span.current{margin: 0 5px 0 0;}
.paginator span.dots{margin: 0 5px 0 0;}
.paginator a:link, .paginator a:visited, .paginator a:hover, .paginator a.focus{color: #9B2C02;margin: 0 5px 0 0;text-decoration: none;}
.form p{margin: 0 0 10px 0;}
.form label{float: left;width: 120px;font-weight: bold;display: block;}
.form .text,.form .textarea,.form .select{border: solid 1px #7F9DB9;	padding: 3px;}
.form .text_medium{width: 210px;}
.form .text_small, .form .select_month{width: 100px;}
.view-heading{font-weight: bold;padding: 0 5px;}
.heading{background: #C9E9F8;border-bottom: 1px solid #D2D2D2;height: 30px;line-height: 30px;text-transform: uppercase;}
.table{color: #626262;font-size: 1em;}
#navlist{margin-left:680px;padding:3px;}
#navlist a{height:18px;width:27px;margin-top:-2px;display:block;}
.csf{margin-left:0;} .def{margin-left:32px;} .enf{margin-left:64px;} .esf{margin-left:96px;} .frf{margin-left:128px;} .hrf{margin-left:160px;} .itf{margin-left:192px;} .plf{margin-left:224px;} .ruf{margin-left:256px;}
#navmenu{background: #19A8DE;height: 26px;color: #fff;text-transform: uppercase;font-weight: bold;margin: 0 0 3px;}
#navmenu a:link, #navmenu a:visited {height: 26px;font-weight: bold;display: inline;color: #fff;padding: 5px 12px;line-height: 26px;}
#navmenu a:hover {background-color: #0091C4;text-decoration: none;}
#lnav{margin-left:385px;margin-top:-25px;height:20px;padding:3px;}
#lnav a{text-transform:uppercase;font-weight:bold;border-top:1px solid #93CBEE;border-right:1px solid #77ACD4;border-left:1px solid #65B2FA;
border-bottom:1px solid #1B6698;background-color:#00AEE1;color:#ff0;padding:2px 5px;}
#lnav a:hover{text-decoration:none;color:#ddd;}
}