body {
	background-image:url("/images/bg1.jpg");
	background-position-x:50%;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-attachment: fixed;
	width:100%;
}

html, body {
	height:100%;
}

#footer h3 {
	color: white;
	font-style: italic;
	margin-bottom: 0;
}
#footer h2 {
	color: white;
	font-style: italic;
	margin-bottom: 2px;
}
#footer h1 {
	color: white;
	font-style: italic;
	margin-bottom: 2px;
}

#page {
	z-index: 2;
	position: relative;
}
p.agate {
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
}

#propertybar {
	margin-top:14px;
	border-top: 3px solid rgb(230,242,242);
	border-bottom: 3px solid rgb(230,242,242);
	height:41px;
	background-color:rgb(2,81,89);
	color: white;
	font-family: Times, "Times New Roman", serif;
}
#homesList {
	padding-top: 5px;
	padding-bottom: 5px;
	position:relative;
	left: 40px;
	top:0;
	width: 220px;
	z-index:999999;
	background: rgb(55, 108, 117);
	border-left: 8px solid rgb(113, 148, 80);
	height: 100%;
}

#homesList ul {
	list-style: none;
	padding-top: 5px;
	padding-left: 12px;
}

#homesList ul li {
	float: none;
}


.darkrow {

}

.lightrow {

}

.link-underline {
	color: rgb(84, 82, 77);
	text-decoration: underline;
}

.float-left {
	float: left;
}

.featured-home {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid white;
}

.featured-location {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid white;
}

#propertybar-searchform {
	list-style: none;
	margin: 0;
	padding: 0;
	color: white;
	font-family: Times, "Times New Roman", serif;
	font-size: 14px;
	margin-left: 8px;
}

#propertybar-searchform li{
	float: left;
	margin-left: 15px;
	margin-top: 8px;
}

#propertybar-searchform li input, #propertybar-searchform li select {
	background-color:rgb(2,81,89);
	border: 1px solid white;
	color: white;
}

#propertybar-searchform #button{
	float: right;
	margin: 0;
	padding: 0;
}

#propertybar-searchform li input.datepicker {
	width: 70px;
}

#propertybar-searchform li select.bedrooms {
	width: 40px;
}

#propertybar-propertiestext {
	margin-left:11px;
}

#propertybar-button {
	margin-top:5px;
	margin-right:7px;
	float: right;
	width: 156px;
	height: 31px;
	background-image: url("../images/propertybar-button_off.png");
}

#main {
	margin-top:7px;
	height:495px;
}


#location {
	width:720px;
	height:100%;
	z-index: 0;
}

#leftnav {
	background-image: url("../images/leftnav-back.png");
	height:100%;
	text-align: center;
}

#leftnav h3 {
	color: #54524d;
	font-style: italic;
	margin-bottom: 2px;
}


#leftnav-logo {
	margin-top:7px;
	margin-bottom: 13px;
}

#leftnav-locationslist {
	list-style: none;
	margin: 0;
	padding: 0;
	color: rgb(84,82,77);
	font-family: Times, "Times New Roman", serif;
	font-size: 14px;
	line-height: 140%;
}

#leftnav-locationslist a {
	text-decoration: none;
	color: rgb(84,82,77);
}

#leftnav-locationslist a:hover {
	text-decoration: underline;
}

#mainnav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 6px;
}

#mainnav-list li {
	float: left;
}



#mainnav {
	background: #36142a;
	height: 48px;
	text-align:center;
}

#mainnav h1 {
	line-height: 29px;
	font-size: 20px;
	font-style: italic;
	color: white;
	float: left;
	margin-left: 40px;
	margin-bottom: 11px;
}

#mainnav h1 a, #mainnav h1 a:link, #mainnav h1 a:visited {
	color: white;
}

#mainnav h1 a:hover, #mainnav h1 a:active {
	color: white;
}

#bottombar {
	height: 179px;
	background-image: url("../images/bottombar-back.png");
}

.spacer-top {
	padding-top:15px;
}

#bottombar-offerbox {
	background: rgb(109,140,77);
	border:solid 8px rgb(192,214,216);
	width:244px;
	padding:5px;
	height: 153px;
}


#bottombar-offerbox p {
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.bottombar-box h2 {
	color: white;
	font-style: italic;
	margin-bottom:8px;
}

.bottombar-box p {
	color: white;
}


.overlay h1 {
	color: white;
	font-style: italic;
}

.overlay p {
	color: white;
}

#footer {
	margin-top: 20px;
	background-image: url("../images/footer-back.png");
	color: white;
}

#footer #inner {
	padding: 20px;
}

#footer #inner hr {
	color: white;
	background-color: white;
	height: 1px;
	width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.location-box {
	width: 720px;
	height: 495px;
}

.location-box a {
	color: white;
	text-decoration: none;
}

a.white {
	color: white;
	text-decoration: none;
}



