body{
margin: 0px;
padding: 0px;
background: #000000;
width: 100%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
}
hr{
clear: both;
}
#main{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 770px;
height: 100%;
background: #FFFFFF;
}
#top{
margin: 0px;
padding: 0px;
width: 770px;
height: 278px;
background-image: url(/images/top_background.jpg);
}
#topleft{
margin: 0px;
margin-top: 10px;
margin-left: 40px;
margin-right: 8px;
padding: 0px;
width: 250px;
height: 268px;
float: left;
}
* html #topleft{
margin-left: 20px;
margin-right: 4px;
}
#timberwoodslogo{
margin: 0px;
padding: 0px;
width: 250px;
height: 108px;
}
#timberwoodslogo img{
border: 0px;
width: 250px;
height: 108px;
}
#datetimeweather{
margin: 0px;
margin-top: 20px;
padding: 0px;
width: 250px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}
#topright{
margin: 0px;
margin-top: 4px;
padding: 0px;
width: 472px;
height: 273px;
font-size: 12px;
float: left;
}
#toplinks{
text-align: center;
color: #770000;
}
#toplinks a{
color: #770000;
text-decoration: none;
}
#toplinks a:hover{
color: #770000;
text-decoration: underline;
}
#mainpicture{
margin: 0px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 400px;
height: 225px;
}
#mainpicture img{
border: 0px;
width: 400px;
height: 225px;
}
#ahomeawayfromhomeflash{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 400px;
height: 28px;
}
#nav{
margin: 0px;
padding: 0px;
width: 770px;
background: #FFFFFF;
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: #770000;
}
#nav a{
font-weight: bold;
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
#nav a:hover{
font-weight: bold;
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
#navtop{
margin: 0px;
padding: 0px;
width: 770px;
line-height: 6px;
font-size: 1px;
font-weight: bold;
}
#navtoplinks{
margin: 0px;
padding: 0px;
width: 770px;
}
#navtoplinks a.navtop{
font-weight: bold;
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
#navtoplinks a.navtop:hover{
font-weight: bold;
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
#navmiddle{
margin: 0px;
padding: 0px;
width: 770px;
line-height: 4px;
font-size: 1px;
font-weight: bold;
}
#navbottomlinks{
margin: 0px;
padding: 0px;
width: 770px;
}
#navbottomlinks a.navbottom{
font-weight: bold;
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
#navbottomlinks a.navbottom:hover{
font-weight: bold;
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
#navbottom{
margin: 0px;
padding: 0px;
width: 770px;
line-height: 6px;
font-size: 1px;
font-weight: bold;
}
#fullcontent{
clear: both;
margin: 0px;
padding: 0px;
padding-top: 20px;
padding-bottom: 20px;
width: 770px;
border: 0px;
background: #770000;
}
#content{
margin: 0px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 700px;
border: 0px;
}
#content span.firstletter{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
}
#content a.arrivalinforamtion{
color: #FFFFFF;
text-decoration: underline;
}
#content div.specials{
text-align: center;
}
#content div.specials a{
color: #FFFFFF;
text-decoration: none;
}
#content div.specials a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#content div.specialstitle{
text-align: center;
font-size: 28px;
font-weight: bold;
}
#content div.specialscode{
text-align: center;
font-size: 14px;
font-style: italic;
}
#content div.specialsdescription{
margin-top: 10px;
}
#content div.conditions{
font-size: 12px;
text-align: center;
}
#content div.conditions a{
color: #FFFFFF;
text-decoration:underline;
}
#content div.ratestitle{
text-align: center;
font-size: 16px;
font-weight: bold;
}
#content div.ratestitle span.ratestitlesmallitalic{
font-size: 12px;
font-weight: normal;
font-style: italic;
}
#content div.ratesvilla{
margin: 0px;
margin-left: 25px;
width: 650px;
text-align: center;
}
#content div.ratesvilla div.ratesleftdate{
float: left;
width: 275px;
text-align: center;
}
#content div.ratesvilla div.ratesleft{
float: left;
width: 125px;
text-align: center;
}
#content div.ratesvilla div.ratesleftclear{
clear: left;
text-align: center;
}
#content div.ratesvilla span.boldunderlined{
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
#content div.testimonialsnamelocation{
font-size: 14px;
font-style: italic;
}
#content div.testimonialscomment{
margin-top: 10px;
}
#content div.contenttitle{
text-align: center;
font-size: 16px;
font-weight: bold;
}
#content div.contentpicture1{
float: left;
margin: 0px;
width: 300px;
}
#content div.contentpicture2{
float: left;
margin: 0px;
margin-left: 10px;
width: 390px;
}
#content div.contentname{
font-size: 14px;
font-weight: bold;
}
#content div.contentname a{
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}
#content div.contentname a:hover{
color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
}
#content div.contentdescription{
margin-top: 10px;
}
#content div.photoarea{
margin: 0px;
margin-left: 38px;
margin-right: 38px;
padding: 0px;
width: 624px;
text-align: left;
}
#content div.photoimages{
margin: 0px;
padding: 0px;
width: 208px;
text-align: center;
float: left;
}
#content div.photoimages input{
margin-left: 3px;
margin-right: 3px;
margin-top: 5px;
border: 1px #000000 solid;
width: 200px;
}
#contactus{
margin: 0px;
margin-top: 20px;
margin-left: 7px;
padding: 0px;
width: 700px;
text-align: right;
}
#contactus input.text{
width: 175px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
#contactus input.submit{
width: 300px;
height: 24px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align:center
}
#contactus textarea{
width: 300px;
height: 75px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.contactfloat{
float: left;
line-height: 20px;
width: 350px;
text-align: right;
}
.contactfloat span.red{
color: #850000;
}
.contactclear{
clear: both;
text-align: center;
}
.anchor{
text-align: center;
}
.anchor a{
color: #FFFFFF;
text-decoration: none;
}
.anchor a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#addressinfo{
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
width: 770px;
text-align: center;
font-weight: bold;
font-size: 14px;
color: #770000;
}
#addressinfo a{
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
}
#addressinfo a:hover{
color: #770000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: underline;
}
#chamberlinks{
margin: 0px;
margin-bottom: 10px;
padding: 0px;
width: 770px;
text-align: center;
}
#chamberlinks img.sarasotachamberofcommerce{
border: 0px;
width: 116px;
height: 100px;
}
#chamberlinks img.siestakeychamberofcommerce{
border: 0px;
width: 174px;
height: 100px;
}
#chamberlinks img.floridarestaurantandlodgingassociation{
border: 0px;
width: 228px;
height: 100px;
}
#footer{
margin: 0px;
padding: 0px;
width: 770px;
background: #000000;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}
#footertop{
margin: 0px;
padding: 0px;
width: 770px;
line-height: 6px;
font-size: 1px;
font-weight: bold;
}
#footerlinks{
margin: 0px;
padding: 0px;
width: 770px;
}
#footerlinks a{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
#footerlinks a:hover{
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
#footermiddle{
margin: 0px;
padding: 0px;
width: 770px;
line-height: 4px;
font-size: 1px;
font-weight: bold;
}
#footercopyright{
margin: 0px;
padding: 0px;
width: 770px;
}
#footercopyright a{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
#footercopyright a:hover{
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
#footerbottom{
margin: 0px;
padding: 0px;
width: 770px;
line-height: 6px;
font-size: 1px;
font-weight: bold;
}
#totalwebfusion{
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 0px;
width: 770px;
text-align: center;
font-size: 12px;
color: #000000;
}
#totalwebfusion a{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
#totalwebfusion a:hover{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
#w3c{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 770px;
text-align: center;
font-size: 9px;
color: #000000;
}
#w3c a{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
#w3c a:hover{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
#villagedespinslogo{
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 0px;
width: 770px;
text-align: right;
}
#villagedespinslogo img{
border: 0px;
width: 118px;
height: 50px;
}
#oldw3c{
margin: 0px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 770px;
text-align: center;
}
#oldw3c img{
border: 0px;
width: 88px;
height: 31px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}