@charset "utf-8";
/* CSS Document */

body {
		margin-left:auto;
		margin-right:auto;
		background-image:url(images/bg10.gif);
		background-attachment:fixed;
		background-repeat: repeat;
		text-align:center;
		position: relative;}

#containerseo {
	         position:absolute;
		     top:45px;
		     left:0px;
		     z-index:-10;}
		   
#backgroundgreen {position:absolute;top:32px;left:0px;z-index:-20;} /* home green background */
#backgroundgreen2 {position:absolute;top:32px;left:0px;z-index:-20;} /* rates green background */
#backgroundgreen1 {position:absolute;top:32px;left:0px;z-index:-20;} /* map green background */
#backgroundgreen2 {position:absolute;top:32px;left:0px;z-index:-20;} /* reviews green background */				
	
#siteContainer {display : block;}

#siteContent {
		margin-top: 0;
		margin-right: 210px;
		margin-bottom: 0;
		margin-left: 210px;}

#leftSpace {
		float: left;
		width: 200px;
		position: fixed;}

#rightSpace {
	float: right;
	width: 200px;}

#Containerfrontpage {
		position:absolute;
				top:30px;
	                  left:60px;
		font-family :Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
		
		line-height:1.3em;
		text-decoration:none;
		text-align:left;
		padding-left:150px;
		width : 683px;
		border: none;
		margin : 10px;
		margin-top : -1px;
		margin-left: 0px;
		display : block;
		padding : 10px;}
	
#Container {
		font-family :Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
		line-height:1.3em;
		text-decoration:none;
		text-align:left;
		padding-left:150px;
		width : 683px;
		border: none;
		margin : 10px;
		margin-top : -1px;
		margin-left: 60px;
		display : block;
		padding : 10px;}		
	
/*---index page text---*/	
.indextext {
	font-family :Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
	padding:7px 130px 0px 105px;
	line-height:1.40em;
	color:#2a5347;
	text-decoration:none;
	text-indent:0px;
	text-align:left;}
	
	/*---index page text bottom paragraph---*/	
.indextext1 {
	font-family :Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
	padding:7px 130px 0px 105px;
	line-height:1.40em;
	text-decoration:none;
	text-align:left;
	z-index:50;}
	
/*---cabin browse pics text---*/	
.indextext2 {
	font-family :Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
	padding:7px 80px 0px 140px;
	line-height:1.25em;
	color:#2a5347;
	text-decoration:none;
	text-align:left;
	text-indent:30px;}
	
/*---a href links---*/	
#seotext {position:absolute;	
	    top:40px;
	    left:10px;
	    font-size: 1em;
	    font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
	    color:#ccc;
	    text-align:left;
		text-decoration:none;
	    padding-top:10px;
	    padding-bottom:10px;
	    padding-right:30px;
	    line-height:18px;
	    font-weight:500;
	    z-index;500:}

/*---text under a href links---*/
.seotext2  { font-size:.70em;
	      font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
		font-weight: 200;
		color: #161918;
		padding-top:2px;
		padding-bottom:0px;
		text-decoration:none;
		padding-left:0px; 
		line-height:1.2em;
		padding-right:0px;
		margin-top:0px
		margin-bottom;0px}	

#fernGullyHeader {
	width:700px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	border: none;}	

#content {
width: 300px;
margin: 0 auto} 	
		
/*youtube video links*/
#utube {padding-left:230px;}

.pdf1 {position:absolute;
       top:555px;
        left:104px;
	  z-index:250;}
	  
.pdf2 {position:absolute;
       top:605px;
        left:104px;	  
	  z-index:250;}
	
/*woodcutter pdf*/	  
.pdf3 {position:absolute;
       top:420px;
        left:104px;	  
	  z-index:250;}	  

a { 
	font-size: 1em;
	font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
	color:#522a15;
	text-decoration: none;
	line-height:1em}
	
p {
		font-family :Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, Verdana Ref, sans-serif;
		font-size:.9em;
		color:#2a5347;
		text-align:justify;
		padding: 0px;}