.overlay {
	background-image: url("../images/gray-overlay.png");
	width: 216px;
	height: 345px;
	position: relative;
	left: 444px	;
	padding-top: 150px;
	padding-left: 30px;
	padding-right: 30px;
}
.overlay hr {
	color: white;
	background-color: white;
	height: 1px;
	width:85%;
}

.hidden {
	display: none;
}

#ui-datepicker-div {
	z-index: 9999999;
}

#bluemountainbeach.location-box {
	background-image: url("../	images/locations/bluemountainbeach/home.jpg");
}

#duneallen.location-box {
	background-image: url("../images/locations/duneallen/home.jpg");
}

#graytonbeach.location-box {
	background-image: url("../	images/locations/graytonbeach/home.jpg");
}

#gulftrace.location-box {
	background-image: url("../images/locations/gulftrace/home.jpg");
}

#inletbeach.location-box {
	background-image: url("../images/locations/inletbeach/home.jpg");
}

#lakewood.location-box {
	background-image: url("../images/locations/lakewood/home.jpg");
}

#oldfloridabeach.location-box {
	background-image: url("../images/locations/oldfloridabeach/home.jpg");
}

#oldfloridavillage.location-box {
	background-image: url("../images/locations/oldfloridavillage/home.jpg");
}

#panamacitybeach.location-box {
	background-image: url("../images/locations/panamacitybeach/home.jpg");
}

#rosemarybeach.location-box {
	background-image: url("../images/locations/rosemarybeach/home.jpg");
}

#santarosabeach.location-box {
	background-image: url("../images/locations/santarosabeach/home.jpg");
}

#seacrest.location-box {
	background-image: url("../	images/locations/seacrest/home.jpg");
}

#seagrove.location-box {
	background-image: url("../	images/locations/seagrove/home.jpg");
}

#summersedge.location-box {
	background-image: url("../	images/locations/summersedge/home.jpg");
}

#watercolor.location-box {
	background-image: url("../images/locations/watercolor/home.jpg");
}

#watersound.location-box {
	background-image: url("../images/locations/watersound/home.jpg");
}
#watersedge.location-box {
	background-image: url("../images/locations/watersedge/home.jpg");
}
#allproperties.location-box {
	background-image: url("../images/locations/lakewood/home.jpg");
}


/* Location */

#mainnav-location-list {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 6px;
}


#mainnav-location {
	background: rgb(54,20,42);
	height: 48px;
	text-align:center;
	margin-top: 7px;
	margin-bottom: 0;
}

#mainnav-location h1 {
	line-height: 29px;
	font-size: 20px;
	font-style: italic;
	color: white;
	float: left;
	margin-left: 40px;
	margin-bottom: 11px;
}

#mainnav-location h1 a, #mainnav-location h1 a:link, #mainnav-location h1 a:visited {
	color: white;
}

#mainnav-location h1 a:hover, #mainnav-location h1 a:active {
	color: white;
}

#leftnav-interior {
	background-image: url("../images/leftnav-back-interior.png");
	height:100%;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 0;
	margin-bottom: 0;
	width: 170px;
	height: 487px;
}

#leftnav-interior h4 {
	color: rgb(54,40,42);
	text-align: left;
	margin-bottom: 3px;
	font-style: italic;
	font-size: 18px;
}

#leftnav-interior h1 {
	color: rgb(2, 81, 89);
	text-align: left;
	margin-bottom: 5px;
	font-style: italic;
	font-size: 28px;
}


#leftnav-interior-logo {
	margin-top:7px;
	margin-bottom: 13px;
}

#leftnav-interior-locationslist-1, #leftnav-interior-locationslist-2  {
	list-style: none;
	margin: 0;
	padding: 0;
	color: rgb(84, 82, 77);
	font-family: Times, "Times New Roman", serif;
	font-size: 10px;
	float: left;
	text-align: left;
}
#leftnav-interior-locationslist-1 {
	padding-right: 10px;
}

#leftnav-interior-locationslist-1 a, #leftnav-interior-locationslist-2 a {
	text-decoration: none;
	color: rgb(84,82,77);
}

.verticalspacer {
	margin-bottom: 10px;
}

#leftnav-interior-locationslist-1 a:hover, #leftnav-interior-locationslist-2 a:hover {
	text-decoration: underline;
}

#leftnav-interior-locationlinks-1, #leftnav-interior-locationlinks-2  {
	list-style: none;
	margin: 0;
	padding: 0;
	color: rgb(84, 82, 77);
	font-family: Times, "Times New Roman", serif;
	font-size: 14px;
	font-style: normal;
	float: left;
	text-align: left;
}

#leftnav-interior-locationlinks-1 {
	padding-right: 15px;
}

#leftnav-interior-locationlinks-1 a, #leftnav-interior-locationlinks-2 a {
	text-decoration: none;
	color: rgb(84,82,77);
}

#leftnav-interior-locationlinks-1 a:hover, #leftnav-interior-locationlinks-2 a:hover {
	text-decoration: underline;
}

