@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body                 
                     {
					  background: #383F35 url(images/background.jpg) top center no-repeat;
					  font-family: Arial, Helvetica, sans-serif; 
					  margin: 20px 0px 0px 0px;
					  border-collapse: collapse;
					  color: #383F35;
					  }
					  
#banner {
		position: relative;
		background: url(images/Banner.png) no-repeat;
		display: block;
		margin: auto;
		margin-bottom: 0px;
		width: 812px;
		height: 225px;
		float: none;
		}

/* navigation styles */
#buttons-float
                     {
					  display: block;
					  position: relative;
					  top: 0px;
					  width: 812px;
					  height: 43px;
					  margin: auto;
					  margin-bottom: 0px;
					  padding: 0px;
					  }

#dropdown li
{
float:left;
display:block;
}

#left-space
                     {
					  background: url(images/BackgroundSprites.jpg) no-repeat;
					  display: block;
					  background-position: 0px 0px;
					  width: 15px;
					  height: 43px;
					  }

#dropdown li a
{
display: block;
outline: none;
position: relative;
text-decoration: none;
width: auto;
padding: 0px;
margin: 0px;
}

	
	#dropdown #home 
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-15px 0px;
	width:84px;
	height:43px;
	}
	#dropdown #tuis 
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-15px 0px;
	width:91px;
	height:43px;
	}


	#dropdown #facilities
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-100px 0px;
	width:90px;
	height:43px;
	}
	#dropdown #fasiliteite
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-106px 0px;
	width:101px;
	height:43px;
	}
	
	
	#dropdown #wildlife
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-190px 0px;
	width:90px;
	height:43px;
	}
	#dropdown #natuurlewe
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-207px 0px;
	width:108px;
	height:43px;
	}
	
	
	#dropdown #area
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-280px 0px;
	width:59px;
	height:43px;
	}
	#dropdown #area-afrikaans
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-315px 0px;
	width:65px;
	height:43px;
	}
	
	
	#dropdown #shareholding
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-339px 0px;
	width:118px;
	height:43px;
	}
	#dropdown #aandele
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-379px 0px;
	width:90px;
	height:43px;
	}
	
	
	#dropdown #gallery
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-457px 0px;
	width:83px;
	height:43px;
	}
	#dropdown #fotos
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-469px 0px;
	width:61px;
	height:43px;
	}
	
	
	#dropdown #download
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-540px 0px;
	width:100px;
	height:43px;
	}
	#dropdown #dokumente
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-530px 0px;
	width:102px;
	height:43px;
	}
	
	
	#dropdown #faq
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-640px 0px;
	width:78px;
	height:43px;
	}
	#dropdown #faq-afrikaans
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-632px 0px;
	width:73px;
	height:43px;
	}
	
	
	#dropdown #contact
	{
	background-image:url(images/BackgroundSprites.jpg);
	background-position:-718px 0px;
	width:78px;
	height:43px;
	}
	#dropdown #kontak
	{
	background-image:url(images/AfrikaansSprite.jpg);
	background-position:-705px 0px;
	width:88px;
	height:43px;
	}



#dropdown a .hover {
display:block ;
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
	
	
	#dropdown #home .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -15px -44px;
	width: 84px;
	height: 44px;
	}
	#dropdown #tuis .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -15px -44px;
	width: 91px;
	height: 44px;
	}
	
	
	#dropdown #facilities .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -100px -44px;
	width: 90px;
	height: 44px;
	}
	#dropdown #fasiliteite .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -106px -44px;
	width: 101px;
	height: 44px;
	}
	
	
	#dropdown #wildlife .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -190px -44px;
	width: 90px;
	height: 44px;
	}
	#dropdown #natuurlewe .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -207px -44px;
	width: 108px;
	height: 44px;
	}
	
	
	#dropdown #area .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -280px -44px;
	width: 59px;
	height: 44px;
	}
	#dropdown #area-afrikaans .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -315px -44px;
	width: 65px;
	height: 44px;
	}
	
	
	#dropdown #shareholding .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -339px -44px;
	width: 118px;
	height: 44px;
	}
	#dropdown #aandele .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -379px -44px;
	width: 90px;
	height: 44px;
	}
	
	
	#dropdown #gallery .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -457px -44px;
	width: 83px;
	height: 44px;
	}
	#dropdown #fotos .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -469px -44px;
	width: 61px;
	height: 44px;
	}
	
	
	#dropdown #download .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -540px -44px;
	width: 100px;
	height: 44px;
	}
	#dropdown #dokumente .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -530px -44px;
	width: 102px;
	height: 44px;
	}
	
	
	#dropdown #faq .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -640px -44px;
	width: 78px;
	height: 44px;
	}
	#dropdown #faq-afrikaans .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -632px -44px;
	width: 73px;
	height: 44px;
	}
	
	
	#dropdown #contact .hover {
	background: transparent  url(images/BackgroundSprites.jpg) no-repeat;
	background-position: -718px -44px;
	width: 78px;
	height: 44px;
	}
	#dropdown #kontak .hover {
	background: transparent  url(images/AfrikaansSprite.jpg) no-repeat;
	background-position: -705px -44px;
	width: 88px;
	height: 44px;
	}



