﻿



/* Gallery styles */



#preview {

	position:absolute;

	border:1px solid #ededed;


	padding:2px;

	display:none;

	color:#fff;	
  
}



#gallery{

	/* CSS3 Box Shadow */

	-moz-box-shadow:0 0 3px #AAAAAA;

	-webkit-box-shadow:0 0 3px #AAAAAA;

	box-shadow:0 0 3px #AAAAAA;
   
	

	/* CSS3 Rounded Corners */

	
   
	-moz-border-radius-bottomleft:4px;

	-webkit-border-bottom-left-radius:4px;

	border-bottom-left-radius:4px;

	

	-moz-border-radius-bottomright:4px;

	-webkit-border-bottom-right-radius:4px;

	border-bottom-right-radius:4px;

	

	border:1px solid white;

	

	background:#ffffff url('slideshow-theme/panel.jpg') repeat-x center bottom;

	

	/* The width of the gallery */

	width:760px; /* The main width of the gallery */

	overflow:hidden;

}



#movein-gallery #gallery

{

	width:595px;

}



#slides{

	/* This is the slide area */

	height:68px;/* The main height of the gallery */

	

	/* jQuery changes the width later on to the sum of the widths of all the slides. */

	width:692px;

	overflow:hidden;


}



#movein-gallery #slides {

	height: 465px;

	width:595px;

}



#gallery .slide{

	float:left;
    width: 750px;
    height: 103px;
}




#gallerymenu{

	/* This is the container for the thumbnails */

	height:35px;

	float: right;

	position: relative;

	left: -50%;

	text-align: left;
   
}



#gallerymenu img{

	padding-left:6px;
    
}



#gallery ul{

	margin: 0px;

	padding:0px;

	position: relative;

	left: 50%;

	height:35px;

	overflow:hidden;
    
}



#gallery li{

	/* Every thumbnail is a li element */

	width:30px;

	display:inline-block;

	list-style:none;

	height:35px;

	float:left;

	margin:0px;

   
}



#gallery li.inact:hover{

	/* The inactive state, highlighted on mouse over */
/* The inactive state, highlighted on mouse over */

	background:url('slideshow-theme/pic_bg.png') repeat;

}



#gallery li.act, #gallery li.act:hover{
/* The inactive state, highlighted on mouse over */

	background:url('slideshow-theme/active_bg_short.png') no-repeat;

}



#gallery li.act a{

	cursor:default;

}



#gallery .fbar{

	/* The left-most vertical bar, next to the first thumbnail */

	width:2px;

	background:url('slideshow-theme/divider_short.png') no-repeat left;

	vertical-align: top;

	height:35px;

	overflow:hidden;

}



#gallery li a{

	display:block;

	background:url('slideshow-theme/divider.png') no-repeat left;

	height:35px;

	padding-top:8px;

	

	/*margin-left:-2px !important;*/

}



#gallery a img{

	border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin-left:0px;

	float:none;

	width: 760px;/* The main height of the gallery pictures */
}
