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



body { margin: 0;
      
	   
	   
	}
	   
	   
	 
h1 { background-color: #FFFFFF;
                    background-image: url(../images/layout/heading.jpg);
               	   	color: #FFFFFF;
			   		height: 20px;
			   		margin: 0;
			   		padding: 8px;
			   		font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
			   		text-decoration: none;
			   		font:Arial, Helvetica, sans-serif;
			   		text-align: center;}	 
	   
	   
h2 { padding-left: 15px;
     color: #4e79a6;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 text-align:left;}   
	 
h3 { padding-left: 20px;
     color: #4e79a6;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 text-align:left;}   
	   
	   
	
#page { width: 800px;
        /*background-image:url(../images/layout/maincontentbg.jpg);*/
		background-image: url(../images/blubgblend.jpg);
		/*background-color: #fff0b9;*/
		background-color: #daeaef;
		background-repeat: no-repeat;
		border: 1px solid #999999;
	
	   
		
		
       }	

#header { width: 800px;
          
		        
		  height: 212px;
		  padding: 0;
		  margin: 0;
		  }




/*start navigation*/

#nav a.selected { color: #990000;}



#nav		{ background-repeat: repeat-y;
              
              
			  font-family:Arial, Helvetica, sans-serif;
              padding: 0;
			  margin-top: 0;
			  height: 20px;
			  width: 800px;
			  font-size:100%;
  			  line-height:normal;
			  
	          
			  
			  		  
			  			  		 						  
			 }


    #nav ul {
	  margin:0;
	  padding: 5px 10px 0px 80px;
	  list-style:none;
	  padding-top: 12px;
	  padding-bottom: 20px;
	  
  }
	  
    #nav li {
      display:inline;
      margin:0;
      padding: 0;
      }
    #nav a {
      float: left;
      background: url(../images/layout/yellowleft.png) no-repeat left top;
      margin:0;
      padding: 0px 0 0px 5px;
	  text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      background: url(../images/layout/yellowright.png) no-repeat right top;
      padding:5px 15px 4px 6px;
      color: #006699;
	  font-weight:bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color: #000000;
      }
    #nav a:hover {
      background-position:0% -42px;
	  
      }
    #nav a:hover span {
      background-position:100% -42px;
	  color:#FF9900;
	  font-weight:bold;
      }

		  
/*end navigation*/


/*start amapozzi nav*/


#amapozzinav { border:0px;
               height: 35px;
              }

#amapozzinav ul { list-style: none; 
                   padding: 8px;
			       margin:0;
				   margin-left: 155px;
				   
				   margin-top: 10px;}
			
#amapozzinav li { display: inline;        
            		border: solid #006699; 
					border-width: 1px 1px 0 1px;     
					
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					font-weight: 500;
					padding-top: 1px;
				 } 
				 
#amapozzinav a {text-decoration:none;
 					 padding: 0 1em;
 					 background-color: #618DD1 ;
					 background-repeat:no-repeat;
					 background-position: center;
					 color: #FFFFFF;
                     font-family:Arial, Helvetica, sans-serif;}
					 
#amapozzinav a:hover {background-image: url(../images/layout_imgs/buttonroll2.png);
           			    text-decoration:none;
           				padding: 0 1em; 
           				background-repeat:no-repeat;
		   				background-color: #618DD1 ;
           				background-position: center;
           				color: #006699;}
		


/*End Amapozzi navigation*/


#pgheading {background-color: #FFFFFF;
            margin-left: 160px;
            width: 629px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 16px;
			padding: 10px;
			margin-top:0;
			padding-right: 0;
			margin-bottom: 0;
			
			}     
			
#maincontent { 
			   padding-top: 20px;
			   padding-bottom: 40px;
               padding-left: 0;  
			   padding-right: 0;
			   margin-right: 0;   
			   margin-left: 0px;
			   
			   
			   
			   
			  
			   
			    	   
			   
			   }            

#content { background-color: #FFFFFF;
           
           
          
         
                   
           width: 700px;
		   margin-top: 0;
		    
			padding: 10px;
			padding-right: 10px;
			padding-left: 10px;
		    
			padding-bottom: 50px;
				
			text-align: justify;
			line-height: 1.5em;
			
			
			
			
						
		   }
		   
		   
#content p { padding-left: 20px;
             padding-right: 20px;
             padding-top: 0;
            
             text-align: justify;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size: 12px;}
			 
			 
#content img { margin-right:20px;
               margin-left: 20px;
			   padding: 5px;}			 

#footer { width:100%;
          color: #333333;
		  background-color: #FFFFFF;
		  border-top: solid #000000 1px; 
		  padding-top: 0;
		  /*background-image: url(../images/layout/footer2.jpg) ;*/
		  /*background-image: url(../images/layout/footer.jpg);*/
		  background-image:url(../images/footerblu.jpg);
		  background-repeat:repeat;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:10px;
		  padding-top: 5px;
		  line-height: 20px;
			  		  }
					  
#footer ul { display:inline;
            
            
            }
			
#footer li  { text-decoration: none;
              display: inline;
			  margin: 2px 2px 2px;
			  font-family:Arial, Helvetica, sans-serif;
			  font-size: 12px;
			}
#footer a { text-decoration: none;
            color:#333333;
			 }

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


		  
		  
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  																				HOLIDAY FINDER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




 /* ---------------listings heading------------*/
 
 #listheading h2 { 	background-color: #FFFFFF;
                    background-image: url(../images/layout/heading.jpg);
               	   	color: #FFFFFF;
			   		height: 20px;
			   		margin: 0;
			   		padding: 8px;
			   		
			   		text-decoration: none;
			   		font:Arial, Helvetica, sans-serif;
			   		text-align: center;
			   		
					} 
 