/* BUTTON INDIVIDUAL STATIC IMAGES AND HOVER ANIMATION AND POSITIONS STYLED HERE FROM LEFT TO RIGHT START */
/* small spacer on left of button bar */
/* large spacer image on right of button bar */
#right-space
                     {
					  background: url(images/BackgroundSprites.jpg) no-repeat;
					  background-position: -796px 0px;
					  width: 15px;
					  height: 43px;
					  }

/* WEBSITE COMPLETE IS CONTAINED IN THIS TABLE START */
/* margin is set to AUTO to centre the entire page */
/* WEBSITE COMPLETE IS CONTAINED IN THIS TABLE END */
#content-box-top
                     {
					  position: relative;
					  margin: auto;
					  top: 0px;
					  height: 28px;
					  width: 812px;
					  background: url(images/contentTop.png) no-repeat;
					  }
#home-intro-content        
                     {
					  display: block;
					  position: relative;
					  top: 0px;
					  margin: auto;
					  margin-top: 0px;
					  height: auto;
					  width: 812px;
					  border-collapse: collapse;
					  background: url(images/BackgroundRpt.png) repeat-y;
					  }
 
#content-box-bottom
                     {
					  display: block;
					  position: relative;
					  margin: auto;
					  top: 0px;
					  left: 0px;
					  width: 812px;
					  height: 28px;
					  background: url(images/contentBottom.png) no-repeat;
					  }
/* BUTTONS ALL STYLED AND POSITIONED HERE START */
/* BUTTONS CONTAINER ROW AND LAYER START */
/* BUTTONS CONTAINER ROW AND LAYER END */
/* BUTTON INDIVIDUAL STATIC IMAGES AND HOVER ANIMATION AND POSITIONS STYLED HERE FROM LEFT TO RIGHT END */
/* afrikaans start */
/* afrikaans start */
/* afrikaans start */
/* afrikaans start */
/* afrikaans start */
/* afrikaans start */
/* afrikaans start */
/* afrikaans start */
/* BUTTONS afrikaans ALL STYLED AND POSITIONED HERE END */
/* BUTTON INDIVIDUAL STATIC IMAGES AND HOVER ANIMATION AND POSITIONS STYLED HERE FROM LEFT TO RIGHT END */
/* BUTTONS afrikaans ALL STYLED AND POSITIONED HERE END */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* afrikaans end */
/* DROP DOWN MENU STYLED HERE START */

/* IMAGES LINK BORDER REMOVED START */				  
a.photo-link img
                     {
					  border: 0px solid black;
					  }
/* IMAGES LINK BORDER REMOVED END */	
/* PHOTO FRAME TIAAN HOME PAGE POSITION START */				
#oceanphoto-float
                     {
					  position: relative;
					  display: block;
					  width: 395px;
					  height: 275px;
					  margin: 0px;
					  top: 0px;
					  float: right;
					  }
/* PHOTO FRAME TIAAN HOME PAGE POSITION END */
/* TEXT STYLES START */
label
                      {
					   display: block;
					   margin-bottom: 5px;
					   }
.form-text
               		  {
					   display: inline-block;
					   width: 300px;
					   text-align: right;
					   vertical-align: top;
					   font-weight: bold;
					   }	
label input
                      {
					   width: 150px;
					   }
textarea
                  	  {
					   width: 150px;
					   height: 75px;
					   }
h1                    {
                       font-size: 24px; 
					   color: #B9E949; 
					   text-align: center; 
					   font-weight: bold; 
					   margin: 20px 60px; 
                       border-top: 1px solid #97AAA9; 
					   padding-top: 10px;
					   text-decoration: none;
					   }					   
