/* --------------------- GALLERY CONTAINER ---------------------- */

#gallerycontainer {
background-color:	#eee;
width:			918px;
margin:			0 0 25px 0;
padding:		10px 0 0 10px;
border:			1px solid #999;
font-size:		130%;
font-weight:		bold;
overflow:		hidden;
}

#gallerycontainer ul {
margin: 		0;
padding: 		0;
}

#gallerycontainer ul li {
width:			220px;
height:			200px;
float: 			left;
list-style-type: 	none;
display: 		inline;
margin: 		0 9px 0 0;
padding: 		0;
overflow:		hidden;
}

#gallerycontainer ul li a.img {
display:		block;
background-color:	#ccc;
width:			218px;
height:			148px;
border:			1px solid #999;
margin: 		0 0 10px 0;
padding: 		0;
overflow:		hidden;
}

#gallerycontainer ul li a:hover.img {
filter:			progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 		0.8;
opacity:		0.8;
}

#gallerycontainer ul li a.button {
display:		block;
background:		url(../images/gallery/button.gif) no-repeat 0 0;
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		80%;
font-weight:		bold;
color:			#0099cc;
text-align:		left;
text-decoration:	none;
width:			195px;
height:			28px;
margin: 		0;
padding:		2px 0 0 25px;
overflow:		hidden;
}

#gallerycontainer ul li a:hover.button {
color:			#006699;
background-position:	0 -30px;
}






/* --------------------- GALLERY TABS ---------------------- */

ul.gallerytabs  {
display:		block;
width:			930px;
height:			35px;
}

ul.gallerytabs  {
list-style-type: 	none;
margin:			0;
padding:		0;
}

.gallerytabs li {
display:		inline;
margin:			0;
padding:		0;
}

.gallerytabs li a {
float:			left;
height:			35px;
background:		url(../images/gallerytabs/left_tab.gif) no-repeat left top;
margin:			0 10px 0 0;
padding:		0 0 0 15px;
font-family:            Tahoma, Arial, Verdana, sans-serif;
font-size: 		160%;
font-weight:		bold;
color:			#0099cc;
text-decoration:	none;
}

.gallerytabs li a span {
float:			left;
height:			30px;
display:		block;
background:		url(../images/gallerytabs/right_tab.gif) no-repeat right top;
padding:		5px 25px 0 10px;
}

.gallerytabs li a:hover {
color:			#006699;
}

.gallerytabs li a:hover {
background-position:	0% -100px;
}

.gallerytabs li a:hover span {
background-position:	100% -100px;
}

.gallerytabs li a.selected span {
color: 			#fff;
}

.gallerytabs li a.selected {
background-position:	0% -200px;
}

.gallerytabs li a.selected span {
background-position:	100% -200px;
}