/* CSS Document - etw2004 */


.pagecontentWrapperGallery
{
	color: #bd8a1e;
}

.pagecontentWrapperGallery p
{
	margin: 0px 0px 1em 0px !important;
}


.pagecontentWrapperGallery a, a:visited
{
	color-: #00f ;
}


.pagecontentWrapperGallery .gallery
{
	width: 98%;
	margin: 10px auto;
	position: relative;
	background-color-: #555;
}


.pagecontentWrapperGallery .sorting
{
	margin: 0 0px 15px 0px;
	border:1px solid #6d4d2e;
	background-color: rgba(0,0,0,.5);
}


.pagecontentWrapperGallery .sorting span
{
	padding:  0px 20px 0px 0px;
	color: #6d4d2e;
	font-style: italic;
}


.pagecontentWrapperGallery .sorting div
{
	margin: 10px 0px 10px 10px;
}


.pagecontentWrapperGallery .gallery .sorting a
{
	color: #fff;
	font-size: .85em;
	text-decoration:  none;
	text-transform: uppercase;
	padding: 3px 20px 3px 20px;
	background: url(../images/check_normal.gif) no-repeat 0px 3px; 
}


.pagecontentWrapperGallery .gallery .sorting a:hover
{
	color: #e5aa2c;
}


.pagecontentWrapperGallery .gallery .sorting a.selected
{
	color: #e5aa2c;
	background-image: url(../images/check_selected.gif);
}


.pagecontentWrapperGallery .gallery .photos .thumbnail_container
{
	position: relative;
	background-color-: #777;

}


.pagecontentWrapperGallery .gallery .photos .thumbnail_container a.thumbnail
{
	position: absolute;
}


.pagecontentWrapperGallery .gallery .photos .thumbnail_container a.thumbnail img
{
	width: 75px;
	height: 75px;
	border: 1px solid #6d4d2e;
}

.clear_both
{
	clear: both;
	line-height: 1px;
}


.pagecontentWrapperGallery .gallery .photos
{
	background-color-: #555;
}


/* Vertical */
@media screen and (min-height: 50px) and (max-height: 520px) {}
@media screen and (min-height: 521px) and (max-height: 700px) {}
@media screen and (min-height: 701px) {}



/* Horizontal */
@media screen and (min-width: 50px) and (max-width: 500px) 
{
   .pagecontentWrapperGallery .gallery 
   {
   	  width: auto;
   	  margin-left:  35px;
   }
    .pagecontentWrapperGallery .gallery .sorting span
    {
    	display: block;
    	color: #e5aa2c;
    	padding: 0px opx 20px 0px;
    }
    .pagecontentWrapperGallery .gallery .sorting a
    {
    	display: block;

    }
}


@media screen and (min-width: 521px) and (max-width: 960px) 
{
	.pagecontentWrapperGallery .gallery .sorting span
	{
		display: block;
		padding: 0px 0px 20px 0px;
	}
	.pagecontentWrapperGallery .gallery .sorting a
	{
		display: block;
		width: 35%;
		float: left;
		margin-bottom: 5px;
	}
}


@media screen and (min-width: 961px) 
{
    .pagecontentWrapperGallery .gallery .sorting span
    {
    	padding: 0px 20px 0px 0px;
    }
}