/* General styles */

* {}
html {}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;	                   	  /* This removes the border around the viewport in old versions of IE */
  background: #fff;
  min-width: 600px;                       /* Minimum width of layout - remove line if not required */
                                	  /* The min-width property does not work in old versions of Internet Explorer */
  font-family: Arial, Verdana, sans-serif;

  font-size: .9em;
  color: #003366;
}
a {
  text-decoration: none;
  color: #003366;
}
a:hover {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0 0 .3em 0;
  color: #003366;
}
h1 {
  font-weight: 200;
  font-size: 1.8em;
}
h2 {
  font-weight: 200;
  font-size: 1.2em;
  float: left;
}
h3 {
  font-size: 1.2em;
  font-weight: bold;
}
h6 {
  font-weight: normal;
  font-style: italic;
  font-size: 1em;
  padding: 0;
}

p {
  font-family: Arial;
  line-height: 1.25em;
  margin: 0em 0 .6em 0;
  padding: 0;
}
p a {
  white-space: pre-line;
  text-decoration: underline;
  text-color: #003366;
}
.small{
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 0em 0 .6em 0;
  padding: 0;
}
img {
  border: 0;
}
ul {
    margin: 0 0 0 15px;
    padding: 0;
}
ul ul {
    list-style: none;
}
li {
    margin: 0;
    padding-top: .2em;
}
li a {
  text-decoration: underline;
}
button {
  cursor: pointer;
}
.submit {
  font-weight: bold;
}
.right {
  float: right;
}



/* Header styles */

.header {
    height: 100px;
    width: 100%;
    padding: 0 2%;
    margin: 0; 
    background: #fff url(../images/footerbg.gif) repeat-x bottom; 
    border-bottom: 1px solid #003366;
}
.header .logo {
    padding: 0;
    height: 100px;
    width: 100px;
    z-index: 2;
    float: left;
    position: relative;
    left: -15px;
    bottom: -10px;
}
.header .title {
    float: left;
    position: relative;
    left: -30px;
    bottom: -77px;
    bottom\: -79px;
    font-family: verdana;
    font-size: 24px;
    font-weight: 100;
    color: #003366;
    margin: 0;
}
.header .search {
  float: right;
  margin-right: 20px;
  padding: 20px;
  padding-top: 50px;
/*
    position: absolute;
    bottom: 10px;
    right:20px;
*/
}

/* sub menu */
.submenu {
    clear: both;
    background: #fff;
    border-bottom: 1px solid #003366;
    padding: .2em 2%;
    margin: 0;
    text-align: right;
}
.submenu .contact {
  float: left;   
}
#footer .submenu {
    clear: both;
    background: #fff;
    border-bottom: 1px solid #003366;
    padding: .2em 2%;
    margin: 0;
    text-align: left;
}



/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	        /* This chops off any overhanging divs */
}

/* common column settings */
.colright, .colmid, .colleft {
    float: left;
    width: 100%;			/* width of page */
    position: relative;
}
.col1, .col2, .col3 {
    float: left;
    position: relative;
    padding: 0 0 0 0;	        /* no left and right padding on columns, we just make them narrower instead 
				   only padding top and bottom is included here, make it whatever value you need */
    overflow: visible;
}

/* 3 Column settings */
.threecol {
     background: #ccffff;		/* right column background colour */
}
.threecol .colmid {
     right: 0%;			        /* width of the right column */
     background: #ccffff;		/* center column background colour */
}
.threecol .colleft {
     right: 78%;			/* width of the middle column */
     background: #ccffff;		/* left column background colour */
}
.threecol .col1 {
     width: 78%;			/* width of center column content (column width minus padding on either side) */
     left: 100%;			/* 100% plus left padding of center column */
         }
