/*** Reset page elements ***/
@import url(reset.css);
@import url(text.css);

/*** Printing ***/
@media print {
	.noprint { display: none; }
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

h1 a {
    float: left;
    position: absolute;
    top: 5px;
    left: 90px;
    z-index: 500;
    margin: 0;
}

h2 {
    font-weight: normal;
}

h5 {
    font-size: 1em;
    margin-bottom: 1em;
}

/*** Link Styles ***/
a:link, a:visited, a:hover, a:active {
	color: #0f98cb;
}

a:hover {
	text-decoration: none;
}

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {
    display: block;
    color: #ffc;
    background: url(../images/nav-separater.jpg) no-repeat bottom left;
    padding-left: 6px;
    line-height: 22px;
    vertical-align: middle;
}

.nav a#home {
    background: none;
}

.nav a:hover, .nav a.selected {
    color: #10b2ee;
}

h5 a:link, h5 a:visited, h5 a:hover, h5:active {
    color: #4f6f83;
}

.areaLinks a {
    color: #51493e;
}

.footer .contact a {
    color: #18366d;
}

a.nouline, .nav a {
	text-decoration: none;
}

a.nouline:hover {
	text-decoration: underline;
}

/*** Body Styles ***/

body {
	font: 12px/1.4 Arial, Helvetica, Sans-Serif;
	background: #dbce8b url(../images/bg.jpg) repeat-x top left;
	color: #53544c;
}

.wrapper {
	width: 883px;
	margin-left: 70px;
}

.wrapper-shadow {
    background: url(../images/wrapper-shadow.png) repeat-y top left;
    margin-top: 64px;
}

.inner {
    position: relative;
    top: -64px;
    z-index: 100;
    width: 860px;
    height: 100%;
    margin-left: 12px;
}

span.logo {
    float: right;
    position: relative;
    left: 60px;
    top: -64px;
    z-index: 500;
    text-indent: -5000px;
    background: url(../images/michael-saunders-logo.jpg) no-repeat bottom right;
    width: 507px;
    height: 64px;
    line-height: 64px;
    margin: 0;
}

/*** Nav Styles ***/

.nav {
    clear: both;
	color: #ffc;
	font-size: 1.1em;
	font-weight: bold;
	background: #1c1845 url(../images/nav-bg.jpg) repeat-x top left;
	height: 26px;
}

.nav ul {
    float: right;
    margin: 0;
}

.nav li {
    float: left;
    list-style: none;
    margin: 2px 6px 0 0;
}

#slidesHome {
    clear: both;
    border-bottom: 5px solid #ccc496;
    background-color: #00488C;
}

/*** Content Styles ***/

.content {
    color: #365169;
	background-color: #fff;
}

.sidebar {
    float: left;
    width: 346px;
}

.home .sidebar {
    width: 23.3em;
    margin: 1.4em;
}

.areaGuide .sidebar, .salesOpp .sidebar, .contact .sidebar {
    width: 314px;
}

.accom .sidebarContent {
    margin: 1.4em;
}

.sidebar h3 {
    text-indent: -5000px;
    background: url(../images/call-for-reservations-sidebar.jpg) no-repeat top left;
    width: 346px;
    height: 84px;
    line-height: 84px;
    margin-bottom: 20px;
}

.sidebar .feature {
    background-color: #edefd9;
    border: 1px solid #dbdfc0;
    width: 260px;
    padding: 10px;
}

.sidebar .feature h4 {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #365169;
    margin: .8em 0;
}

.sidebar h4.tab {
    display: inline;
	color: #ffffff;
	background-color: #03488d;
	padding: 5px 20px;
	font-weight: bold;
	font-size: .9em;
	margin-left: 20px;
}

.sidebar .block {
    clear: left;
	background: #edefd9;
	border: 1px solid #dbdfc0;
	padding: 15px 0px 5px 0px;
	margin: 3px 40px 20px 20px;
	text-align: center;
}

.salesOpp .sidebar .block, .contact .sidebar .block {
     text-align: left;
     padding-left: 20px;
}

.contact .sidebar .block {
    width: 260px;
}