h1 {
		font-size: 1.1em;
		font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
		font-weight: 400;
		color: #522a15;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:225px;
		line-height:0.6em;
		padding-right: 0px;}

h2 {
	font-size:.8em;
	line-height:1.5em;
	letter-spacing:.1em;
	font-family: Tahoma;
	font-weight: normal;
	color: #121212;}
		
#booking {
	background-color : #7bad35 ;
	width: 200px;
	padding : 3px;
	display : table-cell;
	margin-top: 5px;}

#bookingInfo {
	line-height : 18px;}

a:hover {
	color:#0000FF;
	text-decoration:underline;}
	
a:link {text-decoration:none;}
/*---Tables---*/	

table {
	background-color : #f6f7e7;
	border : 1px solid #a5cd69;}

td {
	text-align : center;
	vertical-align : middle;
	padding : 6px;
	font-size :.8em;
	border : 1px solid #e7eec9;}
	
/*------------Slide shows----------*/		

#slide1 {position:absolute;top:5px;left:75px;z-index:300;border:0px solid #522a15;}
#slide2 {position:absolute;top:43px;left:643px;z-index:300;}
#slide3 {position:absolute;top:245px;left:643px;z-index:300;}
#slide4 {position:absolute;top:257px;left:643px;z-index:300;}
	   
.seoborder2 {position:absolute;top:37px;left:635px;z-index:200;}
.seoborder3 {position:absolute;top:420px;left:635px;z-index:200;}
.seoborder4 {position:absolute;top:620px;left:635px;z-index:200;}
      
.seotext3 {position:absolute;top:182px;left:682px;color:#2a5347;font-size:.75em;z-index:300;}
.seotext3a {position:absolute;top:199px;left:680px;color:#2a5347;font-size:.75em;z-index:300;}
.seotext3b {position:absolute;top:199px;left:715px;color:#2a5347;font-size:.75em;z-index:300;}

.seotext4 {position:absolute;top:582px; left:685px;color:#2a5347;font-size:.75em;z-index:300;}
.seotext4a {position:absolute;top:582px; left:712px;color:#2a5347;font-size:.75em;z-index:300;}
.seotext4b {position:absolute;top:597px; left:677px;color:#2a5347;font-size:.75em;z-index:300;}
.seotext4c {position:absolute;top:597px; left:718px;color:#2a5347;font-size:.75em;z-index:300;}
	
.seotext5 {position:absolute;top:772px;left:679px;color:#2a5347; font-size:.75em ;z-index:300;}		   
.seotext5a {position:absolute;top:772px;left:700px;color:#2a5347; font-size:.75em ;z-index:300;}
.seotext5b {position:absolute;top:787px;left:675px;color:#2a5347; font-size:.75em ;z-index:300;}
	   
/*---review pics start---*/	
#monkey {
	position:absolute;
	top:90px;
	left:50px;}
	
#monkey1 {
	position:absolute;
	top:410px;
	left:50px;}
	
#loerie {
	position:absolute;
	top:250px;
	left:50px;}

.reviews {
	padding-left:150px;         /*---review page text---*/	
	padding-right:0px;
	text-indent:30px;}
	
.knysna {                /*---attractions page text---*/	
	float:right;width:65%;padding-right:30px;text-indent:30px;line-height:1.4em;}
	
.gps {padding-left:210px;}

#googlemap {padding-left:90px;}    /*---map page details---*/	

.maptextlocation {padding-left:245px;}

.map {padding-left:90px;}

.maptextlocation1 {padding-left:225px;}

 /*planting link*/
.planting {
	      z-index:50;
	      position:absolute;
		top:785px;
		left:50px;}

 /*eco friendly search engine link*/
#ecosia {
		position:absolute;
		top:694px;
		left:583px;}
	
 /*email icon contact page*/
#email {
	position:absolute;
	top:170px;
	left:150px;}
	
div.transbox  {
	  z-index:0;
  width:700px;
  height:125px;
  margin:0px 0px;
  background-color:#2a5347;
  border:none;
  /* for IE */
  filter:alpha(opacity=33);
  /* CSS3 standard */
  opacity:0.33; }
  
  div.transbox p  {
  margin:0px 0px;
  font-weight:300;
  color:#000000;}
		
.footer {
		z-index:50;
		position:absolute;
		top:1239px;
		left:202px;}
	
.ccslogo {
		z-index:50;
		position:absolute;
		top:1225px;
		left:495px;}
		
  /* Navigation footer */		
		
#footernav {width: 100%;
			float:left;
			margin:0 0 3em 0;
			padding-left: 190px;
			padding-bottom:20px;
			text-decoration:none;
			list-style-image:none;
			list-style-type:none;}	

#footernav	li {float:left;
                text-decoration:none;
				list-style-image:none;
				list-style-type:none;}
				
			
#footernav	li a {display:block;
				  padding:5px 7px 5px 7px;
				  text-decoration:none;
				  font-weight:bold;
				  font-size:14px;
				  list-style-image:none;
			      list-style-type:none;}
				  
#savenue {position:absolute;
		    top:1240px;
		    left:550px;
			z-index:250;}				  
				  
.recycle   {
	        position:absolute;
		    top:1200px;
		    left:0px;
			z-index:250;}
		
.addressfp {position:absolute;
		    top:1280px;
		    left:180px;
			z-index:250;}

/* Forest cabins css lightbox	*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #e7eec9; width: 400px; height: 267px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:images/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink: { left:0; float: left; background: url (images/prevlabel.gif) left 15% no-repeat; }
#nextLink: {right:0; float:right; background: url (images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: .8em Verdana,Helvetica, sans-serif; background-color: #e7eec9; margin: 0 auto; line-height: 1.5em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 80%; float: left; text-align:left;}	
#imageData #caption{ font-weight: 300;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*-------knysnaAttractions-activities-rheenendalRamble-events--------*/


/*-------PlacesOfInterestImages--------*/
.wildoats {z-index:-1;position:absolute;left:252px;top:240px;}
.buffulobay {z-index:-1;position:absolute;left:252px;top:481px;}
.featherbed {z-index:-1;position:absolute;left:252px;top:700px;}
.knysnaelephants {z-index:-1;position:absolute;left:252px;top:941px;}
.monkeyland{z-index:-1;position:absolute;left:252px;top:1176px;} 
.canopytour {z-index:-1;position:absolute;left:252px;top:1413px;}
.cangoranch {z-index:-1;position:absolute;left:252px;top:1646px;}

/*-------KnysnaActivitiesImages--------*/
.bungee {z-index:-1;position:absolute;left:252px;top:242px;}
.harkerville {z-index:-1;position:absolute;left:252px;top:470px;}
.homtini {z-index:-1;position:absolute;left:252px;top:697px;}
.rivertubing  {z-index:-1;position:absolute;left:252px;top:927px;}
.sharkcage {z-index:-1;position:absolute;left:252px;top:1163px;}
.canoeknysna {z-index:-1;position:absolute;left:252px;top:1397px;}
.skydive {z-index:-1;position:absolute;left:252px;top:1627px;}

/*-------RheenendalRambleImages--------*/
.knysnaforest {z-index:-1;position:absolute;left:252px;top:245px;}
.dalenematthee {z-index:-1;position:absolute;left:252px;top:480px;}
.millwood {z-index:-1;position:absolute;left:252px;top:715px;}
.redbarn {z-index:-1;position:absolute;left:252px;top:947px;}
.portlandmanor {z-index:-1;position:absolute;left:252px;top:1180px;}
.horserides {z-index:-1;position:absolute;left:252px;top:1410px;}
.earthworms {z-index:-1;position:absolute;left:252px;top:1648px;}

/*-------KnysnaEventsImages--------*/
.oysterfestival {z-index:-1;position:absolute;left:252px;top:245px;}
.pinklorie {z-index:-1;position:absolute;left:252px;top:482px;}
.gastronomica {z-index:-1;position:absolute;left:252px;top:713px;}
.karootocoast{z-index:-1;position:absolute;left:252px;top:945px;} 

/*-------PlacesOfInterestPolaroid--------*/
#wildoats {z-index:0;position:absolute;left:247px;top:245px;}
#buffulobay {z-index:0;position:absolute;left:247px;top:485px;}
#featherbed {z-index:0;position:absolute;left:247px;top:710px;}
#knysnaelephants {z-index:0;position:absolute;left:247px;top:945px;}
#monkeyland{z-index:0;position:absolute;left:247px;top:1180px;} 
#canopytour {z-index:0;position:absolute;left:247px;top:1417px;}
#cangoranch {z-index:0;position:absolute;left:247px;top:1650px;}

/*-------KnysnaActivitiesPolaroid--------*/
#bungee {z-index:0;position:absolute;left:247px;top:245px;}
#harkerville {z-index:0;position:absolute;left:247px;top:475px;}
#homtini {z-index:0;position:absolute;left:247px;top:700px;}
#rivertubing  {z-index:0;position:absolute;left:247px;top:930px;}
#sharkcage {z-index:0;position:absolute;left:247px;top:1166px;}
#canoeknysna {z-index:0;position:absolute;left:247px;top:1400px;}
#skydive {z-index:0;position:absolute;left:247px;top:1630px;}

/*-------RheenendalRamblePolaroid--------*/
#knysnaforest {z-index:0;position:absolute;left:242px;top:249px;}
#dalenematthee {z-index:0;position:absolute;left:247px;top:490px;}
#millwood {z-index:0;position:absolute;left:247px;top:725px;}
#redbarn {z-index:0;position:absolute;left:247px;top:952px;}
#portlandmanor {z-index:0;position:absolute;left:247px;top:1185px;}
#horserides {z-index:0;position:absolute;left:247px;top:1415px;}
#earthworms {z-index:0;position:absolute;left:247px;top:1653px;}

/*-------KnysnaEventsPolaroid--------*/
#oysterfestival {z-index:0;position:absolute;left:247px;top:250px;}
#pinklorie {z-index:0;position:absolute;left:247px;top:492px;}
#gastronomica {z-index:0;position:absolute;left:247px;top:716px;}
#karootocoast{z-index:0;position:absolute;left:247px;top:948px;} 


/*-------PlacesOfInterestTEXT--------*/
.wildoatst {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:25px;}
.buffulobayt {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:120px;}
.featherbedt {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:100px;}
.knysnaelephantst {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:90px;}
.monkeylandt{text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:105px;} 
.canopytourt {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:125px;}
.cangorancht {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:120px;}

/*-------KnysnaActivitiesTEXT--------*/
.bungeet {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:25px;}
.harkervillet {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:130px;}
.homtinit {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:60px;}
.rivertubingt  {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:125px;}
.sharkcaget {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:130px;}
.canoeknysnat {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:135px;}
.skydivet {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:135px;}

/*-------RheenendalRambleTEXT--------*/
.knysnaforestt {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px; padding-top:25px;}
.dalenemattheet {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:45px;}
.millwoodt {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:70px;}
.redbarnt {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:65px;} 
.portlandmanort {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:95px;} 
.horseridest {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:135px;} 
.earthwormst {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:125px;} 

/*-------KnysnaEventsTEXT--------*/
.oysterfestivalt {text-indent:30px;line-height:1.4em; position:float;right; padding-left:225px; padding-top:10px;}
.pinkloriet {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:130px;}
.gastronomicat {text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:90px;}
.karootocoastt{text-indent:30px;line-height:1.4em;position:float;right; padding-left:225px;padding-top:145px;} 

.containerseo {
		float: left;
		height: 600px;
		width: 100px;}

.containerseo {
		height: 500px;
		width: 100px;}