.threecol .col2 {
     width: 18%;			/* Width of left column content (column width minus padding on either side) */
     left: 2%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
     width: 0%;			/* Width of right column content (column width minus padding on either side) */
     left: 100%;			/* Please make note of the brackets here:
				   (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* box container */
.boxmask {
  position: relative;		/* This fixes the IE7 overflow hidden bug */
  clear: both;
  float: left;
  width: 100%;			/* width of whole page */
  overflow: hidden;	        /* This chops off any overhanging divs */
}

/* common box settings */
.boxleft, .boxmid, .boxright {
  float: left;
  width: 100%;
  position: relative;
}
.box1, .box2, .box3 {
  float: left;
  position: relative;
  padding: .5em 0 .5em 0;
  overflow: hidden;
/*  border: 1px solid black;*/
}

/* 3 Column settings */
.threebox {
  background: #ccffff;		        /* right box background colour */
/*  background: red;*/
}
.threebox .boxmid {
  right: 25%;				/* width of the right box */
  background: #ccffff;		        /* center box background colour */
}
.threebox .boxleft {
  right: 50%;				/* width of the middle box */
  background: #ccffff;		        /* left box background colour */
/*  background: green;*/
}
.threebox .box1 {
  width: 46%;				/* width of center box content (box width minus padding on either side) */
  left: 102%;				/* 100% plus left padding of center box */
}
.threebox .box2 {
  width: 21%;				/* Width of left box content (box width minus padding on either side) */
  left: 30.5%;				/* width of (right box) plus (center box left and right padding) plus (left box left padding) */
}
.threebox .box3 {
  width: 21%;				/* Width of right box content (box width minus padding on either side) */
  left: 84.5%;				/* Please make note of the brackets here:
					   (100% - left box width) plus (center box left and right padding) plus (left box left and right padding) plus (right box left padding) */
}

/* 3 Column blog style settings */
.blogstyle {
  background: #ccffff;		        /* right box background colour */
/*  background: red;*/
}
.blogstyle .boxmid {
  right: 25%;				/* width of the right box */
  background: #ccffff;		        /* center box background colour */
/*  background: green;*/
}
.blogstyle .boxleft {
  right: 25%;				/* width of the middle box */
  background: #fff;		        /* left box background colour */
/*  background: yellow;*/
}
.blogstyle .box1 {
  width: 46%;				/* width of center box content (box width minus padding on either side) */
  left: 52%;				/* 100% plus left padding of center box */
}
.blogstyle .box2 {
  width: 21%;				/* Width of left box content (box width minus padding on either side) */
  left: 55.5%;				/* width of (right box) plus (center box left and right padding) plus (left box left padding) */
}
.blogstyle .box3 {
  width: 21%;				/* Width of right box content (box width minus padding on either side) */
  left: 59.5%;				/* Please make note of the brackets here: 
								(100% - left box width) plus (center box left and right padding) plus (left box left and right padding) plus (right box left padding) */
}

/* 2 Column (left menu) settings */
.leftmenu {
  background: #ccffff;		/* right box background colour */
}
.leftmenu .boxleft {
  right: 75%;				/* right box width */
  background: #ccffff;		/* left box background colour */
/*  background: green;*/
}
.leftmenu .box1 {
  width: 71%;				/* right box content width */
  left: 102%;				/* 100% plus left box left padding */
}
.leftmenu .box2 {
  width: 21%;				/* left box content width (box width minus left and right padding) */
  left: 5.5%;				/* (right box left and right padding) plus (left box left padding) */
}

/* 2 Column (right menu) settings */
.rightmenu {
  background: #ccffff;		/* right box background colour */
/*  background: red;*/
}
.rightmenu .boxleft {
  right: 25%;				/* right box width */
  background: #ccffff;		/* left box background colour */
/*  background: blue;*/
}
.rightmenu .box1 {
  width: 71%;				/* left box content width (left box width minus left and right padding) */
  left: 26.75%;				/* (right box width) plus (left box left padding) */
}
.rightmenu .box2 {
  width: 21%;				/* right box content width (right box width minus left and right padding) */
  left: 30.7%;				/* (right box width) plus (left box left and right padding) plus (right box left padding) */
}

/* 2 Column (double page) settings */
.doublepage {
  background: #ccffff; ;
/*  background: #ccffff;*/		        /* right box background colour */
/*  background: green;*/
}
.doublepage .boxleft {
  right: 50%;				/* right box width */
  background: #ffffff url(../images/backedges.jpg) bottom fixed;
/*  background: #fff;  */	        /* left box background colour */
/*  background: yellow;*/
}
.doublepage .box1 {
  width: 46%;				/* left box content width (box width minus left and right padding) */
  left: 52%;				/* right box width plus left box left padding */
}
.doublepage .box2 {
  width: 46.1%;				/* right box content width (box width minus left and right padding) */
  left: 55.5%;				/* (right box width) plus (left box left and right padding) plus (right box left padding) */
}

/* Full page settings */
.fullpage {
  background: #ccffff;		/* page background colour */
}
.fullpage .box1 {
  width: 95.8%;				/* page width minus left and right padding */
  left: 1.8%;				/* page left padding */
}
.fullpage1 {
  background: #ccffff;		/* page background colour */
  background: #0099cc;
  border-bottom: 1px solid #003366;
  border-top: 1px solid #fff;
}
.fullpage1 .box1 {
  width: 95.8%;				/* page width minus left and right padding */
  left: 1.8%;				/* page left padding */
}
.fullpage2 {
  background: #ccffff;		/* page background colour */
  background: #b2b2b2;
  border-bottom: 1px solid #003366;
  border-top: 1px solid #fff;
}
.fullpage2 .box1 {
  width: 95.8%;				/* page width minus left and right padding */
  left: 1.8%;				/* page left padding */
}

.special_offer {
  margin-top: 25px;
  padding-top: 10px;
  padding-bottom: 35px;
  border-top: 1px solid #003366;
}
.special_offer .price{
float: right;
}
.apartment {
  h/eight: 0;
//  width: 100%;
  padding-bottom: 10px;
  position: relative;
  display: block;
}
.apartment .title {
}
.apartment .price {
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: right;
  position: absolute;
  right: 10px;
  top: 10px;
}
.apartment .special { 
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.apartment ul {
  padding: 0;
  list-style: none;
}  
.apartment li {
  padding-top: .4em;
}  
.apartment .image { 
  float: left;
  padding: 2% 2% 2% 0;
}
.apartment .image img { 
  border: 1px solid white;
}
.apartment .data { 
  padding: 2% 0 0 0;
  color: #003366; 
  float: left;
}
.apartment .data a {
  text-decoration: none;
}
.apartment .calendar { 
    background-color: #fff;
    color: #003366; 
}
.apartment .form {
    color: #003366;
    padding: 0 0 .5em 0;
}
.apartment .equipment { 
  height\: 0;
  padding-top: 2px;
  clear: both;
}
.apartment .clear { 
  width: 100%;
  height: 0px;
  clear: both;
}
.apartment .equipment img {
  margin: 0 2px;
}
.apartment .reserve {
  text-align: right;
}
.apartment .rate {
  font-size: 1em;
}
.apartment .title_links {
  float: right;
  margin-bottom: -20px;
  padding-left: 30px;
}

/*----------------------*/
.title {
}
.price {
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: right;
  position: absolute;
  right: 10px;
  top: 10px;
}
.special { 
  position: absolute;
  bottom: 10px;
  left: 10px;
}
ul {
  padding: 0;
  list-style: none;
}  
li {
  padding-top: .4em;
}  
.image { 
  float: left;
  padding: 2% 2% 2% 0;
}
.image img { 
  border: 1px solid white;
}
.data { 
  padding: 2% 0 0 0;
  color: #003366; 
  float: left;
}
.data a {
  text-decoration: none;
}
.calendar { 
    background-color: #ccffff;
    color: #003366; 
}
.form {
    color: #003366;
    padding: 0 0 .5em 0;
}
.equipment { 
  height\: 0;
  padding-top: 2px;
  clear: both;
}
.clear { 
  width: 100%;
  height: 0px;
  clear: both;
}
.equipment img {
  margin: 0 2px;
}
.reserve {
  text-align: right;
}
.rate {
  font-size: 1em;
}
.title_links {
  float: right;
  margin-bottom: -20px;
  padding-left: 30px;
}
/*-----------------------------*/

.video {
  clear: both;
  padding: 30px;

}

/* Footer styles */
#footer {
  margin: 0 0 0 0;
  text-align: center;
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #003366;
  background: #fff url(../images/headerbg.gif) repeat-x top;
  position: relative;
  bottom: 0px;
}
#footer p {
  font-size: 0.9em;
  padding: 10px;
  margin: 0;
}
#footer a {
  text-decoration: none;
}