.salesOpp .sidebar .block span, .contact .sidebar .block span {
    color: #000000;
    font-size: 1.2em;
}

.seasonalRates {
    text-align: left;
    padding: 10px;
    margin: 0;
    color: #867866;
}

.seasonalRates dt {
    font-weight: normal;
    padding-bottom: 4px;
    border-bottom: 1px solid #867866;
}

.seasonalRates dd {
    text-align: left;
    background-color: #ffffff;
    padding: 2px 4px;
    margin: 10px 0;
}

.seasonalRates span {
    float: right;
}

.seasonalRates dd span {
    color: #365169;
}

.contact .sidebar iframe {
    border: 3px solid #939090;
    margin: 0 0 20px 20px;
}

.sidebar .calendarMonth
{
	width:224px;
	margin:0px auto 5px auto;
	padding:4px;
	background:#cccccc;
	text-align:center;
}

.sidebar .calendarMonth h2
{
	font-size:17px;
	color:#000000;
	margin:0px;
	font-weight:bold;
}

.sidebar .calendarMonth table
{
	margin:2px 2px 2px 2px;
}

.sidebar .calendarMonth td
{
	border: 2px solid #666666;
	width:29px;
	padding:3px 0px 3px 0px;
}

.sidebar .calendarMonth .header
{
	background:#000000;
	color:#FFFFFF;
	font-size:12px;
}

.sidebar .calendarMonth .navigation 			{ font-weight:bold; }
.sidebar .calendarMonth .navigation a 			{ color:#000000; text-decoration:none; }
.sidebar .calendarMonth td 						{ color: #000000; }
.sidebar .calendarMonth td.not_current_month 	{ color: #FFFFFF; }
.sidebar .calendarMonth td.reserved 			{ background: #FF2222; }
.sidebar .calendarMonth tr:hover td.open 		{ background: green;cursor:pointer; }
.sidebar .calendarMonth tr td.bonus 		{ background: green;cursor:pointer; }
.sidebar .calendarMonth td.open 		{ cursor:pointer; }

.areaGuide h2, .salesOpp h2, .contact h2 {
    text-indent: -5000px;
    width: 314px;
    height: 52px;
    line-height: 52px;
}

.areaGuide h2 { background: url(../images/sarasota-area-guide.jpg) no-repeat top left; }
.salesOpp h2 { background: url(../images/sales-opportunities.jpg) no-repeat top left; }
.contact h2 { background: url(../images/contact-us.jpg) no-repeat top left; }

.weather {
    background-color: #ffffff;
    border: 1px solid #e3e1c7;
    width: 157px;
    padding: 10px;
    margin: 0 0 10px 10px;
}

.weather div, .weather img {
    float: left;
}

.areaLinks {
    margin: 10px;
    text-align: left;
    color: #51493e;
}

.areaLinks dt {
    font-weight: bold;
    text-transform: uppercase;
}

.main {
    float: right;
    color: #726758;
    background-color: #e7eacf;
    width: 514px;
}

.accom .main {
    background: #e7eacf url(../images/bg-accom-top-shadow.jpg) no-repeat top left;
    padding-top: 20px;
}

.areaGuide .main, .salesOpp .main, .contact .main {
    width: 546px;
    background-color: #ffffff;
}

.areaGuide .guideContent, .salesOpp .guideContent {
    float: right;
    width: 492px;
    background-color: #e7eacf;
    padding: 10px;
}

.areaGuide .guideContent div, .salesOpp .guideContent div {
    background: #ffffff url(../images/bg-listing-info.jpg) no-repeat bottom left;
    padding: 20px;
    border-left: 1px solid #c8cda2;
    border-right: 1px solid #c8cda2;
}

.salesOpp .guideContent div {
    min-height: 600px;
}

.contact .contactContent {
    border: 1px solid #c8cda2;
    margin: 0 20px 20px 40px;
    padding: 20px 40px;
}

.contact form label {
    float: left;
    width: 140px;
    font-weight: bold;
}

.contact form input {
    width: 250px;
    margin: 4px 0;
}

.contact form #city {
    width: 140px;
}

.contact form #state {
    width: 30px;
}

.contact form #zip {
    width: 50px;
}

.contact form textarea {
    width: 253px;
    height: 80px;
}

.contact input.image {
    margin-left: 140px;
    width: 126px;
}

.main h3 {
    text-indent: -5000px;
    margin: 0;
}

.home .main h3 {
    background: url(../images/call-for-reservations.jpg) no-repeat bottom left;
    width: 514px;
    height: 60px;
    line-height: 60px;
}

.areaGuide .main h3, .salesOpp .main h3, .contact .main h3 {
    background-image: url(../images/call-for-reservations-area.jpg);
    width: 546px;
    height: 62px;
    line-height: 62px;
    border-top: 6px solid #736953;
}

.infoBar {
    float: left;
    background-color: #736953;
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    width: 100%;
    line-height: 30px;
}

.infoBar p {
    float: left;
    text-transform: uppercase;
    margin-left: 20px;
}

.infoBar ul {
    float: left;
    list-style: none;
    color: #fbf28b;
}

.infoBar li {
    float: left;
}

.imageSlider {
    width: 494px;
    margin: 15px 10px 0 10px;
    background-color: #dbce8b;
}

.listingInfo {
    background: #ffffff url(../images/bg-listing-info.jpg) no-repeat bottom left;
    border: 1px solid #c8cda2;
    border-bottom: none;
    margin: 10px;
    padding: 10px;
}

.listingInfo h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}

