body {
    margin:0;
    padding:0;
    color:#000;
    background-color:#e5e5e5;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    position:relative;
}
html {
    margin:0;
    padding:0;
    color:#000;
    background-color:#e5e5e5;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    position:relative;
}
#footer {
    background-color:#C3DDB9;
    clear:both;
    font-size:10pt;
    height:85px;
    text-align:center;
}
.contactLogo1 {
    height:12px;
    margin:0 4px 0 -6px;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.contactLogo2 {
    height:12px;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
#contactInfo {
    padding-right:15px;
    padding-top:20px;
    position:relative;
    text-align:right;
    right:0;
    position:absolute;
}
#bodyWrap {
    width:920px;
    margin:0 auto;
    font-size:10pt;
    background-color:white;
    position:relative;
}
#outerWrap {
    clear:both;
    border-style:solid;
    border-width:10px;
    border-color:white;
}
p {
    margin:0;
    padding:5px 0;
}
li {
    list-style:none;
    margin:0;
    padding:0;
}
ul {
    margin:0;
    padding:0;
}
img {
    border:none;
}
#sidebar {
    float: left;
    width:244px;
    margin:0;
    padding:0;
    font-size:9pt;
    text-align:center;
}
#TA_selfserveprop845 {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border:1px solid #aaaaaa;
    background-color:#ffffee;
    padding:1px;
}
#sidebarWrap div {
    margin-bottom:15px;
    padding-bottom:10px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border:1px solid #aaaaaa;
    background-color:#ffffee;
}
#sidebarWrap p {
    margin:0 18px;
    text-align:left;
    font-style:italic;
}
#sidebarWrap img {
    border-style:solid;
    border-width:2px;
    border-color:#617161;
}
#sidebarWrap a, #innerWrap a, #sidebarWrap a:visited, #innerWrap a:visited {
    text-decoration:none;
    color:#1a4079;
}
#sidebarWrap a:active, #innerWrap a:active {
    color:#1a5fc5;
}
#sidebarWrap a:hover, #innerWrap a:hover {
    color:#1a5fc5;
}
#sidebarWrap h2 a {
    color:white;
}
#sidebarWrap h2 a:visited {
    color:white;
}
#sidebarWrap h2 a:active {
    color:#FFFFB9;
}
#sidebarWrap h2 a:hover {
    color:#FFFFB9;
}
#sidebarWrap h2 {
    color:white;
    text-align:center;
    background-color:#617161;
    margin-top:0;
    font-weight:normal;
    font-family:Verdana, Arial, sans-serif;
    padding:2px 0;
}
#sidebarWrap h3 {
    margin-left:20px;
}
#roomThumbnails {
    padding:0;
    margin:0 auto;
    line-height:12pt;
}
.roomsList {
    background-color:transparent !important;
    border:none !important;
    position:relative;
    text-align:right;
    margin:-5px 0 0;
    padding:0 !important;
}
.roomsList p {
    font-style:normal !important;
    position:relative;
    top:-8px;
}
.roomsList a {
    top:-15px;
    position:relative;
    margin-right:25px;
}
.bookIt {
    clear:both;
    font-size:9pt;
    height:8px;
    padding:2px;
    background-color:#ffffb9 !important;
    padding-bottom:15px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border:1px solid #aaaaaa;
    background-color:#ffffee;
    margin:6px 18px 0 18px !important;
}
.bookItRoomsPage {
    clear:both;
    font-size:9pt;
    height:8px;
    padding:2px;
    background-color:#ffffb9 !important;
    margin:10px 0 !important;
    padding:2px 2px 14px 5px;
    position:relative;
    right:-1px;
    top:-5px;
}
#bookItTop {
    margin:-30px 16px;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    clear:both;
    font-size:9pt;
    height:8px;
    padding:2px 5px;
    background-color:#ffffb9 !important;
}
#outerWrap h1 {
    color:#6f3030;
    font-size:18pt;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-stretch:extra-expanded;
    font-weight:normal;
    clear:both;
    padding-top:20px;
    margin-bottom:10px;
}
#outerWrap h2 {
    font-size:13pt;
    text-decoration:none;
}
#outerWrap h3 {
    display:block;
    font-size:12pt;
    margin-bottom:3px;
    color:#6f3030;
    text-align:left;
}
#outerWrap h4 {
    font-size:8pt;
    display:inline;
}
#innerWrap {
    font-family:"Trebuchet MS", Helvetica, sans-serif !important;
}
#innerWrap li h2 {
    color:#6F3030;
    margin-bottom:0;
    padding-bottom:0;
    padding-top:30px;
}
#header {
    background-color:#617161;
    color:white;
    margin-bottom:0;
    padding-bottom:1px;
    position:relative;
    text-align:left;
    width:920px;
    height:253px;/*This explicit height is only so that the page doesnt jump when it loads -	*/
}
#headerImg {
    border:3px solid white;
    float:left;
    height:227px;
    margin:10px 0 10px 10px;
    width:238px;
}
#headerText {
    color:black;
    display:none;/*this is not displayed with CSS, but if the browser doesnt have css it will show up (the img has white text, so it would not be seen without css)*/
}
/*keep these incase we want to show the text version of the title, but dont show them - see note above for #headerText
#headerText h1 {
	margin:60px 0 0 0;
	font-size: 24pt;
	position:relative;
}
#headerText h2 {
	margin-top:0;
	font-size: 20pt;
	position:relative;
}
#headerText h3 {
	font-size:14pt;
	margin-top:-0px;
	position:relative;
}
*/
.printable {
    background-color:white;
    width:100%;
    max-width:700px;
    margin:10px;
    padding:0 10px;
}
.printable div {
    margin:5px;
}
.printable img {
    text-align:center;
    height:400px;
}
.printable h1 {
    clear:none !important;
    padding-top:10px !important;
}
.printIt {
    clear:both;
    font-size:9pt;
    height:8px;
    padding:2px 5px;
    background-color:#ffffb9;
}
.directionsHeader {
    padding:5px;
}
.directionsHeader h1 {
    margin-top:0;
}
#outerWrap address {
    float:right;
    font-size:10pt;
    position:relative;
    text-align:right;
    top:12px;
}
#outerWrap table {
    margin:0 0 10px 0;
    padding:0;
    border-collapse:collapse;
    clear:both;
    width:100%;
}
#outerWrap table tr {
    vertical-align:top;
}
#outerWrap table td {
    padding:5px;
}
span.directionsFrom {
    font-weight:bold;
    font-size:1.1em;
}
table.directionsFrom {
    border-top:solid 1px;
    border-bottom:solid 1px;
}
#logo {
    float:right;
    border:none;
    padding-right:10px;
    padding-top:20px;
    margin-bottom:20px;
}
#mainWrap {
    clear:none;
    width:72%;
    float:right;
}
#mainWrap div {
    margin-bottom:20px;
}
#mainMenu {
    padding:0;
    background-color:transparent;
    margin-top:0;
}
#tempLoadingImg img {
    position:absolute;
    right:10px;
    top:10px;
}
/*I added this just got before the tabs.ui loads.  It's not necesary for the tabs.ui - doesnt hurt either though*/
#mainMenuList li {
    display:inline;
}
/*only for rendering before tabs finish loading - it prevents page jump - this is corrected to zero before tabs.ui is loaded*/
#mainMenuList {
    margin: 17px 0 10px 20px;
    background-color:#FFFFEE;
}
/*end only for rendering*/


