/* CSS Document */

body {
	padding: 0px;
	margin-top: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #5b6663;
	background-color: #5b6663;
	font-stretch: ultra-expanded; 
	}
	
#maintext a:link {
	color: #666666;
	text-decoration: none;
	border-bottom: none;
	border: none;
	    }
em {
	font-size: 110%;
	color: #666666;
	font-weight: bold;
	}
	
h1 {
	font-size: 110%;
	}

img {
	border: none;
	}
		
#maintext a:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: none;
	border: none;
	    }
		
		
#maintext a:active {
	text-decoration: none;
	border-bottom: none;
	color: #666666;
	border: none;
	 }
	 
#content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: white;
		}	

#top  {
	background-color: white;
	padding: 0px;
	width: 900px;
	background-position: top;
	margin-bottom: 0px;
	padding-bottom: 0px;
					}	

#logo {
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	}

#navigation {
	color: #79889b;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 55px;
	width: 760px;
			}

		
#navigation ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 110%;
					}		
	
#navigation li {
	display: inline;
	}
	
#navigation a:link, #navigation a:visited {
	color: #79889b;
	text-decoration: none;
	}
	
#navigation a:hover {
	color: #79889b;
		}	


#text {
		font-size: 105%;
			}
			
#homemaintext {
		margin-left: 280px;
		margin-top: 20px;
		padding-right: 100px;
		padding-bottom: 10px;
		}			

#maintext {
		margin-left: 65px;
		margin-top: 20px;
		padding-right: 100px;
		padding-bottom: 30px;
		}
					
#contact {
	text-align: center;
	color: white;
		}
			
#contact a:link, a:visited {
	color: white;
	text-decoration: none;
	border-bottom: none;
	    }

.buttons {
	text-align: center;
	  }
		
#contact ul  {
		list-style-type: none;
		font-weight: bolder;
		font-stretch: ultra-expanded; 
		padding-left: 0;
		margin-left: 0;
		margin: 0px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		}
		
#contact li {
	display: inline;
	}
	
#contact a:link, #contact a:visited {
	color: white;  
	} 
	
.copyright {
		font-size: 70%;
		}
		
.map {
		text-align: center;
		}
		
#photo {
		margin-left: 65px;
		}		

/*The containing box for the gallery.*/
#container {
	position: relative;
	width: 800px;
	height: 360px;
	margin: 20px auto 0 auto;
	background: #fff url(../images/awatuna1.jpg) 230px 10px no-repeat;
	border: thin;
	border-color: #E6E6E6;
	}
	
/*Removing the list bullets and indentation*/
#container ul {
	padding: 0;
	margin: 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;
	background: #fff;
	}
	
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display: block; 
    color: #666666;
	text-transform: uppercase;
    text-decoration: none; 
    border: 1px solid #000; 
    margin: 4px 2px 1px 2px; 
    text-align: left;
	cursor: default;
    }
	
#container a.slidea {
    background: url(../images/queenroomsmall.jpg); 
    height: 75px; 
    width: 100px;
	border-color: white;
    }
	
#container a.slideb {
    background: url(../images/roomsmall.jpg); 
      height: 75px; 
    width: 100px;
	border-color: white;
    }
	
#container a.slidec {
    background: url(../images/porchsmall.jpg); 
     height: 75px; 
    width: 100px;
	border-color: white;
    }
	
#container a.slided {
    background: url(../images/bridgesmall.jpg); 
     height: 75px; 
    width: 100px;
	border-color: white;
    }
	
* html #container a.slided {
    width: 91px; 
    w\idth: 93px;
    }
	
#container a.slidee {
    background: url(../images/verandasmall.jpg); 
      height: 75px; 
    width: 100px;
	border-color: white;
    }
	
#container a.slidef {
    background: url(../images/Signsmall.jpg); 
      height: 75px; 
    width: 100px;
	border-color: white;
    }
	
* html #container a.slidef {
    width: 91px; 
    w\idth: 93px;
    }
	
#container a.slideg {
    background: url(../images/Beachsmall.jpg); 
     height: 75px; 
    width: 100px;
	border-color: white;
    }
	
#container a.slideh {
    background: url(../images/Twinsmall.jpg); 
      height: 75px; 
    width: 100px;
	border-color: white;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width: 284px; 
    height: 450px;
    }
#container li {
    float: left;
	padding: 0px;
    }
	
/* move the thumbnails into the correct position */
#container ul {
    margin: 5px; 
    float: left;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border: 1px solid #fff; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position: absolute; 
    width: 600px; 
    height: 365px; 
    top: 10px; 
    left: 230px; 
    color: #666666;
	background: #fff;
    }