
body {
background-image: url("images/back.jpg");
  overflow-x: hidden;
}
h1 {
	font: 50px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	
	/*color: #222; text-shadow: 0px 2px 3px #666*/			;
}

h2 a {
	display: block; text-decoration: none;
	font: 75px Helvetica, Arial, Sans-Serif; letter-spacing: -5px;  
	text-align: center;
	color: #999; text-shadow: 0px 3px 8px #2a2a2a;
 }
 	h2 a:hover {
 		color: #a0a0a0; text-shadow: 0px 5px 8px #2a2a2a;
 	}

#prevPage{
margin-top:-25px;
}
#heading {
	width: 300px; margin: 0 auto; background: #222;  
	font-size: 22px; color: #555; text-shadow: 0px 2px 3px #171717;
	
	-webkit-box-shadow: 0px 2px 3px #555;
	-moz-box-shadow: 0px 2px 3px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
}

#navigate  {

margin-left: 50 px;
float: left;
		width: 200px; margin: 0 auto; background: #222;  
height:35px;

	-webkit-box-shadow: 0px 2px 3px #555;
	-moz-box-shadow: 0px 2px 3px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
		font-family: sans-serif;
}

#navigate a {
padding-left:10px;
	font-family:  Tahoma, Helvetica, Arial, Sans-Serif;
text-decoration:none;
		font-size: 22px; color: #555; text-shadow: 0px 2px 3px #171717;
	color: #555;
}

#navigate a:hover {
	color: #20b2aa;
}
#statement{
margin-top:-85px;
margin-left:55px;
font: 25px Tahoma, Helvetica, Arial, Sans-Serif;
color: #222; text-shadow: 0px 2px 3px #666*

}





#gallery {width:1300px; height:400px; position:relative; z-index:100; padding-right:10px; margin-top:-20px;}
#gallery ul {list-style:none; padding:0; margin:0; width:350px; float:right;}
#gallery ul li {display:inline; width:80px; height:80px; float:left;}
#gallery ul li a {display:block; width:75px; height:75px; text-decoration:none; padding:4px; border:0px solid #fff;}
#gallery ul li a img {width:75px; height:75px; border:0;
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-icab-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6)
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}
#gallery ul li a b {position:absolute; visibility:hidden; left:0; top:5px; display:block; width:0px; height:350px; background:#000;
filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
-ms-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
#gallery ul li a b img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
-ms-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
#gallery ul li a:hover {white-space:normal; outline:0;}
#gallery ul li a:hover b {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity:1; visibility:visible;}
#gallery ul li a:hover b img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

#gallery ul li a b i {display:block; width:70px; height:360px; text-align:center; display:table-cell; vertical-align:middle;}
#gallery ul li a b i img {width:auto; height:auto; border:0px solid #444;
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-icab-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}