.galleryWrap {
    clear:none;
    float:right;
    /*This explicit height is only so that the page doesnt jump when it loads -	*/
    height:253px;
    width:645px;
}
#test p {
    clear:both;
    margin:10px;
    padding:0;
    padding-bottom:6px;
}
.mainFrame {
    clear:both;
    /*switch*/
    font-size:11pt;
    line-height:1.4em;
    padding:0;
    padding-bottom:15px;
    text-align:left;
}
.floatRight {
    float:right;
    clear:none !important;
    margin:10px 0 15px 10px;
}
.floatLeft {
    float:left;
    clear:none !important;
    margin:10px 15px 15px 0;
}
.floatNone {
    float:none !important;
    clear:both !important;
    margin:10px 0 15px 0;
}
.policyDetails li {
    list-style:disc;
    list-style-position:inside;
}
.rates {
    color:#6f3030;
}
.rates span {
    font-size:10pt;
}
#innerWrap img {
    border-style:solid;
    border-width:2px;
    border-color:#617161;
}
#innerWrap ul {
    margin-bottom:5px;
}
#innerWrap li {
}
.rates li {
    clear:none;
    display:block;
    font-style:italic;
    color:black;
}
#innerWrap {
    padding:0 10px 0 15px;
}
.linkList li {
    margin-bottom:10px;
}
.comments {
    background-color:#FFFFEE;
    color:#777777;
    font-style:italic;
    text-align:left;
    letter-spacing:0.4pt;
}
#innerWrap .comments {
    margin:10px 0;
    padding:14px;
}
#sidebarWrap .comments {
    margin:10px 0;
    padding:10px 5px;
}
.floatComment {
    width:245px;
    float:left;
    clear:none;
}
.floatComment2 {
    width:345px;
    float:left;
}
.smallPic {
    width:150px;
    height:150px;
}
.commenter {
    text-align:left;
    color:#94b885;
    display:block;
    margin-top:10px;
}
.amenitites {
    width:40%;
    float:right;
    clear:none;
    margin-top:0;
}
.amenities ul {
}
.amenities ul li {
    list-style-type:circle;
    list-style:inside;
    display:list-item;
}
#guestroom1 h2, #guestroom2 h2 {
    margin-left:20px;
    font-size:12pt;
    font-weight:normal;
}
.bookEnd {
    clear:both;
}
#voladoresLogo {
	height:70px;
	position:relative;
	top:13px;
}
.footerReview{
    position:absolute;
	opacity:0.8;
    -moz-opacity: 0.8;
    -khtml-poacity: 0.8;
    filter: alpha(opacity=80);
}
.footerReview:hover{
    opacity:1.0;
    -moz-opacity: 1.0;
    -khtml-poacity: 1.0;
    filter: alpha(opacity=100);
}

