/* CSS Document */

<style type="text/css">


A.nav:link { color: #FFFFFF }
A.nav:visited { color:#330066 }




body{
 background: #000 repeat url(../images/background/bg_body.gif);
  background-attachment: fixed;
  position: relative;
  font-family: Arial, Helvitica, sans-serif;
  color: #ffffff;
  font-size: 76%;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #000 repeat-y url(../images/background/bg_container2.gif);
}

#topsection{
background: #ffffff;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin: 0 180px 0 140px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
color:#ffffff;
border:#FFFFFF;
border-bottom-style:solid;
border-bottom-width:1px;

}

#map{
margin-left:50px;
padding:5px;
padding-bottom:15px;
background-color:#999999;
}



#contentcolumn p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}


#contentcolumn h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333;
}


#contentcolumn h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}



#leftcolumn{
float: left;
width: 140px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;


}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;

}

#footer{
clear: left;
width: 100%;
background: #ffffff;
color: #000000;
text-align: center;

}


#links a{
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;

}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



#cottagesummary{

margin-left:20px;
right:10px;
}




#cottagesummary hr{
color:#707070;

}



.cottagemainpic img{
clear:both;
float:right;
margin-right:10px;
padding-right:10px;

}

.innertubeheader{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubeheadings{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12;
font-weight:bold;
color:#3366CC;
}

.innertubeheadings a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12;
font-weight:bold;
color:#3366CC;
text-decoration:underline;
}




div.container {
right:10px;
  border: 1px dashed #ffffff;
  border-spacing:1px;
  background-color: #ffe;
  max-width:560px;
  padding: 2px 2px 2px 2px;
  
  }
 
div.textcontainer {
  border-spacing:1px;
  background-color: #ffe;
  margin-right:22%;
  
  padding: 2px 2px 2px 2px;
  
  }

div.imagecontainer
{
  
  border: 1px dashed #333;
  border-spacing:1px;
  background-color: #ffe;
  max-width:100px;
 
  margin-left:390px;

}

div.spacer {
  clear: both;
  }
  
div.float {
  float: right;
  position:relative;

  margin: 5px 5px 5px 5px ;
  }
   
div.float p {
  padding-right: 10%;
   text-align: center;
   }


/*------------------------------------------FOOTER STYLES------------------------------------------ */
#footer a{
color:#006600;
}


ul#footer_nav{
		float:left;
		padding:5px;
		text-align:center;
		}
	
		ul#footer_nav li{
			list-style:none;
			display:inline;
			}
	
			ul#footer_nav li a{
				color:#333333;
				}

				ul#footer_nav li a:hover{
					color:#FFF;
					}
	
				ul#footer_nav li span a {
					color:#990000;
					}
	
					ul#footer_nav li span a:hover {
						color:#FFF;
						}
						
	ul#terms {
		padding:2px 7px;
		color:#666;
		text-align:right;
		}
		
		ul#terms li{
			list-style:none;
			}
			
			ul#terms li a{
				color:#666;
				}
				
				ul#terms li a:hover{
					color:#FFFFFF;
					}

/*------------------------------------MAIN NAVIGATION-----------------------------------*/

#nav{
	height:24px;
	margin:0 0 0 50px;
	}
	
	ul#main{
		height:24px;
		position:relative;
		}
	
		ul#main li{
			list-style:none;
			position:absolute;
			top:-3px;
			}
			
		ul#main li, ul#main a{
			height:24px;
			display:block;
			}
		
			ul#main li a{
				
				overflow:hidden;
				
				}
			
				#home{left:-38px;  color:
				#000000; }
				#beaches{left:20px; color:
				#000000;}
				#villages{left:80px;color:
				#000000; }
				#accomodation{left:130px; color:
				#000000;}
				#eatingout{left:230px;color:
				#000000; }
				#activities{left:320px;color:
				#000000;}
				#news{left:420px;color:
				#000000; }
				#events{left:500px;color:
				#000000;}
				
				
				#home a:hover{}
				#accomodation a:hover{}
				#beaches a:hover{}
				#villages a:hover{}
				#eatingout a:hover{}
				#activities a:hover{}
				#news a:hover{}
				#events a:hover{}
				
/* ----- Main Navbar ----- */
#nav-main {
  width: 768px;
  float: left;
  margin: 0;
  padding: 0;
  background: #333 url(../images/background/bg_nav-main.gif);
  border: 1px solid;
  border-color: #444 #333 #333 #333;
}
#nav-main ul, #nav-sub ul, #nav-type ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Lucida Grande", Verdana, sans-serif;
}
#nav-main ul {
  position: relative; /* for about tab */
  width: 670px;
}
#nav-main li {
  float: left;
  margin: 0;
  padding: 0;
  line-height: normal;
  text-indent: 0;
}
#nav-main a {
  display: block;
  padding: 4px 10px;
  border: solid #666;
  border-width: 0 1px 0 0;
  text-decoration: none;
  white-space: nowrap;
  color: #CCC;
  font-size: 1em;
}
#nav-main a:hover {
  color: #FFF;
}
#nav-main strong a {
  color: #FFF;
  font-weight: bold;
}
#nav-main ul #about a {
  position: absolute;
  top: 0;
  border-width: 0 0 0 1px;
  margin-right: -113px; right: 15px; /*fix for IE5/Mac horiz. scrollbar bug (container pos. at edge of viewport*/
}


#masthead {
  width: 768px;
  border: #333 solid;
  border-width: 1px 1px 0 1px;
}


#nav-layout a.concise {
  text-decoration: none;
  font-weight: bold;
  color: #EEE;
  cursor: text;
}
#nav-layout a.detailed:hover {
  color: #FC3;
}
		
#thumbnails {
  width: 604px;
}

#thumbnails div {
  width: 125px;
}

.clear{clear:both;}

#thumbnails div.thumb, #thumbnails div.metadata {
  width: 125px;
  margin: 0;
  padding: 0;
  border: 0;
  float: none;
}
#content #thumbnails .metadata ul li {
  line-height: 1.25em;
  text-align: center;
  font-size: .95em;
  font-weight: normal;
}


</style>