/* Gallery styles */

#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:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:670px;
	overflow:hidden;
	margin:5px 5px 5px -85px;
}
.detai{ color:#CEDFEA; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
a.featurelink:link, a.featurelink:visited{ color: #6598BA; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
a.featurelink:active, a.featurelink:hover{ color: #94B8CF; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
.feature-title{ text-align:left; padding-left:10px; background-color: #333333; border-bottom:1px solid #FFFFFF; width:656px; position:absolute; margin-top:-547px; margin-left:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color: #FFFFFF; padding:7px 7px 7px 7px;}
.discr{ background-image:url(../images/transpBlack.png);position:relative; color: #FFFFFF; height:40px; padding:5px 5px 5px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.over{position: relative; width:670px; height:50px; margin-top:-50px; text-align:left; overflow:hidden;}
#slides{
	/* This is the slide area */
	height:480px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:500px;
}
.slide{margin-top:34px;
	float:left;
}
#menu{
	/* This is the container for the thumbnails */
	margin-left:-107px;
	height:45px;
	width:835px;
}
.slideintext{width:300px; margin-left:-30px; margin-top:-35px;position:absolute; color: #999999; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#list{
	/* Every thumbnail is a li element */
	margin-top:-105px;
	width:100px;
	display:inline-block;
	list-style:none;
	height:100px;
	overflow:hidden;
	padding-left: 5px;
}

#list.act,#list.act:hover{
	/* The active state of the thumb */
	background: url(../images/active_bg.png) center bottom no-repeat;
	height:110px;
	width:100px;
	padding-left:5px;
}

#list.act a{
	cursor:default;
}

a img{
	border:none;
}


/* The styles below are only necessary for the demo page */

#main{
	/* The main container */
	text-align:center;
	width:500px;
	position:relative;
}