/*Image Position*/
.picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; }
.pictureRight { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.pictureLeft { margin: 0.5em 0.8em 0.5em 0; float:left; }



.gmap {border: 0px;width: 750px;height: 400px;}


.top {background: url('/layout/top.png') transparent; height: 16px; width:770px;}
.e {background: url('/layout/left.png') transparent; height: 160%; width:770px; float:left;padding-left:0px;}
.bottom {background: url('/layout/bottom.png') transparent; height: 17px; width:770px; margin-bottom:8px; clear:both;}
.text{margin: 10px 10px 10px 10px;}
.villaLogo{float:left; align:center;  left:1px;top:1px; margin:0 auto;  position:absolute;  z-index:2;}


/*Format the header*/

h1.header {font-size:22pt;color:#5c595f;word-wrap: break-word;}
.headerText {position:relative;left:210px;;top:-120px;width:510px;}



img {border:0 0 0 0;}
h1 {font-family: arial;
          font-style: normal;
          font-weight: bold;
          text-decoration: none ;
          font-size: 12pt;
          text-align:left;
          color:#5e3583;}


html, body {font-family: Verdana, serif; font-size:10pt; color:#000000;  text-decoration: none; font-style: normal; font-weight:normal;}





a:link {font-family: Verdana, serif;
       font-style: normal;
       font-weight: 400;
       text-decoration: none ;
       font-size: 10pt;
       text-align:left;
       color: rgb(0,0,128);}


a:visited {font-family: Verdana, serif;
          font-style: normal;
          font-weight: 400;
          text-decoration: none ;
          font-size: 10pt;
          color:rgb(0,0,128);}

a:active {font-family:Verdana, serif;
         font-style:normal;
         font-weight:400;
         text-decoration:none;
         font-size: 10pt;
         color:rgb(0,0,128);}

a:hover {font-family: Verdana, serif;
        font-style: normal;
        font-weight: 400;
        text-decoration: underline;
        font-size: 10pt;
        text-align:left;
        color:#ffcc00;}


a.head{font-family: Verdana, serif;font-style: normal;font-weight: 800;text-decoration: none ;font-size: 14pt;text-align:left;color:#fff;}
a.head:hover{font-family: Verdana, serif;font-style: noraml;font-weight: 800;text-decoration: underline;font-size: 14pt;text-align:left;color:#e6daf1;}




h2 {font-family:arial;
          font-style:normal;
          font-weight:bold;
          font-size:12pt;
          text-align:left;
          color:#314d2e;}

h3 {font-family: arial;
          font-style:normal;
          font-weight: bold;
          text-decoration: none ;
          font-size: 11pt;
          text-align:left;
          color:#8a1f75;}


.g {background-color:#e6deed;}
.h {background-color:#5c595f;}



table.Availability {Border-Collapse: Collapse;  border: 0px; width:100%;}

td.l
{
 width: 550px;
  background-color : #b4e1a9;
  text-align : center;
}



/* end of box markup */

.content {
  align:center;
  width:770px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
} 


div.cookies { text-align:right;
                position: absolute;
                top: 0;
                width: 99%;
                height: 29px;
        }
a.w:link,a.w:visited,a.w:active {
    font-size: 1.546em;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 28px;
    margin: 0;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    width: 11em;
    color: #5e3583;}




/* lava header */

        .lavaLampWithImage {
            position: relative;
            height: 35px;
            width: 770px;
/*            background: url("bg.gif") no-repeat top;*/
            background: url("/layout/headerLava.png") no-repeat top;
            padding: 3px;
            margin: 1px 0;
            overflow: hidden;
        }

                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("/layout/Lava.gif") no-repeat right 0px;
                        width: 11px; height: 31px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("/layout/Lava.gif") no-repeat top left;
                            height: 31px;
                            margin-right: 11px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 13px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;

                        height: 34px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 16px;

                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }
                        .indent{margin-left: 35px;}

        .lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 350px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     

@media only screen and (max-device-width: 480px) {
html, body {font-size:18pt;}
a:link {font-size:18pt;}
a:visited {font-size:18pt;}
a:active {font-size:18pt;}
a:hover {font-size:18pt;}
a.head {font-size:18pt;}
a.head:hover {font-size:18pt;}
a.w:link,a.w:visited,a.w:active {font-size:18pt;}

.sp {line-height:200%;font-size:22pt;}
a.s {font-size:22pt;}
a.s {font-size:22pt;}
a.s {font-size:22pt;}
a.s {font-size:22pt;}

}