/******** Main Gallery Page ********/
#gallery {
	padding : 0; 
    margin-left : 10px; 
	margin-top : 10px;
	list-style-type : none; 
	overflow : hidden; 
	width : 359px;
	height : 240px;
	border : 1px solid #93b7cb; 
	background-color : #000;
	color : inherit;
	background-image : url('galleries/images/legend.jpg');
	background-repeat : no-repeat;
	background-position : right 50%;
}
  
#gallery li {
	float : left;
}
  
#gallery li a {
	display : block; 
	width : 30px;
	height : 240px;
	float : left; 
	text-decoration : none; 
	border-bottom : 1px solid #fff; 
	cursor : default;
}
  
#gallery li a img {
	width : 30px;
	height : 240px;
	border : 0px none;
}
  
#gallery li a:hover {
	background-color : #eee; 
	color : inherit;
	width : 239px;
}
  
#gallery li a:hover img {
	width : 239px;
}
/******** End Main Gallery Page ********/


/******** Individual Gallery Containers ********/

#container {
	position : relative; 
	width : 595px; 
	height : 390px; 
	border : 1px solid #93b7cb; 
	margin : 5px 0px 20px 0px; 
}

#container ul {
	width : 198px; 
	height : 386px; 
	padding : 0; 
	margin : 1px; 
	list-style-type : none; 
	float : right;
}

#container li {
	float : left;
}

#container a.gallery, #container a.gallery:visited {
	display : block; 
	color : #000; 
	background-color : inherit;
	text-decoration : none; 
	border : 1px solid #93b7cb; 
	margin : 1px 2px 1px 2px; 
	text-align : left; 
	cursor : default;
}

#container a.slidea {
	height : 93px; 
	width : 60px;
}

#container a.slideb {
	height : 93px; 
	width : 60px;
}

#container a.slidec {
	height : 93px; 
	width : 60px;
}

#container a.slided {
	height : 60px; 
	width : 93px;
}

/* * html #container a.slided {
	width : 91px; 
	w\idth : 93px;
}*/

#container a.slidee {
	height : 60px; 
	width : 93px;
}

#container a.slidef {
	height : 60px; 
	width : 93px;
}

/* * html #container a.slidef {
	width : 91px; 
	w\idth : 93px;
}*/

#container a.slideg {
	height : 60px; 
	width : 93px;
}

#container a.slideh {
	height : 93px; 
	width : 60px;
}

#container a.slidei {
	height : 93px; 
	width : 60px;
}

#container a.slidej {
	height : 93px; 
	width : 60px;
}

#container a.slidek {
	height : 60px; 
	width : 93px;
}

/* * html #container a.slidek {
    width : 91px; 
	w\idth : 93px;
}*/

#container a.slidel {
	height : 60px; 
	width : 93px;
}


#container a.gallery span {
	position : absolute; 
	width : 0px; /* Set to 0 to get rid of stray pixel*/
	height : 0px; /* Set to 0 to get rid of stray pixel*/
	top : 5px; 
	left : 5px; 
	overflow : hidden;
}

#container a.gallery:hover {
	border : 1px solid #fff;
}

#container a.gallery:hover img {
	border : 1px solid #93b7cb; 
	float : left; 
	margin-right : 5px;
}

#container a.slideb:hover img, #container a.slidei:hover img {
	float : right;
}

#container a.gallery:hover span {
	position : absolute; 
	width : 362px; 
	height : 362px; 
	top : 18px; 
	left : 18px; 
	color : #fff; 
	background : #000;
}

/******** End Individual Gallery Containers ********/