body { background: url(../images/body-bg.jpg) top center no-repeat; margin:0 auto; font-family:Calibri, sans-serif; color:#57585b; font-size:15px;}

a, a:visited { text-decoration:none; color: #57585b;}
a:hover { text-decoration:underline;}

#wrapper { width:auto; max-width: 1000px; margin:0 auto; padding:15px 0px; position: relative; z-index: 1;}
#left_panel, #left_panel2 { float:left; width:25%; margin-right: 3%; clear: left; }
#right_panel { float: right; width: 72%;}

#logo { max-width: 100%; height: auto; float:left;}
#logo img {width:auto; height:auto; float:left;}
#logo-mobile, #utility-mobile {display: none;}

img {max-width: 100%; height: auto;}

.header-image {
    width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin: 0 0 15px 0;}

h1 { font-size:28px; color:#6c9fc9;}
h2 { font-size:20px;margin-bottom:15px;}
h3 { font-size:22px;}
h4 { font-size:19px;}
h5 { font-size:17px;}

img { border:none;}
p { line-height:20px;}

input.input_btn { background-color:#FFF; padding:0px 10px; width:80px; border:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border:#ccc 1px solid; font-family: Calibri; font-size:20px; cursor:pointer; float:right; color:#57585B;}
input.input_btn:hover { background-color:#f9f9f9; box-shadow:1px 1px 1px #ccc;}

a.btn {
    background-color: #7D9CC0;
    color:#ffffff;
    border: 1px solid #C7D0E0;
    border-radius: 3px 3px 3px 3px;
    padding: 5px 10px;
    display: inline-block;
}
a.btn:hover {
    background-color: #57585B;
    border: 1px solid #999;
    text-decoration: none;
}

#left_panel a.btn_link { clear: both; display:block; width:auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; background-color:#ebeef4; box-shadow:1px 1px 1px #ccc; border:#e1e4ea 1px solid; margin-top:15px; font-size:15px; text-align:center; line-height:30px;}
#left_panel a.btn_link:hover { text-decoration:none; background-color:#E2E6EF;}

.panel_box {
    background-color: #ebeef4;
    border: 1px solid #e1e4ea;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #ccc;
    float: left;
    font-size: 15px;
    margin: 20px 0 15px 0;
    padding: 10px;
    max-width: 228px;
}

#content { float:left; width:78%; padding:10px 2%; margin-right: 2%; background-color:#ebeef4; box-shadow:1px 1px 1px #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; min-height: 470px;}
#content ul li { line-height:18px;}
#content ul li h2 { line-height:normal;}
#content a {color: rgb(51, 102, 255);}

#ad_banner, #sidebar { float: right; width: 16%; box-shadow:1px 1px 1px #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;}
#ad_banner img, #sidebar img { width: 100%; height: auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;}

#footer {border-top: 1px solid #ccc; float: left; margin-top: 25px; padding-top: 5px; width: 100%; text-align: center;}
#footer ul {clear: both; list-style: none outside none; margin: 0; padding: 0; text-align: center; width: 100%;}
#footer ul li {border-right: 2px solid #6c6d6f; display: inline-block; font-size: 16px; margin-bottom: 5px; padding: 0 20px;}

li.menu-mlid-855, li.menu-mlid-859, li.menu-mlid-863, li.menu-mlid-866, li.menu-mlid-868 {
    border-right: none !important;
}

.copyright {
    clear: both;
}

/**** BLOG ****/
.view-blog .views-row {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}

.view-blog h2 {
    margin: 0 0 3px 0;
}

.view-blog .views-field-field-post-date {
    margin: 0 0 15px 0;
}

.view-blog .views-field-field-image {
    float: right;
    margin: 0 0 10px 15px;
}

.field-name-field-post-date {
    margin: 0 0 15px 0;
}

/**** QUICK SEARCH ****/
.region-quick-search {
    width: 100%;
}

.region-quick-search h2 {
    clear: both;
}

.search {
    width: auto;
}

.arrive, .adults, .pets, .beds, .baths, .children, .amenities, .cat1, .cat2, .cat3, .search-button-wrapper, .a-search, .refine, .price, .lofts {
    padding-left: 0;
    margin-bottom: 10px;
}

.arrive, .depart, .adults, .children, .beds, .baths {
    width: 48%;
}

.depart, .children, .baths {
    float: right;
}

.arrive input, .depart input {
    width: 92%;
    padding: 3px 1%;
}

.region-quick-search select {
    width: 100% !important;
}

.search-button-wrapper input, .form-submit, .views-field-view-node a {
    background-color: #fff;
    border: 1px solid #e1e4ea;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #ccc;
    color: #575856;
    font-weight: bold;
    margin: 3px 0 10px;
    padding: 5px 10px;
    -webkit-appearance: none;
    cursor: pointer;
}

/*
.pets select, .cat1 select, .cat2 select, .cat3 select,
.amenities select, span.label, .price select, .lofts select {
    width: 100%;
}
*/

/**** EDITING TABS ****/
.node, .tabs, .messages {clear: both;}

#content ul.tabs {
    padding: 0;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

#content ul.tabs li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
}

#content ul.tabs li a {
    padding: 3px 8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
}

/*miscellaneous*/
.col3 {width: 100%; float: left; margin-bottom:20px;}
.col3 li {float:left; width:31%; padding:0 2% 0 0;}

.noShow {display:none;}
.clear {clear:both;}
strong {font-weight:bold;}
em, .italic {font-style:italic;}

.show480 {display:none;}

td {vertical-align:top;}

.last {margin-right:0; padding-right:0;}

.imgLeft, .imgLeftNB, .group-left img {float:left; border:3px solid #bdaf9b; -moz-border-radius:3px; border-radius:3px; margin:0 10px 5px 0;}
.imgLeftNB {border:none;}
.imgRight, .imgRightNB {float:right; border:3px solid #bdaf9b; -moz-border-radius:3px; border-radius:3px; margin:0 0 5px 10px;}
.imgRightNB {border:none;}

.subHeader {font-style:italic; font-size:.65em;}
.italic-underline {font-style:italic; text-decoration:underline;}
.bold-italic {font-weight:bold; font-style:italic;}
.bold-underline {font-weight:bold; text-decoration:underline;}
.bold-italic-underline {font-weight:bold; font-style:italic; text-decoration:underline;}
.small {font-size:10px;}
.small-italic {font-size:10px; font-style:italic;}
.small-italic-underline {font-size:10px; font-style:italic; text-decoration:underline;}
.small-bold-italic {font-size:10px; font-style:italic; font-weight:bold;}
.small-bold-italic-underline {font-size:10px; font-style:italic; font-weight:bold; text-decoration:underline;}