h3
          			  {
					   font-size: 20px;
					   color: #383F35;
					   font-weight: bold;
					   }					   
p
					  {
					   line-height: 24px;
					   word-spacing: 3px;
					   margin: 20px 0px;
					   }					   				  


.pullquote            {
					   padding: 10px;
					   display: block;
					   float: right;
					   right: 50px;
					   width: 150px;
					   margin: 10px 20px;
					   border-top: 8px solid #383F35;
					   border-bottom: 8px solid #383F35;
					   font-size: 20px;
					   text-align: center;
					   line-height: 26px;
					   font-style: italic;
					   font-weight: bolder;
					   }
.pullquote-text       {
					   font-size: 20px;
					   text-align: center;
					   line-height: 26px;
					   font-style: italic;
					   font-weight: bolder;
					   }
a.pullquote-link
                      {
					   text-decoration: none;
					   color: #383F35;
					   }

q-left
                      {
					   display: block;
					   float: left;
					   font-size: 300%;
					   vertical-align: text-top;
					   line-height: 0.85em;
					   padding-top: 2px;
					   margin-right: 0.03em;
                       margin-bottom:-0.25em 
					   }
.back-text
                      {
					   display: block;
					   margin-top: 0px;
					   margin-bottom: -45px;
					   font-size: 60px;
					   color: #E6F7C1;
					   letter-spacing: -9px;
					   font-weight: bolder;
					   font-style: italic;
					   font: Georgia, "Times New Roman", Times, serif;
					   }
.intro-date
                     {
					  font-size: 14px;
					  color: #999999;
					  font-style: italic;
					  display: block;
					  width: 220px;
					  border-top: 1px solid #999999;
					  }
.intro-parag
                     {
					  margin: 60px 0px;
					  color: #383F35;
					  font-weight: 600;
					  }
					
#foot-nav
                     {
					  position: relative;
					  width: 100%;
					  z-index: 1;
					  display: block;
					  height: 30px;
					  left: 0px;
					  margin: auto;
					  }
.foot-link
				    {
					 text-align: center;
					 font-size: 14px;
					 color: #999999;
					 }
.foot-link a
				    {
					 color: #999999;
					 text-decoration: none;
					 }

#my-link
                   {
				    position: relative;
					display: block;
					margin: auto;
					width: 100%;
					height: 20px;
					font-size: 12px;
					font-style: italic;
					color: #999999;
					z-index: 1;
					text-align: center;
					}
a
				    {
					 color: #707070;
					 text-decoration: none;
					 }
a:hover
				    {
					 color: #B1FA1B;
					 text-decoration: none;
					 }
a:visited
				    {
					 color: #999999;
					 text-decoration: none;
					 }
a:visited:hover
				    {
					 color: #B1FA1B;
					 text-decoration: none;
					 }					 
					 					   
/* TEXT STYLES END */					  
/* INDEX PAGE STYLES FOR IMAGES AND CONTENT START */	
.home-intro-content-chalets
                       {
					    margin: 0px 30px;
					    }

#palmtree-one
                     {
					  background: url(images/PalmtreeHomeTop.jpg) no-repeat;
					  position: relative;
					  display: block;
					  float: right;
					  width: 484px;
					  height: 144px;
					  margin: auto;
					  top: 0px;
					  z-index: 8;
					  }
