/*---css for links----*/
img{
	border: 0;
}
#contacts{
 margin-left: 23px;
 float: left;
 display: block;
 width: 62px;
 height: 5px;
 background-image: url('../images/contacts.gif');
 background-repaeat: no-repeat;
 overflow: hidden
}
#contacts:hover{
 background-position: 0 -10px;
}
#services{
 margin-left: 110px;
 float: left;
 display: block;
 width: 58px;
 height: 5px;
 background-image: url('../images/services.gif');
 overflow: hidden
}
#services:hover{
 background-position: 0 -10px;
}
#archive{
 margin-left: 23px;
 float: left;
 display: block;
 width: 53px;
 height: 5px;
 background-image: url('../images/archive.gif');
 overflow: hidden;
}
#archive:hover{
 background-position: 0 -10px;
}
#portfolio{
 margin-left: 23px;
 float: left;
 display: block;
 width: 63px;
 height: 5px;
 background-image: url('../images/portfolio.gif');
 overflow: hidden;
}
#portfolio:hover{
 background-position: 0 -10px;
}
#home{
 margin-left: 134px;
 float: left;
 display: block;
 width: 38px;
 height: 5px;
 background-image: url('../images/home.gif');
 overflow: hidden;
}
#home:hover{
	background-position: 0 -10px;
}
#wedding{
	display: block;
	width: 109px;
	height: 13px;
	background-image: url('../images/wedding/wedding-no.png');
}
#advertising{
	display: block;
	width: 109px;
	height: 13px;
	background-image: url('../images/advertising.gif');
}
#advertising:hover{
	background-position: 0 -17px;
}
#portraits{
	display: block;
	width: 109px;
	height: 13px;
	background-image: url('../images/portraits.gif');
}
#portraits:hover{
	background-position: 0 -17px;
}
#nature{
	display: block;
	width: 109px;
	height: 13px;
	background-image: url('../images/nature.gif');
}
#nature:hover{
	background-position: 0 -17px;
}
#reportage{
	display: block;
	width: 109px;
	height: 13px;
	background-image: url('../images/reportage.gif');
}
#reportage:hover{
	background-position: 0 -17px;
}
/*-----css for ul---*/
ul{
	position: absolute;
 	margin-left: 23px;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 60px;
}
ul li ul{
	display: none;
	position: absolute;
	padding-top: 8px;
	margin-left: 27px;
	padding-bottom: 3px;
}
ul:hover li ul{
	display: block;
}
#nav{
	float: left;
}
/*gallery*/
#link{
	display: block;
	width: 50px;
	height: 52px;
}
#opacity{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	background-color: #000;
	opacity: 0.70;
}
#image{
	position: relative;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border: #ffffff	solid 10px;
	margin-top: 50px;
	display: none;
	
}
#loading{
	position: relative;
	top: 30px;
	width: 32px;
	height: 32px;
	background-image: url('../images/loading.gif');
}
#big_img{
	display: none;
}
#gallery{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#close{
	cursor: pointer;
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	background-image: url('../images/close.png');
}
#close:hover{
	background-position: 0 -26px;
}
#next{
	cursor: pointer;
	float: left;
	display: block;
	margin-left: 4px;
	width: 22px;
	height: 22px;
	background-image: url('../images/next.png');
}
#next:hover{
	background-position: 0 -26px;
}
#prev{
	margin-left: 4px;
	cursor: pointer;
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	background-image: url('../images/prev.png');
}
#prev:hover{
	background-position: 0 -26px;
}
#navigation{
	display: none;
	position: absolute;
	top: 5px;
	left: 4px;
}
#bkg_01{
	display: block;
	float: left;
	width: 200px;
	height: 230px;
	background-image: url('../images/wedding/bkg_01.gif');
	margin-left: 60px;
}
#bkg_01:hover{
	background-position: 0 -240px;
}
#bkg_02{
	display: block;
	float: left;
	width: 200px;
	height: 230px;
	background-image: url('../images/wedding/bkg_02.gif');
	margin-left: 30px;
}
#bkg_02:hover{
	background-position: 0 -240px;
}
#bkg_03{
	display: block;
	float: left;
	width: 200px;
	height: 230px;
	margin-left: 30px;
	background-image: url('../images/wedding/bkg_03.gif');
}
#bkg_03:hover{
	background-position: 0 -240px;
}