* {padding: 0; margin: 0;}

a{
	text-decoration:none;
	}
	a:hover{
			color:#999;
			}
			a img {border: none;}

h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 13px;}
h6 {font-size: 10px;}



body {
	font-family: "Verdana","Trebuchet MS", Tahoma, Helvetica, Arial, "sans serif";
	font-size: 12px;
	color: #C0C0C0;
	background: #084e21 url('../photo_files/mainBg.gif') center top repeat-y;
	}
	#bar {
		width: 640px;
		height: 58px;
		background: url('../photo_files/navbar.gif');
		margin-left: auto;
		margin-right: auto;		
		position: relative;
		z-index:30;
		}
		#bar p{
			font-size:24px;
			margin: 20px 10px 0px 0px;
			text-align: right;
			}
#container{
			margin: 0 auto;
			width: 640px;
			}
#main {
		background: url('../img/main.gif') no-repeat;
		height: 21px;
		width: 36px;
		margin-left: 481px;
		margin-top: 37px;
		float: left; 
		}
#about{
		background: url('../img/about.gif') no-repeat;
		height: 21px;
		width: 36px;
		margin-left: 520px;
		margin-top: -21px;
		float: left;
		}
#photo{
		background: url('../img/photo.gif') no-repeat;
		height: 21px;
		width: 36px;
		margin-left: 559px;
		margin-top: -21px;
		float:left;
		}
#contact{
		background: url('../img/contact.gif') no-repeat;
		height: 21px;
		width: 36px;
		margin-left: 599px;
		margin-top: -21px;
		float: left;
		}
			
			
#content {
		  margin-top: 40px;
		  margin-left: auto;
		  margin-right: auto;
          color: #000;
		  padding: 10px;
          }
          #content br {
                       clear: both;
                     }
#block{
		background: #cfc790 url('../photo_files/block.png') no-repeat;
		padding: 5px 10px 5px 10px;
		height: 156px;
		width: 487px;
		margin: 40px 100px 0px 20px;
		}
		#block p{
				text-indent: 20px;
				padding: 10px 15px 5px 80px;
				}
		#block h2{
				padding: 2px 0px 0px 80px;
				}
#block2{
		background: #cfc790 url('../photo_files/block2.png') no-repeat;
		padding: 5px 10px 5px 10px;
		height: 156px;
		width: 487px;
		margin:40px 20px 0px 100px;
		}
		#block2 p{
				text-indent: 20px;
				padding: 10px 80px 5px 20px;
				}
		#block2 h2{
				padding: 2px 0px 0px 20px;	
				}
#footer {
				width: 500px;
				margin: 0 auto;
				text-align: center;
				clear: both;
				}
				#footer a{
						color: #0000ff;
						}
ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
		}
		ul#thumbs, ul#thumbs li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#thumbs li{
			float:left;
			margin-right:5px;
			border:1px solid #999;	
			padding:2px;
			}
	ul#thumbs a img{
		float:left;
		position:absolute;	
		}
	ul#thumbs li#beach{
		margin:70px 150px 200px 30px;
		}
	ul#thumbs li#amelia2{
		margin:70px 150px 200px 0px;
		}
	ul#thumbs li#amelia12{
		margin:70px 30px 200px 0px;
		}
	ul#thumbs li#beach a img{
		background: (no-repeat ../img/beachs.jpg;
		top:-70px;
		left:-80px	
	}	
	ul#thumbs li#amelia2 a img{
		top:-60px;
		left:-100px;	
	}	
	ul#thumbs li#amelia12 a img{
		top:-50px;
		left:-100px;	
	}	
		ul#thumbs a:hover{
				overflow:visible;
				z-index:1000;
				border:none;		
				}
#wrapper{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 760px;
		text-align: left;
		 }