#palmtree-two
                     {
					  background: url(images/PalmtreeHomeMiddle.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 389px;
					  height: 133px;
					  left: 0px;
					  top: 0px;
					  float: right;
					  z-index: 8;
					  padding: 0px;
					  }

#palmtree-three
                     {
					  background: url(images/PalmtreeHomeBottom.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 290px;
					  height: 106px;
					  float: right;
					  left: 110px;
					  top: 133px;
					  z-index: 8;
					  margin: 0px;
					  margin-right: -279px;
					  padding: 0px;
					  }
#ocean-index
                     {
					  background: url(images/OceanHome.jpg) no-repeat;
					  position: relative;
					  display: block;
					  float: right;
					  width: 398px;
					  height: 278px;
					  bottom: 10px;
					  }
#buck-index
                     {
					  background: url(images/BuckHome.jpg) no-repeat;
					  position: relative;
					  display: block;
					  float: right;
					  width: 277px;
					  height: 423px;
					  bottom: 10px;
					  }
/* INDEX PAGE STYLES FOR IMAGES AND CONTENT END */
/* DOWNLOAD PAGE STYLES FOR IMAGES AND CONTENT START */
#downloadphoto-float
                     {
					  background: url(images/DownloadsLandscapeTop.jpg) no-repeat;
					  position: relative;
					  float: right;
					  display: block;
					  width: 742px;
					  height: 215px;
					  top: 0px;
					  z-index: 8;
					  }
#downloadphotobottom-float
                     {
					  background: url(images/DownloadsLandscapeBottom.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 317px;
					  height: 73px;
					  float: right;
					  left: 0px;
					  top: 0px;
					  z-index: 8;
					  }
ul.download-list
					 {
					  list-style: none;
					  margin-bottom: 50px;
					  }
li.download-list-heading
					 {
					  font-weight: bold;
					  display: block;
					  width: 700px;
					  height: 20px;
					  margin-left: 15px;
					  margin-bottom: 50px;
					  border-bottom: 1px solid #E6F7C1;
					  }					  				  
li.link
					 {
					  margin-top: 7px;
					  margin-left: 15px;
					  }
.download-instruction
					 {
					  position: relative;
					  display: block;
					  float: right;
					  margin: 2px 0px 0px 20px;
					  font-size: 14px;
					  font-style: italic;
					  font-weight: 100;
					  color: #999999;
					  bottom: -20px;
					  }
p.download-software
					{
					 text-align: center;
					 }					  
li.download-list-note	
					 {
					  display: block;
					  text-align: center;
					  width: 600px;
					  margin-top: 40px;
					  font-style: italic;
					  color: #383F35;
					  }				  			  
/* DOWNLOAD PAGE STYLES FOR IMAGES AND CONTENT END */	
/* WILDLIFE PAGE STYLES FOR IMAGES AND CONTENT START */	
#animal               {
                       margin-bottom: 50px;
	                   }
#wildlifeimg 
                      {
                       vertical-align: top;
	                   }
.picname 
                      {
                       text-align: center;
	                   display: block;
	                   width: auto;
	                   vertical-align: text-top;
	                   background-color: #E6F7C1;
	                   padding: 10px;
					   color: #383F35;
					   font-weight: bold;
	                   }
.wildlifecontentleft  p 
                      {
                       text-align: justify;
					   display: block;
	                   width: 400px;
	                   line-height: 20px;
	                   }
	
.wildlifecontentright  p 
                      {
                       text-align: justify;
					   display: block;
	                   width: 400px;
	                   line-height: 20px;
	                   }
.italic 
                      {
                       font-style: italic;
	                   color: #999999;
	                   }
#wildlifetop-float
                     {
					  background: url(images/WildlifeTop.jpg) no-repeat;
					  position: relative;
					  float: right;
					  display: block;
					  width: 572px;
					  height: 247px;
					  margin: auto;
					  top: 0px;
					  z-index: 8;
					  }
#wildlifebottom-float
                     {
					  background: url(images/WildlifeBottom.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 248px;
					  height: 85px;
					  float: right;
					  left: 0px;
					  top: 0px;
					  z-index: 8;
					  }
.italic-wild
					 {
					  font-size: 14px;
					  color: #999999;
					  text-decoration: none;
					  font-style: italic;
					  font-weight: 100;
					  }

/* WILDLIFE PAGE STYLES FOR IMAGES AND CONTENT END */	
/* FAQ PAGE STYLES FOR IMAGES AND CONTENT START */	
.back-text-faq
                      {
					   display: block;
					   margin-bottom: -80px;
					   font-size: 60px;
					   color: #E6F7C1;
					   word-spacing: -23px;
					   font-weight: bolder;
					   font-style: italic;
					   font: Georgia, "Times New Roman", Times, serif;
					   }
#maptop-float
                     {
					  display: block;
					  background: url(images/MapTop.jpg) no-repeat;
					  float: right;
					  position: relative;
					  display: block;
					  width: 581px;
					  height: 297px;
					  margin: auto;
					  top: 0px;
					  }
/* FAQ PAGE STYLES FOR IMAGES AND CONTENT END */	
/* CHALETS PAGE STYLES FOR IMAGES AND CONTENT START */	
.home-intro-content-chalets
                       {
					    margin: 0px 30px;
					    }



#oceanview-one
                     {
					  background: url(images/OceanViewChalets.jpg) no-repeat;
					  position: relative;
					  display: block;
					  float: right;
					  width: 599px;
					  height: 308px;
					  bottom: 10px;
					  }
#foot-nav-chalet
                     {
					  position: relative;
					  width: inherit;
					  margin: auto;
					  display: block;
					  height: 30px;
					  z-index: 28;
					  }
					  
/* CHALETS PAGE STYLES FOR IMAGES AND CONTENT END */	
/* FACILITIES PAGE STYLES FOR IMAGES AND CONTENT START */	

#facilitiestop-float
                     {
					  background: url(images/FacilitiesTop.jpg) no-repeat;
					  position: relative;
					  float: right;
					  display: block;
					  width: 573px;
					  height: 257px;
					  margin: auto;
					  top: 0px;
					  z-index: 8;
					  }
#facilitiesbottom-float
                     {
					  background: url(images/FacilitiesBottom.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 309px;
					  height: 99px;
					  float: right;
					  left: 0px;
					  top: 0px;
					  z-index: 8;
					  }


#facilities-foot
                     {
					  background: url(images/FacilitiesFoot.jpg) no-repeat;
					  position: relative;
					  top: 50px;
					  display: block;
					  float: right;
					  width: 454px;
					  height: 299px;
					  }

					  
/* FACILITIES PAGE STYLES FOR IMAGES AND CONTENT END */
/* FAQ PAGE STYLES FOR IMAGES AND CONTENT START */	

#temperatures 
                     {
					  position: relative;
					  display: block;
					  height: 600px;
					  width: 90%;
					  border-collapse: collapse;
					  padding: 0px;
					  }
div.weather-list ul li
					{
					 display: block;
					 height: 30px;
					 margin: 0px;
					 padding: 0px;
					 padding-top: 5px;
					 vertical-align: middle;
					 border: 1px solid #999999;
					 border-width: 1px 1px 1px 1px;
					 border-collapse: collapse;
					 }

#weather-headline ul li
					{
					 font-weight: bold;
					 display: block;
					 height: 50px;
					 }

div.weather-list
					{
					 position: relative;
					 }
ul.weather li
					{
					 display: block;
					 float: left;
					 list-style: none;
					 }					  
li.month
				   {
				    display: block;
					width: 30%;
					margin-left: 10px;
				    }					  
li.temperature
				   {
				    display: block;
					width: 20%;
					text-align: center;
					}					  
li.rainfall
				   {
				    display: block;
					width: 20%;
					text-align: center;
					}					  
li.windspeed
				   {
				    display: block;
					width: 20%;
					text-align: center;
					}					  
/* FAQ PAGE STYLES FOR IMAGES AND CONTENT END */
/* FACILITIES PAGE STYLES FOR IMAGES AND CONTENT START */	

#areatop-float
                     {
					  background: url(images/AreaTop.jpg) no-repeat;
					  position: relative;
					  float: right;
					  display: block;
					  width: 544px;
					  height: 264px;
					  margin: auto;
					  top: 0px;
					  z-index: 8;
					  }
#areabottom-float
                     {
					  background: url(images/AreaBottom.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 327px;
					  height: 87px;
					  float: right;
					  left: 0px;
					  top: 0px;
					  z-index: 8;
					  }

				  
/* FACILITIES PAGE STYLES FOR IMAGES AND CONTENT END */
/* SHAREHOLDING PAGE STYLES FOR IMAGES AND CONTENT START */

#sharephoto-float
                     {
					  background: url(images/ChaletLandscapeTop.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 751px;
					  height: 159px;
					  margin: auto;
					  top: 0px;
					  z-index: 8;
					  }
#sharephotobottom-float
                     {
					  background: url(images/ChaletLandscapeBottom.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 359px;
					  height: 166px;
					  float: right;
					  left: 0px;
					  top: -7px;
					  z-index: 8;
					  }
/* SHAREHOLDING PAGE STYLES FOR IMAGES AND CONTENT END */	
/* GALLERY PAGE STYLES FOR IMAGES AND CONTENT START */	
.gallery-tip
					 {
					  position: relative;
					  float: right;
					  display: block;
					  font-size: 14px;
					  color: #999999;
					  font-style: italic;
					  font-weight: 100;
					  bottom: 0px;
					  margin-right: 25px;
					  padding-bottom: -30px;
					  }
p.gallery-head
					 {
					  margin-left: 20px;
					  vertical-align: bottom;
					  margin-bottom: 5px;
					  font-size: 30px;
					  font-style: italic;
					  font-weight: bold;
					  }
#complete-gallery
 					 {
					  position: relative;
					  display: block;
					  width: 750px;
					  height: 20px;
					  }
#galleryphoto-float
                     {
					  background: url(images/GalleryTop.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 746px;
					  height: 241px;
					  margin: auto;
					  top: 0px;
					  z-index: 8;
					  }
#galleryphotobottom-float
                     {
					  background: url(images/GalleryBottom.jpg) no-repeat;
					  position: relative;
					  display: block;
					  width: 275px;
					  height: 326px;
					  float: right;
					  right: 3px;
					  top: 0px;
					  z-index: 8;
					  }
.gallery-content-height
					 {
					  height: 100%;
					  }
li.gallery a,
li.gallery
                     {
					  text-decoration: none;
					  list-style: none;
					  margin-bottom: 5px;
					  }
/* relative position on list element required by ie7 start */
li.gallery ul a    
                      {
                       text-decoration: none;
					   display: block;
					   color: #000000;
					   font-size: 14px;
					   font-weight: 600;
					   border: 1px solid #333333;
					   padding-left: 10px;
					   }
li.gallery            {
                       position: relative;
					   float: left;
                       list-style: none;
                       }
/* relative position on list element required by ie7 end */
/* facilities gallery styles start */
p#facilities
					 {
					  color: #B9E949;
					  }
#gallery-facilities
					 {
					  display: block;
					  position: relative;
					  height: 500px;
					  width: 690px;
					  border-top: 1px dotted #B9E949;
					  margin: 0px auto;
					  padding-right: 10px;
					  }
li#gallery-facilities-one a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px;
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities1.jpg) top center no-repeat;
					  }
li#gallery-facilities-two a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities2.jpg) top center no-repeat;
					  }		
li#gallery-facilities-three a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities3.jpg) top center no-repeat;
					  }
li#gallery-facilities-four a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 165px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities4.jpg) top center no-repeat;
					  }	
li#gallery-facilities-five a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 165px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities5.jpg) top center no-repeat;
					  }	  
li#gallery-facilities-six a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 165px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities6.jpg) top center no-repeat;
					  }
li#gallery-facilities-seven a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities7.jpg) top center no-repeat;
					  }