/*Menu styles*/
ul#nav {
  width: 200px;
  list-style: none;
  margin: 0;
  margin-bottom: 10px;
}
ul#nav li {
  position: relative;
  width: 200px;
  float: left;
  clear: left;
  background: #ccffff url(../images/footerbg.gif) repeat-x;
  margin: 0;
  color: #003366;
}
ul#nav li#active {
  position: relative;
  float:left;
  clear:left;
  background: #ccffff; /* IE6 Bug */
  color: #fff;
}

#nav li ul {
  position: absolute;
	top: 0;
	margin-left:-999em;
	min-height:0;
}

ul#nav li a {
  width:188px;
  display: block;
  text-decoration: none;
  line-height: 2em;
  height: 2em;	
  padding: 0 5px;
  border-bottom: 1px solid #003366;
}
* html ul#nav a {
	width:200px;	
	w\idth:168px;

}
ul#nav li a#active {
  color: #fff;  
}
#nav li:hover a, #nav li.over a, #nav li:hover li a:hover, #nav li.over li a:hover {
  color: #003366;
  background-color: #ccffff;
}
#nav li:hover li a,#nav li.over li a {
  color: #777;
  background-color: #FFFFFF;
}
#nav li ul li a { 
} 
#nav li:hover ul, #nav li.over ul { 
  margin-top: 0;
  margin-left: 200px;
} 