#leftnav-interior-callchat {
	background: url("../images/leftnav-interior-callchat-back.png");
	width: 190px;
	text-align: center;
	padding-top:10px;
}

#leftnav-interior-callchat h2 {
	color: white;
	font-style: italic;
	margin-bottom: 2px;
}

#leftnav-interior-callchat h3 {
	color: white;
	font-style: italic;
	margin-bottom: 2px;
}

#leftnav-interior-callchat h4 {
	color: white;
	font-style: italic;
	margin-bottom: 2px;
}


#leftnav-interior-bottom {
	background: url("../images/leftnav-interior-bottom-back.png");
	background-repeat: repeat;
	width: 170px;
	text-align: left;
	padding:10px;
	min-height:140px;
}
#leftnav-interior-bottom {
	background: url("../images/leftnav-interior-bottom-back.png");
	background-repeat: repeat;
	width: 170px;
	text-align: left;
	padding:10px;
}

#leftnav-interior-bottom h2 {
	color: white;
	font-style: italic;
	margin-bottom: 2px;
}

#leftnav-interior-bottom p {
	color: white;
	height: 100%;
}

#leftnav-container {
	height: 100%;
	display: table-cell;
	min-height: 770px;
}

#maincontainer {
	height: 100%;
	min-height: 770px;
	display: table;
}

#maincontent {
	background: url("../images/maincontent.png");
	width: 730px;
	float: right;
	height: 100%;
	display: table-cell;
	padding-left:15px;
	padding-right:15px;
	min-height: 771px;
	
}

#maincontent h2 {
	color: rgb(84, 82, 77);
	font-style: italic;
	margin-bottom: 2px;
}

#maincontent h1 {
	color: rgb(84, 82, 77);
	font-style: italic;
	margin-bottom: 4px;
	padding-top: 20px;
}

#maincontent h3 {
	color: rgb(84, 82, 77);
	font-style: italic;
	margin-bottom: 0;
}

#maincontent h4 {
	color: rgb(84, 82, 77);
	font-style: italic;
	margin-bottom: 0;
}

#maincontent h1.green {
	color: rgb(2, 81, 89);
}


#maincontent p, #maincontent p a {
	color: rgb(84, 82, 77);
}

#maincontent #location-image-main {
	float: right;
	margin-left: 20px;
}

#maincontent #location-highlights {
	height: 119px;
	width: 100%;
	background: url("../images/location-highlights-back.png");
	background-repeat: repeat;
	margin-top: 17px;
	margin-bottom: 17px;
}

#maincontent #location-highlights h2 {
	color: white;
	font-style: italic;
	margin-bottom: 4px;
	padding-top: 8px;
}

#maincontent #location-highlights p {
	color: white;
}

#maincontent #location-highlights #location-highlights-image {
	float: left;
	padding: 0;
	margin-right: 20px;
}

#maincontent #location-history-image {
	float: right;
	padding: 0;
	margin-left: 20px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}
.button-link {
	padding:0;
	margin:0;
	float:left;
}

div.float {
  float: left;
  padding:5px;
}
  div.float a img {
	border: #666666 2px solid;
	color: #666666;
  }
  div.float a:hover img  {
	border: #025159 2px solid;
	color: #025159;
  }
  
.legend {
	float: left;
}

.unavailable {
	width: 15px;
	height: 15px;
	background: #ffcccc;
	float: left;
	margin-right: 10px;
}

.available {
	background: rgb(192, 192, 192);
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 10px;
}

.today {
	width: 15px;
	height: 15px;
	background: #FAFAFA;
	float: left;
	margin-right: 10px;
}

.selected {
	background: #36142A;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 10px;
}

.white {
	color: white !important;
	text-decoration: none;
}

#datepick-div-inner {
	color: white;
	font-family: Times, 'Times New Roman', serif;
	font-size: 14px;
}
#datepick-div-inner label {
	font-weight: normal;
}

#datepick-div-inner img {
	border: 2px solid #36142a;
}
.reservebutton {
	background: #417d83;
	color: white;
	border: 1px solid #305c61;
	padding: 7px;
	padding-left: 98px;
	padding-right: 98px;
	font-family: "Helvetiva Nueue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.moreinfobutton {
	background: #417d83;
	color: white;
	border: 1px solid #305c61;
	padding: 7px;
	padding-left: 18px;
	padding-right: 18px;
	font-family: "Helvetiva Nueue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 150px;
}
.selectlocationbutton {
	background: #36142a;
	color: white;
	border: 1px solid #305c61;
	padding: 7px;
	padding-left: 18px;
	padding-right: 18px;
	font-family: "Helvetiva Nueue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 150px;
}


 
.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
   padding: 5px;
   background: url('../images/tooltip-back.png');
   width: 150px;
   color: #36142A;
}

.listingphoto {
	border: 2px solid #025159;
}


* + div table tbody tr td p {
	margin:0;
}