li#gallery-facilities-eight a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities8.jpg) top center no-repeat;
					  }
li#gallery-facilities-nine a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryFacilities9.jpg) top center no-repeat;
					  }
/* facilities gallery styles end */
/* chalets gallery styles start */
p#chalets
					 {
					  color: #B9E949;
					  }
#gallery-chalets
					 {
					  display: block;
					  position: relative;
					  height: 330px;
					  width: 700px;
					  border-top: 1px dotted #B9E949;
					  margin: 0px auto;
					  padding-right: 10px;
					  }
li#gallery-chalets-one a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryChalets1.jpg) top center no-repeat;
					  }
li#gallery-chalets-two a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryChalets2.jpg) top center no-repeat;
					  }		
li#gallery-chalets-three a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryChalets3.jpg) top center no-repeat;
					  }
li#gallery-chalets-four a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryChalets4.jpg) top center no-repeat;
					  }	
li#gallery-chalets-five a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryChalets5.jpg) top center no-repeat;
					  }	  
li#gallery-chalets-six a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 140px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryChalets6.jpg) top center no-repeat;
					  }

/* chalets gallery styles end */
/* nature gallery styles start */
p#nature
					 {
					  color: #E17A1A;
					  }
#gallery-nature
					 {
					  display: block;
					  position: relative;
					  height: 810px;
					  width: 700px;
					  border-top: 1px dotted #e17a1a;
					  margin: 0px auto;
					  padding-right: 10px;
					  }