.listingInfo ul {
    float: left;
    list-style: none;
}

.listingInfo li {
    float: left;
}

.listingInfo li.first {
    margin-left: 0;
}

.listingInfo h5 {
    clear: left;
    font-size: 1.2em;
    border-bottom: 1px solid #c8cda2;
}

.listingInfo dl {
    margin-right: 15px;
    width: 140px;
}

.listingInfo dt {
    color: #51493e;
    font-weight: bold;
    text-transform: uppercase;
}

.results {
    height: 640px;
    overflow: auto;
}

.accom .results {
    height: 880px;
}

.results .listing-wrapper {
    background: url(../images/bg-listing-border.jpg) repeat-x top left;
    border-top: 1px solid #c9cea4;
    width: 468px;
    margin: 0 0 12px 12px;
    padding: 0 1px;
}

.results .listing {
    background: #e7eacf url(../images/bg-listing.jpg) repeat-x top left;
    width: 448px;
    padding: 10px;
}

.results .listing img.sum {
    float: left;
    border: 5px solid #dbce8b;
    margin-right: 10px;
}

.results .listing ul {
    float: left;
    list-style: none;
    margin-bottom: 1em;
}

.results .listing li {
    float: left;
    font-weight: bold;
}

.results .listing li.first {
    margin-left: 0;
}

.results p {
    float: left;
    width: 290px;
}

.results img.details {
    float: right;
}

.clear-after:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*** Popup Styles ***/

.popup {
    background-color: #dbce8b;
    width: 372px;
}

.popupHeader {
    background-color: #736953;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #5c5c5c;
}

.popupHeader img {
    float: left;
    position: relative;
    top: 3px;
    margin: 0 10px;
}

.popupHeader h1 {
    float: left;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.2em;
}

.popupHeader span a {
    float: right;
    display: block;
    background: url(../images/btn-close-popup.gif) no-repeat center left;
    padding-left: 20px;
    margin-right: 10px;
    color: #ffffff;
    text-decoration: none;
}

.popup span.dateRange {
    clear: both;
    display: block;
    background-color: #e5dcab;
    padding: 8px;
    margin-bottom: 10px;
    font-weight: bold;
}

.popup form {
    padding-bottom: 20px;
}

.popup label {
    float: left;
    width: 80px;
    font-weight: bold;
}

.popup input {
    width: 200px;
}

.popup input.image {
    margin-left: 80px;
    width: 146px;
}

/*** Admin Styles ***/

.login h1 a {
    left: 160px;
}

.login .content {
    background: url(../images/bg-login.gif) no-repeat top left;
    width: 503px;
    height: 350px;
    margin-top: 80px;
    padding-top: 120px;
}

