/* CSS Document */

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-size: small;
  text-align: center;
  color: #333;
  background:#336699;
  }

img {
  border: none;
  }

/* unordered list style */

ul {
  list-style: none;
  margin: 0 0 20px 30px;
  padding: 0;
  }

li {
  list-style: none;
  padding-left: 14px;
  margin-bottom: 3px;
  background: url(../images/tictac_orange.gif) no-repeat 0 6px;
  }

/* links */

a:link {
  color:#CC3300;
  text-decoration:underline;
  }

a:visited {
  color:#FF9900;
  }

a:hover {
  color: #693;
  text-decoration:none;
  }

a:active {
  color: #cc3333;
  text-decoration: none;
  }

/* -- page headerS -- */

/*HOMEPAGE styles to be applied to wrapper or main*/
.home {
background-image:url(../images/home.jpg);
background-position:left top;
background-repeat:no-repeat;
}


/*BG IMAGES FOR OTHER PAGES*/
.accommodation {
background-image:url(../images/accommodation.jpg);
background-position:left top;
background-repeat:no-repeat;

}
.availability {
background-image:url(../images/availability.jpg);
background-position:left top;
background-repeat:no-repeat;
}
.outnabout {
background-image:url(../images/outnabout.jpg);
background-position:left top;
background-repeat:no-repeat;
}
.album {
background-image:url(../images/album.jpg);
background-position:left top;
background-repeat:no-repeat;
}
.contact {
background-image:url(../images/contact_side.jpg);
background-position:left top;
background-repeat:no-repeat;
}


/* --- layout structure --*/

#wrapper {
    margin:0 0 0 249px;
	padding:0;
	text-align: left;
	background-color:#336699;
	 }

#nav {
	margin:0;
	padding:5px 0 0 0;
	width:651px;
	height:54px;
	background-image:url(../images/header_shadow.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	}
#main {
    float: left;
    width: 609px;
    margin: -5px 0 0 0;
    padding: 0 0 0 10px;
    line-height: 1.5em;
	background-color:#FFFFFF;
	 }

#main-contact {/*narrower for contactdetails*/
    float: right;
    width: 300px;
    margin: 230px 0 0 0;
    padding: 0 60px 30px 0;
     }

/* ---text styles--- */

h1 {
  margin-top: 0;
  font:Verdana, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 120%;
  line-height: 1.5em;
  color:#000000;
  }

h2 {
  margin:0;
  padding: 0;
  font:Verdana, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 120%;
  line-height: 1.5em;
  color:#000000;}

#main h1 {
  margin-top: 0;
  font:Verdana, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 120%;
  line-height: 1.5em;
  color:#000000;
  }
  
.subhead {
	font-family:"Arial Black",Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	text-transform: uppercase;
	color:#003366;
	font-weight:bold;
}
.narrow {padding: 0 70px 0 0;}
.clearleft {clear:left;}
.padright {padding-right:20px;}
.footer {clear:left; font-size:.8em; color:#333333; text-align:right; padding: 0 50px 0 0;}
 
/*-- navigation --*/
#nav {text-align:left;}
#nav ul {
   margin:0;
   padding:8px 0 0 0;
   }

#nav li {
   display:inline;
   font-family:Verdana, sans-serif;
   list-style:none;
   padding: 0 25px 0 0;
   } 

#nav a {
   font-family:Verdana, sans-serif;
   font-size:.9em;
   font-weight:bold;
   color:#FFFFFF;
   text-decoration:none;
   }

#nav a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}
#nav a:active {
	text-decoration:underline;
	color:#FFFFFF;
	}
#nav a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
/* floating images */
.floatleft {float:left; margin:0 10px 0 0; padding:0;}
.floatright {float:right; margin:0 0 0 10px; padding:0;}
.floatleft_nopadding {float:left; margin:0; padding:0; vertical-align:text-bottom;}

/*special offer formatting*/
.specialoffer {color:#FF0000; font-weight:bold;}