li#gallery-nature-one a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature1.jpg) top center no-repeat;
					  }
li#gallery-nature-two a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature2.jpg) top center no-repeat;
					  }		
li#gallery-nature-three a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature3.jpg) top center no-repeat;
					  }
li#gallery-nature-four a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature4.jpg) top center no-repeat;
					  }	
li#gallery-nature-five a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature5.jpg) top center no-repeat;
					  }	  
li#gallery-nature-six a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature6.jpg) top center no-repeat;
					  }
li#gallery-nature-seven a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 145px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature7.jpg) top center no-repeat;
					  }	
li#gallery-nature-eight a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 145px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature8.jpg) top center no-repeat;
					  }	  
li#gallery-nature-nine a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 145px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature9.jpg) top center no-repeat;
					  }
li#gallery-nature-ten a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 165px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature10.jpg) top center no-repeat;
					  }	
li#gallery-nature-eleven a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 165px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature11.jpg) top center no-repeat;
					  }	  
li#gallery-nature-twelve a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 165px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature12.jpg) top center no-repeat;
					  }
li#gallery-nature-thirt a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature13.jpg) top center no-repeat;
					  }	
li#gallery-nature-fourt a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature14.jpg) top center no-repeat;
					  }	  
li#gallery-nature-fift a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GalleryNature15.jpg) top center no-repeat;
					  }

