/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	
	border:1px solid white;
	
	background:url(images/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:691px;
	overflow:hidden; clear:both;
}

#slides{
	/* This is the slide area */
	height:269px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:77px;
}

#menu ul{
	margin:1px 0  0 0px;
	padding:0px; background:url(../images/tab-bg.png) no-repeat center top; text-align:center; height:77px;
}

#menu li{
	/* Every thumbnail is a li element */
	width:135px;
	display:inline-block;
	list-style:none;
	height:77px;
	overflow:hidden;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(images/pic_bg.png) repeat;
}

#menu li.act,li.act:hover{
	/* The active state of the thumb */ color:#df2f35 !important;
}

#menu li.act a{
	cursor:default; color:#df2f35;
}

#menu li a:hover{color:#df2f35;}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	/*background:url(images/divider.png) no-repeat right;*/
}

#menu li a{
	display:block;
	/*background:url(images/divider.png) no-repeat right;*/
	height:35px;
	padding-top:5px; text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:bold; color:#4a4a4a;
}

#menu a img{
	border:none;
}


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


.services-name-b
{clear:both; padding:14px 0 0 3px; margin:-20px 0px 0 0px; z-index:1; position:relative;}

.services-name-b li
{
 text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:bold; color:#4a4a4a; float:left; height:35px; width:137px; text-align:center;
}

.services-name-b li a{color:#4a4a4a; height:35px;  overflow:hidden}

.services-name-b li a:hover{ color:#df2f35;}