.outer {
  margin-left: -17px;
}
#menu {
  width: 20em; 
  height: 38em;
  overflow:hidden; 
  background: #ccffff;
}
#menu li {
  display: inline;
  list-style-type: none; 
}
#menu li a {
  display:block;
  text-decoration:none; 
  margin:0; 
  }
#menu li a img {
  margin:0.5em;
  border: 3px solid #ccffff;
  float: left;
}
#menu li a span {
  display:none; 
  }
#menu li a:hover {
  background:#ccffff;
  }
#menu li a:hover img {
  opacity:1;
  }
#menu li a:hover span {
  margin: 10px;;
  width:11em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menu .h2 {
  color:#003366; 
  font-size: .8em;
  font-weight: bolder;
  border:0;
  }
#menu .h3 {
  font-size: .8em;
  color:#003366;
  font-weight: lighter;
  }

.wrap {
  margin-left: -17px;
}
.menu {
  width: 20em; 
  height: 38em;
  overflow:hidden; 
  background: #ccffff;
}
.menu li {
  display: inline;
  list-style-type: none; 
}
.menu li a {
  display:block;
  text-decoration:none; 
  margin:0; 
  }
.menu li a img {
  margin:0.5em;
  border: 3px solid #ccffff;
  float: left;
}

.guestbook_entry {
  padding-top: 10px;
  padding-bottom: 10px;
}

.recipee {
  background-color: white;
  border-top: 2px solid #003366;
  width: 80%;
  font-family: Courier;
}
.demoTable {

}


////////////////////////////////////////////////////////////////////////////////
//PHPSLIDESHOW

.wrapper{
  text-align: center;
}
.show_title a {}
.slidesimage_info a {}
.slidesimage {
  float: left;
  margin-top: 0px;
}
.slidesimage img {
  display: block;
  background-color: #fff;
  margin-top: 0px;
}
.slidesimage .horizontal {
  height: 300px;
  width: 450px;
}
.slidesimage .vertical {
  height: 300px;
  margin: 0px 125px;
}
.navigation, .navigation a {
}
.thumbnail_row {

  float: left;
  height: 300px;

}
.thumbnail_row .horizontal {
  height: 30px;
  margin: 8.5px 1px;
  background-color: #fff;
}
.thumbnail_row .vertical {
  width: 30px;
  margin: 1px 8.5px;
  background-color: #fff;
}
.thumbnail_row .center-horizontal {
  height: 30px;
  margin: 8.5px 1px;
  border: 3px solid #ff0000;
/*
  border: 3px solid #003366;
*/
}
.thumbnail_row .center-vertical {
  width: 30px;
  margin: 1px 8.5px;
  border: 3px solid #ff0000;
/*
  border: 3px solid #003366;
*/
}
.thumbnail_row img {
}

.print {
  padding: 20px;
  width: 800px;
}

.print .head {}

.print h1 .head {
  float: right;
}

/*GOOGLE MAPS*/

.info_window {
}

.weather {
  margin: 2em 0 0 0;
}

.link {
  float: left;
  padding: 5px;
}