/* nature gallery styles end */
/* nature gallery styles start */
p#sunset
					 {
					  color: #E17A1A;
					  }
#gallery-sunset
					 {
					  display: block;
					  position: relative;
					  height: 500px;
					  width: 700px;
					  border-top: 1px dotted #E17A1A;
					  margin: 0px auto;
					  padding-right: 10px;
					  }
li#gallery-sunset-one a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset1.jpg) top center no-repeat;
					  }
li#gallery-sunset-two a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset2.jpg) top center no-repeat;
					  }		
li#gallery-sunset-three a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset3.jpg) top center no-repeat;
					  }
li#gallery-sunset-four a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset4.jpg) top center no-repeat;
					  }	
li#gallery-sunset-five a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset5.jpg) top center no-repeat;
					  }	  
li#gallery-sunset-six a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset6.jpg) top center no-repeat;
					  }
li#gallery-sunset-seven a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset7.jpg) top center no-repeat;
					  }	
li#gallery-sunset-eight a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset8.jpg) top center no-repeat;
					  }	  
li#gallery-sunset-nine a
                     {
					  float: left;
					  top: 0px;
					  display: block;
					  width: 215px;
					  height: 155px; 
					  margin: 0px; 
					  padding: 0px;
					  background: url(images/GallerySunnset9.jpg) top center no-repeat;
					  }

/* sunset gallery styles end */
/* GALLERY PAGE STYLES FOR IMAGES AND CONTENT END */
/* CONTACT PAGE STYLES FOR IMAGES AND CONTENT START */
#commentForm label.error, 
#commentForm input.submit 
					  { 
					   position: relative;
					   display: block;
					   float: right;
					   width: 130px;
					   height: 20px;
					   text-align: left;
					   margin-left: 190px;
					   top: -20px;
					   margin-top: 0px;
					   margin-bottom: -20px; 
					   }	
form
					  {
					   position: relative;
					   display: block;
					   margin-top: 50px;
					   }
label
                      {
					   float: left;
					   width: 170px;
					   font-weight: 100;
					   color: red;
					   margin-left: 20px;
					   font-size: 14px;
					   }
.field
                      {
					   float: left;
					   width: 170px;
					   font-weight: bold;
					   margin-left: 20px;
					   color: #383F35;
					   }
.comment
					  {
					   display: block;
					   width: 300px;
					   font-weight: bold;
					   margin-left: 20px;
					   color: #383F35;
					   }
input
                      {
                       width: 184px;
                       margin-bottom: 15px;
					   }
input#boxes
					  {
					   display: inline-block;
					   width: 26px;
					   height: 26px;
					   }
input.write
					  {
					   color: #383F35;
					   font-size: 1.2em;
					   width: 184px;
					   height: 34px;
					   padding: 8px 5px 0;
					   font-weight: bold;
					   background: url(images/ContactFormInput.jpg) no-repeat;
	                   border: none;
                       }
input#email
					  {
					   color: #383F35;
					   font-size: 1.2em;
					   width: 184px;
					   height: 34px;
					   padding: 8px 5px 0;
					   font-weight: bold;
					   background: url(images/ContactFormInput.jpg) no-repeat;
	                   border: none;
                       }					   
input#fullname
					  {
					   color: #383F35;
					   font-size: 1.2em;
					   width: 184px;
					   height: 34px;
					   padding: 8px 5px 0;
					   font-weight: bold;
					   background: url(images/ContactFormInput.jpg) no-repeat;
	                   border: none;
                       }					   
