#slider
{
	width: 890px;
	margin: 0 auto;
	position: relative;
}

.slider_corner { background-repeat: no-repeat; width: 13px; height: 13px; position: absolute; z-index: 750; }
#slider_crn_top_rt { background-image: url(/images/gallery/crn_top_rt.png);	top: 0; right: 0; }
#slider_crn_top_lft { background-image: url(/images/gallery/crn_top_lft.png); top: 0; left: 0; }
#slider_crn_btm_rt { background-image: url(/images/gallery/crn_btm_rt.png); top: 386px; right: 0; }
#slider_crn_btm_lft { background-image: url(/images/gallery/crn_btm_lft.png); top: 386px; left: 0; }

.scroll 
{
	height: 410px;
	overflow: hidden;
	position: relative;
	clear: left;
	background-color: #FFFFFF;	
	width: 890px;
}

.scrollContainer div.panel 
{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height: 379px;
	width: 848px;	
	background-image: url(/images/gallery/gallery_bg.jpg);
	background-repeat: repeat-x;	
	position: relative;
	overflow: visible;
}

#slider .scrollContainer { 	width: 2668px; }
#slider .scrollContainer > div { float: left; position: relative; }

div.panel-section
{
	width: 282px;
	height: 300px;
	float: left;
	margin: 0 auto;
}

.frame { margin: 0 auto; }

.landscape .frame
{
	width: 231px; /*262px;*/
	height: 206px; /*238px;*/
	padding-top: 32px;
	padding-left: 31px;
	margin-top: 23px;
	background-image: url(/images/gallery/frame_landscape.jpg);
	background-repeat: no-repeat;
}

.portrait .frame
{
	width: 186px; /*216px;*/
	height: 231px; /*261px;*/
	padding-top: 30px;
	padding-left: 30px;
	background-image: url(/images/gallery/frame_portrait.jpg);
	background-repeat: no-repeat;
}

.title
{
	margin-top: 10px;
	font-size: 10px;	
	text-align: center;	
}

.landscape .title
{
	width: 230px;
	padding: 0px 25px 0px 25px;
}
.portrait .title
{
	width: 217px;
	padding: 0px 36px 0px 36px;	
}

.plant { position: absolute; background-repeat: no-repeat; bottom: 0px; z-index: 19; }
.plant.plant1 { background-image: url(/images/gallery/plant_1.png); width: 119px; height: 198px; right: -57px; }
.plant.plant2 { background-image: url(/images/gallery/plant_2.png); width: 109px; height: 149px; right: -50px; }
.plant.plant3 { background-image: url(/images/gallery/plant_3.png); width: 130px; height: 144px; right: -60px; }
.plant.plant4 { background-image: url(/images/gallery/plant_4.png); width: 102px; height: 226px; right: -52px; }

.scrollButtons { /*position: absolute; top: 150px;*/ cursor: pointer; padding-left: 30px; padding-right: 30px; }
.scrollButtons.left { /*left: -20px;*/ }
.scrollButtons.right { /*right: -20px;*/ }

.scrollButtonsContainer
{
	width: 174px;	
	margin: 0 auto;
}

#mask 
{
	position: absolute;
	z-index: 800;
	background-color: #000;
	display: none;
	top: 0;
	left: 0;
	width: 100%;		
}

.window
{
	position: absolute;	
	width: 590px;
	height: 502px;
	display: none;
	z-index: 999;
	padding: 0px;	
	background-image: url(/images/gallery/popup_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 54px;
}

#dialog
{
	width: 375px;
	height: 203px;
}

.closeContainer
{
	width: 110px;
	position: absolute;
	top: 10px;
	right: 15px;
}

.imageContainer
{
	clear: right;	
	width: 555px; /* 392px;*/
	margin: 0px auto 0px auto;
	text-align: center;		
}

.imageContainer.scrollable
{
	overflow-y: scroll;
	height: 400px;
}

.mp3Player
{
	clear: right;
	margin: 0 auto;
	margin-top: 100px;
	text-align: center;
	background-color: #fff;
	width: 250px;
	padding: 8px;
}

.titleContainer
{
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

.ModalPanelContainer
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 850;	
}

.ModalPanel
{
	position: relative;
	height: 100%;
	width: 590px;	
	margin: 125px auto;		
}

.counterContainer
{
	font-size: 11px;
	float: right;
	text-align: right;
}