.login .content div {
    position: relative;
    top: -112px;
    width: 479px;
    height: 206px;
    margin-left: 12px;
    padding-top: 120px;
}

.login p {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.login form {
    clear: both;
    width: 300px;
    margin: 0 auto;
}

.login label {
    float: left;
    width: 90px;
    text-transform: lowercase;
    font-weight: bold;
}

.login input {
    margin: 4px 0;
}

.login input[type="text"], .login input[type="password"] {
    width: 200px;
}

.login input[type="checkbox"] {
    margin-left: 90px;
    margin-right: 4px;
}

.owners {
    width: 879px;
}

.owners p.logout {
    float: left;
    position: absolute;
    top: 50px;
    left: 100px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6em;
    color: #000000;
}

.owners h1 a {
    left: 390px;
}

.owners .content {
    background: #ffffff url(../images/bg-owners-shadow.gif) repeat-y top left;
    margin-top: 80px;
    padding: 20px 0 0 30px;
    color: #000000;
}

.owners h4 {
    clear: left;
    color: #ffffff;
    background-color: #03488d;
    width: 250px;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
}

.owners .currentEntries {
    float: left;
    background-color: #e7eacf;
    width: 250px;
    padding: 20px 20px 0 20px;
}

.owners .currentEntries span {
    font-weight: bold;
    color: #004a8d;
}

.owners .currentEntries a {
	color: #000;
	text-decoration: none;
}
.owners .currentEntries a:hover {
	text-decoration: underline;
}

.owners .ownersContent {
    float: left;
    width: 490px;
    margin: 60px 30px 0 30px;
}

.ownersContent h3 {
    font-size: 1.2em;
    border-bottom: 1px solid #e9e7cb;
    padding-bottom: 10px;
}

.ownersFooter {
    text-align: center;
    background: url(../images/bg-owners-footer-shadow.jpg) no-repeat top left;
    padding-top: 10px;
}

.ownersFooter p {
    margin-bottom: 10px;
}

/*** Footer Styles ***/

.footer {
    position: relative;
    top: -64px;
    clear: both;
	background: #dbce8b url(../images/bottom-shadow.jpg) no-repeat top left;
	font-size: .8em;
	padding: 10px 12px 0 12px;
}

.footer p {
    margin-bottom: 1em;
}

.footer .contact {
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em 0 0 0;
}

.footer .contact p {
    float: left;
    margin-left: 1.4em;
}

.footer .contact ul {
    float: right;
    list-style: none;
    margin: 0;
}

.footer .contact li {
    float: left;
}

.footer .contact a {
    background: url(../images/right-arrow.gif) no-repeat top left;
    padding-left: 1em;
}

.footer .seo-text {
    border-top: 1px solid #a29967;
    border-bottom: 1px solid #a29967;
    padding-top: 1em;
    margin-bottom: 1em;
}

textarea {
	font: 12px/1.4 Arial, Helvetica, Sans-Serif;
}

/*** THE OTHER SLIDESHOW ***/
#DHTMLgoodies_thumbs_inner {
	padding: 0px;
	overflow: hidden;	
	background-color: #DBCE8B;
	width: 494px;
	color: #333;
}
#DHTMLgoodies_largeImage {
	width: 514px;
	height: 310px;
}

/** Owner calendar **/
.owners .ownersContentCalendar {
    width: 640px;
    margin: 60px 10px 0 10px;
}
.owners .ownersContentCalendar h3 {
	text-align: left;
}	

table#ownerCalendar {
	border: 2px inset #fff;
	border-collapse: seperate;
}
table#ownerCalendar tr.odd td {
	background-color: #999;
}
table#ownerCalendar td {
	padding: 2px;
	border: 2px inset #999;
	margin: 0;
	text-align: left;
}
table#ownerCalendar td p {
	padding: 0;
	margin: 0;
}

.ownerNav a.selected {
	font-weight: bold;
}
.owners p.logout a.plain {
	color: #000;
	text-decoration: none;
}
.owners p.logout a.plain:hover {
	text-decoration: underline;
}