input#lastname
					  {
					   color: #383F35;
					   font-size: 1.2em;
					   width: 184px;
					   height: 34px;
					   padding: 8px 5px 0;
					   font-weight: bold;
					   background: url(images/ContactFormInput.jpg) no-repeat;
	                   border: none;
                       }					   
input#number
					  {
					   color: #383F35;
					   font-size: 1.2em;
					   width: 184px;
					   height: 34px;
					   padding: 8px 5px 0;
					   font-weight: bold;
					   background: url(images/ContactFormInput.jpg) no-repeat;
	                   border: none;
                       }
textarea
                  	  {
					   color: #383F35;
					   font-size: 1.2em;
					   float: right;
					   width: 299px;
					   height: 148px;
					   padding: 8px 5px 10px;
	                   background: url(images/ContactFormComment.jpg) no-repeat;
					   border: none;
					   margin-right: 30px;
					   }
br                    
                      {
                       clear: left;
                       }
#submitbutton
                      {
					   width: 90px;
					   margin: 7px 0px 0px 170px;
					   padding: 0px;
					   }
.contact-head
					  {
					   display: block;
					   width: 250px;
					   font-weight: bold;
					   font-size: 18px;
					   border-bottom: 1px solid #383F35;
					   }
#resetbutton
                      {
					   width: 90px;
					   margin: 5px 0px 10px 170px;
					   padding: 0px;
					   }
#contact-form
					  {
					   position: relative;
					   display: block;
					   float: left;
					   background: url(images/FormBackground.jpg) center center no-repeat;
					   width: 400px;
					   height: 620px;
					   top: 0px; 
					   z-index: 1;
					   text-align: left;
					   }
#email-contact-details
					  {
					   position: relative;
					   display: block;
					   float: right;
					   width: 40%;
					   top: 0px;
					   z-index: 1;
					   font-weight: bold;
					   }
#email-contact-details a
					  {
					   font-weight: normal;
					   }

#contact-top-box
         			 {
					  position: relative;
					  display: block;
					  width: 100%;
					  height: 620px;
					  }
#contact-details
					  {
					   position: relative;
					   display: block;
					   float: left;
					   width: 40%;
					   top: 0px;
					   z-index: 1;
					   }
#contact-contain
         			 {
					  position: relative;
					  display: block;
					  width: 100%;
					  }
#details-contain
					 {
					  position: relative;
					  display: block;
					  width: 100%;
					  height: 600px;
					  }
#road-map         
                     {
                     position: relative;
					 display: block;
					 float: right;
					 margin-top: 20px;
					 border: 1px solid #B9E949;
					 width: 400px;
					 height: 500px;
	                 z-index: 1;
					  }					  
#gps
					 {
					  position: relative;
					  display: block;
					  float: right;
					  width: 400px;
					  height: 25px;
					  font-weight: bold;
					  vertical-align: bottom;
					  text-align: center;
					  }
p.success
					 {
					  font-size: 16px;
					  text-align: center;
					  color: #92B83A;
					  }					  
					  					  
/* CONTACT PAGE STYLES FOR IMAGES AND CONTENT END */	
#browser-alert {
			display: block;
			position: relative;
			width: 750px;
			color: red;
			background-color: white;
			margin: auto;
			margin-bottom: 10px;
			text-align: center;
			text-transform: capitalize;
			font-size: 14px;
		}
#browser-alert a {
			text-decoration: underline;
		}
#browser-alert a:hover {
			text-decoration: underline;
		}
.firefox #browser-alert,
.chrome #browser-alert,
.msie8 #browser-alert
 {
			display: none;
			visibility: hidden;
		}
/* image bullet */
ul.checkbox
		{
		 list-style-image: url(images/checkbox-list.jpg);
		 line-height: 50px;
		 }
div#language
		{
		 position: relative;
		 margin-right: 30px;
		 float: left;
		 top: 0px;
		 background: url(images/language.jpg) no-repeat;
		 width: 150px;
		 height: 30px;
		 left: 5px;
		 }
span.language
		{
		 display: block;
		 width: 150px;
		 margin: auto;
		 margin-top: 8px;
		 margin-right: 30px;
		 font-size: 12px;
		 color: #333333;
		 text-align: center;
		 vertical-align: middle;
		 color: white;
		 }
h5
		{
		 font-size: 15px;
		 font-weight: bolder;
		 text-align: center;
		 margin-top: 50px;
		 margin-bottom: 20px;
		 }