html { min-height: 100%; margin-bottom: 1px; }

BODY {
margin-top: 20px;
padding: 0px;
color: #000000;
font-family: verdana, arial, geneva;
font-size: 11px;
line-height: 135%;
background-color: #a3cde6;
}




#wrapper {
width: 960px;
margin-top: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

#wrapper2 {
width: 600;
height: 500px;
margin-top: 0px;
padding: 10px;
margin-left: auto;
margin-right: auto;
}

#top {
width: 960px;
height: 150px;
margin-top: 0px;
padding: 0px;
background: url(images/top.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

#mainwrapper {
min-height: 530px;
background-color: #efefef;
border-left: solid 1px #69818d;
border-right: solid 1px #69818d;
border-bottom: solid 1px #69818d;
}


#left {
height: 530px;
background-color: #69818d;
background: url(images/leftsea.jpg);
float: left;
}

#leftlonger {
height: 590px;
background-color: #69818d;
background: url(images/leftsea.jpg);
float: left;
}

#leftlonger2 {
height: 670px;
background-color: #69818d;
background: url(images/leftsea.jpg);
float: left;
}

#leftmuchlonger {
height: 820px;
background-color: #69818d;
background: url(images/leftsea.jpg);
float: left;
}

#leftform {
height: 850px;
background-color: #69818d;
background: url(images/leftsea.jpg);
float: left;
}


#main {

height: 360px;
margin-left: 166px;
margin-right: 10px;
background-color: #efefef;
padding-top: 10px;
}

#mainlonger {

height: 500px;
margin-left: 166px;
margin-right: 10px;
background-color: #efefef;
padding-top: 10px;
}

#mainlonger2 {

height:550px;
margin-left: 166px;
margin-right: 10px;
background-color: #efefef;
padding-top: 10px;
}

#mainmuchlonger2 {

height:800px;
margin-left: 166px;
margin-right: 10px;
background-color: #efefef;
padding-top: 10px;
}

#footer {
width: 958px;
margin-top: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

#form {
width: 500px;
}


#home{ display: block; width: 150px; height: 29px; background: url("images/homebut.gif") no-repeat 0 0; } #home:hover { background-position: 0 -29px; } #home span { display: none; } 

#accommodation{ display: block; width: 150px; height: 29px; background: url("images/accombut.gif") no-repeat 0 0; } #accommodation:hover { background-position: 0 -29px; } #accommodation span { display: none; }

#gallery{ display: block; width: 150px; height: 29px; background: url("images/galbut.gif") no-repeat 0 0; } #gallery:hover { background-position: 0 -29px; } #gallery span { display: none; }

#area{ display: block; width: 150px; height: 29px; background: url("images/areabut.gif") no-repeat 0 0; } #area:hover { background-position: 0 -29px; } #area span { display: none; }

#todo{ display: block; width: 150px; height: 29px; background: url("images/todobut.gif") no-repeat 0 0; } #todo:hover { background-position: 0 -29px; } #todo span { display: none; }

#prices{ display: block; width: 150px; height: 29px; background: url("images/pricesbut.gif") no-repeat 0 0; } #prices:hover { background-position: 0 -29px; } #prices span { display: none; }

#availability{ display: block; width: 150px; height: 29px; background: url("images/avbut.gif") no-repeat 0 0; } #availability:hover { background-position: 0 -29px; } #availability span { display: none; }

#booking{ display: block; width: 150px; height: 29px; background: url("images/bookbut.gif") no-repeat 0 0; } #booking:hover { background-position: 0 -29px; } #booking span { display: none; }

#links{ display: block; width: 150px; height: 29px; background: url("images/linksbut.gif") no-repeat 0 0; } #links:hover { background-position: 0 -29px; } #links span { display: none; }



H1 {
color :  #45595a;
font-size : 24px;
margin-left: 40px;
margin-top: 1px;
padding: 1px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;

}


H2 {
color :  #666666;
font-size : 14px;
margin-top: 0px;
margin-left: 560px;
margin-bottom: 0px;
padding: 0px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;

}

H2.page {
width: 783px;
color :  #efefef;
background-color: #586f7c;
font-size : 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 4px;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
font-family : Arial, Helvetica, Sans-Serif;

}

H2.page2 {
width: 580px;
color :  #efefef;
background-color: #586f7c;
font-size : 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 4px;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
font-family : Arial, Helvetica, Sans-Serif;

}

H3 {
color :  #666666;
font-size : 14px;
margin-top: -14px;
margin-left: 192px;
font-family : Arial, Helvetica, Sans-Serif;

}



P { 
font-size : 10pt;
font-family : "Comic Sans MS",Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 140%;
color: #111111;
margin-top: 10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 10px;
 } 
 
  P.top { 
font-size : 8pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 130%;
color: #111111;
margin-top: 10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 0px;
 }

  P.right { 
font-size : 8pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 130%;
color: #111111;
margin-top: -10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 0px;
float: right;
 }
 
 P.bottom { 
font-size : 10pt;
font-family : "Comic Sans MS",Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 140%;
color: #111111;
margin-top: 10px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 0px;
 }

 img.righttop {
 float: right;
 clear: right;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
 margin-top: 20px;
 margin-right: -10px;
 margin-left: 0px;
 margin-bottom: 0px;
 }

 img.right {
 float: right;
 clear: right;
border-left: solid #69818d 1px;
border-bottom: solid #69818d 1px;
 margin-top: 0px;
 margin-right: -10px;
 margin-left: 20px;
 margin-bottom: 0px;
 }

 img.left {
 float: left;
 clear: none;
border-left: solid #69818d 0px;
border-bottom: solid #69818d 0px;
 margin-top: 0px;
 margin-right: 20px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
 img.bottom {
 padding: 0;
 margin-top: -13px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
a:link { color: #222222;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:visited { color: #222222;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:hover { color: #afcae5;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:link.lp { color: #4a5e65;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:visited.lp { color: #4a5e65;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:hover.lp { color: #7b8b9c;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}


LI {
font-size : 10pt;
font-family : Verdana, Arial, "Times New Roman", Times, serif;
text-align: left;
line-height: 120%;
}

#imgmenu {position:relative; top:0px; left:0px; width:300px; background-color:#fff; z-index:100; float: right; margin-left: 21px; margin-right: -10px;} 
#imgmenu .p1 {display:block; width:300px; height:159px; text-decoration:none; background:#fff; top:0; left:0; border:1px solid #69818d;} 
#imgmenu .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenu .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenu .p1:hover .large {display:block; position:absolute; top:0px; left:-504px; width:500px; height:478px; border:0px solid #69818d;} 
#info {z-index:100; height:22em;} 

#imgmenu2 {position:relative; top:0px; left:0px; width:300px; background-color:#fff; z-index:100; float: right; margin-left: 21px; margin-top: -15px; margin-right: -30px;} 
#imgmenu2 .p1 {display:block; width:300px; height:159px; text-decoration:none; background:#fff; top:0; left:0; border:1px solid #69818d;} 
#imgmenu2 .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenu2 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenu2 .p1:hover .large {display:block; position:absolute; top:4px; left:-504px; width:500px; height:474px; border:0px solid #69818d;} 
#info {z-index:100; height:22em;}