/* ----------------lisinngs area--------------*/

#listings { background-color:#FFFFFF;
            text-align:justify;}


         
		  
#listings h2 { background-color:#e7f1f8;
               color: #4D4D4D;
			   height: 20px;
			   margin: 0;
			   padding: 8px;
			   text-decoration: none;
			   font:Arial, Helvetica, sans-serif;
			   }

			   
#listings img { border: solid 1px #999999;
                float: left;
				margin-right:20px;
				margin-top: 20px;
				margin-bottom: 45px;
				width: 150px;
				padding: 5px;
				padding-bottom: 15px;
				padding-top: 10px;
				}

#listings p { font-family:Arial, Helvetica, sans-serif; 
              margin-right: 10px;
			  margin-top: 20px;
			  padding-right: 5px;
			  padding-left: 5px;
			  color:#000000;
			  text-align: justify;}

#listings a { font-family:Verdana, Arial, Helvetica, sans-serif;
              color:#000099;
		      font-size: 10px;
			  text-align: right;
			  			  
			   
				   }
				   

		  
		  
		  
		  
		  
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
																				ADDITIONAL PAGE EXTRAS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#games { 
		 padding: 18px;
		  font-family:Arial, Helvetica, sans-serif;
			 font-size: 12px;}
			 
#games h2 { 
               color: #4D4D4D;
			   height: 20px;
			   margin: 0;
			   padding: 8px;
			   text-decoration: none;
			   font:Arial, Helvetica, sans-serif;
			   }
			   
/* Start photo album*/

/* The container box for the gallery */

#container { position: relative; 
			 height: 530px;
			 margin: 5px;
			 border: 1px solid #aaa;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size: 12px;
			 font-weight:bold;
			 background-color: #fff6db;
			 background-image: url(../images/photo_gallery/gallerybg3.png);
			 background-repeat:no-repeat;
			 background-position: top;
			
			  
				 
			 }
			 
	 
/* Removing the list bullets and indetation */

#container ul { padding: 0;
                list-style-type: none;
				
			 }
				
				
/* Remove the images and text from sight */

#container a.gallery span { position: absolute;
							width: 1px;
							height: 1px; 
							top: 5px;
							left: 5px;
							overflow: hidden;
							
						   }
							
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2.5em;
	border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align: center;
	cursor:;
    }
#container a.slidea {
    background: url(../images/photo_gallery/Image00001.jpg); 
    height:81px; 
    width:83px;
    }
#container a.slideb {
    background: url(../images/photo_gallery/fronthouse1.jpg); 
    height:81px; 
    width:83px;
    }
#container a.slidec {
    background: url(../images/photo_gallery/Image00003.jpg); 
    height:81px; 
    width:83px;
    }
#container a.slided {
    background: url(../images/photo_gallery/Image00004.jpg); 
    height:81px; 
    width:83px;
    }
* html #container a.slided {
    width:81px; 
    w\idth:83px;
    }
#container a.slidee {
    background: url(../images/photo_gallery/Image00005.jpg); 
    height:81px; 
    width:83px;
    }
#container a.slidef {
    background: url(../images/photo_gallery/Image00006.jpg); 
    height:81px; 
    width:83px;
    }
* html #container a.slidef {
    width:81px; 
    w\idth:83px;
    }
#container a.slideg {
    background: url(../images/photo_gallery/Image00007.jpg); 
    height:81px; 
    width:83px;
    }
#container a.slideh {
    background: url(../images/photo_gallery/Image00008.jpg); 
    height:81px; 
    width:83px;
    }

	

/* set the size of the unordered list to neatly house the thumbnails */

#container ul { height: 86px;
				margin: 25px;
				padding-left: 0;
				float: none;
				margin-top: 350px;
				}
				
#container li{ float: left;
               
               }	


/* change the thumbnail border color */

#container a.gallery:hover { border: 1px solid #fff;}

#container a.gallery:hover span { position:absolute;
								  width: 380px;
								  height: 380px;
								  left: 158px;
								  color: #000;
								  margin-top: 25px;
								 }
								 
								  
#containter a.gallery:hover img { border: 1px solid #fff;
								  float: left;
								  margin-right:5px;}


/* End Photo album */



#form { 
        text-align: left;
        padding-left: 20px;
	
		}


/*Online enquiry form */

#enquiry { font-family:Arial, Helvetica, sans-serif;
           font-size: 12px;
		   text-align: left;
		   		   }
		   
		   
#enquiry td { border: none;
              
              }

#enquiry table { border: 1px solid #B4C7E2;
                 background-color: #FFFFFF;
				 
				 margin-left: 20px;
				 
				 }

#enquiry th {color: #4e79a6;
             background-color: #e7f1f8;
	 		 font-family:Arial, Helvetica, sans-serif;
	 		 font-size: 14px;
			 border: none;
			 text-align: left;
			 }
			 
			 
/*sitemap*/


#sitemap { font-family:Arial, Helvetica, sans-serif;
           font-size:14px;
		   color:#006699;
		   line-height: 1.5em;
		   }
		   
#sitemap h2 { text-decoration:underline;
              
			  width:400px;
			    }		   

#sitemap a { text-decoration:none;
              color: #000000; }

#sitemap ul { }

#sitemap li {list-style: none;
             
              } 
#sitemap a:hover { color: #66CCCC; }
#sitemap a:visited { color: #990000; }


/* Surfbaysands template */

#template { line-height: normal;}

#template img { width:300px;
                border: solid 1px;
               
                padding: 5;
				margin: 0; }
				
#template p {font-family:Arial, Helvetica, sans-serif; 
              margin-right:50px;
			  margin-top: 20px;
			  padding-right: 5px;
			  padding-left: 25px;
			  text-align: justify;}