#tripAdvisorLogo {
    margin:12px 0 0 10px;
    text-align:left;
}
#tripAdvisorLogo img {
    width:125px;
    padding:2px 1px;
}
#tripAdvisorLogo p {
    color:#787878;
    font-style:italic;
    margin:-9px 0 0 9px;
}
#yelpReview{
	margin:20px 0 0 150px;
}
#yelpReview img{
	width:100px;
}

#tripAdvisorWrapper {
    height:653px;
}

#webervationsWrapper {
    bottom:95px;
    left:270px;
    position:absolute;
    width:630px;
}
#webervationsMain {
    padding:12px;
    background-color:#C3DDB9;
    text-align:left;
    position:relative;
}

#altHeaderStaticImg {
    margin-bottom:10px;
    margin-left:0;
    margin-right:10px;
    margin-top:10px;
    float:right;
}
.headerAltImgBirdBackground{
    position:absolute;
    width:50px;
    top:1px;
    left:1px;
}
.syrahSaleMainFrame{
    font-size: 11pt;
}
.syrahSaleMainFrame p{
    width: 600px;
}
.syrahSaleTitleBlock{
    float:left;
    position:relative;
}
#syrahSaleLinkBackHome {
    position:absolute;
    left:0;
    margin:1px 0 0 10px;
}
#syrahSaleLinkBackHome img{
    width:205px;
}
.syrahPortfolio{
    margin:0 20px;
}
.syrahPortfolio li{
    padding:20px 0;
}
.syrahPortfolio li a{
    float:left;
    position: relative;
    padding-right: 10px;
}
.syrahPortfolio h2{
    padding-top:10px !important;
    margin-top:0;
}
.syrahPortfolio h3{
    margin-top:5px;
}
.wineLabel{
    width:350px;
}
.contactInfoHeader{
    float:right;
}
#outerWrap .contactInfoHeader address{
 top:0;
}
.syrahSaleBodyInfo{
 top:20px;
 position: relative;
}
.syrahSaleBodyEndImg{
    width: 870px;
    margin:10px 0;
}
#buySyrahTag{
	left:871px;
	margin-top:-83px;
	position:absolute;
}
#buySyrahTag img{
	width:280px;
	border:none;
}
