html,body
{
	font-family:  arial,tahoma, verdana;
	font-size: 11px;
	color:#5e5e5e;
	line-height:1.4em;
	background: url(/img/main-bg2.gif) ;
	margin:0;
}

.clear {
	clear: both;
}


#wraper{
	position: relative;
	margin:0px  auto 0 auto;
	width:960px;
	height:720px;
	/*background: url(/img/main-bg.gif) no-repeat;*/
}

	.logo{
		position:absolute;
		top:0;
		left:380px;
		
		width:200px;
		height:550px;
		
		/*background:url(/img/logo.png) no-repeat;*/
	}
		#wraper .subWrap .logo{
			position:absolute;
			top:0;
			left:70px;
			/*background:url(/img/logo-sub.gif) no-repeat;*/
		}
	
	#wraper .subWrap{
		position:absolute;
		top:0px;
		left:2px;
		
		width:956px;
		height:593px;
		
		background:#fff;
	}
	
	
		#wraper .subWrap .content-wrap{
			position:absolute;
			top:70px;
			left:240px;
			padding:30px;
			
			width:525px;
			height:390px;

			border:1px #b7b7b7 solid;
			
			overflow: auto;
			
		}
	
	
	#wraper #mainNav{
		position: absolute;
		left:0;
		bottom: 45px;
		
		width:960px;
		height:29px;
		
		background: #fff;
	}
		#wraper #mainNav ul
		{
			list-style:none;
			
			margin:7px 0 0 240px;
			padding:0;
			
			width: 585px;
			
			text-align:center;
			
		}
			#wraper #mainNav li
			{
				display:inline;
				margin: 0 30px 0 30px;
				
			}
				#wraper #mainNav li a
				{
					font-size:12px;
					color:#292929;
					
				}
					
					#wraper #mainNav li a.selected{
						color:#8c8b8b;
					}
					#wraper #mainNav li a:hover{
						color:#8c8b8b;
					}
				
				
				
	#wraper .subWrap .pageTitle	{
		position: absolute;
		top:50px;
		left:240px;
	}		
		#wraper .subWrap .pageTitle	ul{
			margin:0;
			padding:0;
		}		
			#wraper .subWrap .pageTitle	li a.selected{
				color:#a1a1a1;
				font-size:11px;
			}	
			#wraper .subWrap .pageTitle	li.hidden{	
				display:none;
			}













	#collection .subWrap .content-wrap
	{
		position:absolute;
		top:70px;
		left:240px;
		padding:30px;
		
		width:525px;
		height:452px;

		border:0px #b7b7b7 solid;
		
		overflow:visible;
	}

	#image-list{
		position: absolute;
		top:0;
		left:0px;
		
		width:630px;
		height:452px;
	}
		#image-list .big-image-container{
			position:relative;
			top:0;
			left:0;
			
			width:564px;
			height:356px;
			
			border:1px #b7b7b7 solid;
		}
			#big-image{
				position:relative;
				top:0;
				left:0;
				
				overflow:hidden;
				visibility:hidden;
				
				width:564px;
				height:356px;
				
				background: center no-repeat;
				
			}
			#zoom{
				position:absolute;
				bottom:0;
				right:5px;
				padding:0 0 0 15px;
				margin:
				
				z-index: 20;
				
				background: url(/img/larger.png) no-repeat;
			}
		
	
#scroll-container {
	position: relative;
	
	margin:20px 0 0 0;
	width: 580px;
}

	#scroll-container #nextImg,
	#scroll-container #prevImg
	{
		position: absolute;
		
		top: 30px;
		left: -23px;
		
		display: block;
		
		width: 19px;
		height: 20px;
		
		background: #CCC;
		text-indent: -9999px;
		outline: none;
		cursor: pointer;
		
		background:  url('/img/prevBtn.png') no-repeat 0 0;
	}
	#scroll-container #prevImg
	{
		left: auto;
		right: -15px;
		background: url('/img/nextBtn.png') no-repeat 0 0 ;
	}
		#scroll-container a#nextImg:hover,
		#scroll-container a#prevImg:hover
		{
			background-position:0 -20px;
		}
		#scroll-wrap {
			position:relative;
			
			margin: 0 0 0 0px;
			
			width: 566px;
			height: 82px;
			
			overflow: hidden;
		}
			#image-scroller {
				position: absolute;
				width:9999px;
			}
				#image-scroller .item {
					display:block;
					float:left;
					
					margin:0 12px 0 0;
					
					width:130px;
					height:80px;
					
					cursor:pointer;
					
					border:1px #b7b7b7 solid;
					background:center no-repeat;
				}





	#wraper .article-index{
		
	}
		#wraper .article-index .article-item{
			display:block;
			margin:0 0 40px 0 ;
			float:left;
		}
				#wraper .article-index .article-item .imgWrap{
					
					float:left;
					margin:0 15px 0 0 ; 	
					
					width:132px;
					min-height:82px;
					
				}
				#wraper .article-index .article-item .imgWrap.hide {
					display: none;
				}
					#wraper .article-index .article-item .imgWrap .image{
						display:block;
						margin:0 0 10px 0;
						
						width:132px;
						height:82px;
						
						background: center #fff no-repeat;
					}
					
					
				#wraper .article-index .article-item .text{
					display:block;
					
					
					
				}
				#wraper .article-index .article-item .text.big {
					clear:both;
					width: auto;
				}
			#wraper .article-index .article-item h1{
				margin:0 0 10px 0;
				font-size:14px;
			}
				#wraper .article-index .article-item h1 A {
					color: #5e5e5e;
				}
				#wraper .article-index .article-item h1{
				}

a
{
	text-decoration:none;
	color:#a1a1a1;
}				
a:hover{
	text-decoration:underline;
}


h1,
h2,
h3,
h4,
h5{
	margin:1.3em 0;
	font-weight:bold;
}

h1{
	font-size:14px;
}
h2{
	font-size:13px;
}
h3{
	font-size:12px;
}
h4{
	font-size:11px;
}
h5{
	font-size:10px;
}

.image-full-overlay {
	position: absolute;
	
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	

	
}
.image-full-wrap {
	position: absolute;
	
	top: 50px;
	
	text-align: center;
	
	width: 100%;
	
}
	.image-full-wrap img {
		border: 10px solid #fff;
	}
	.image-full-wrap .image-close{
		position:relative;
		bottom:5px;
		right:30px;
		
		border:0;
		cursor:pointer;
		
	}