/* CSS Document */

#gallery{
background-color:#FFFFFF;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	min-height:400px;

}

#gallery_text{ /* main text on page*/
float:left;
}



/******gallery list********/
#gallerys{
	margin-bottom:20px;
	display:inline;
	float:right;
}
#gallerys #pagination{
/*clear:both;
float:right;*/
padding-right:10px;
}

.gallery_name{
width:100px;
}
.gallery_name img{
margin:1px 5px 1px 5px;
border:1px solid #cccccc;
}
.gallery_name img:hover{
margin-top:0px;
margin-bottom:0px;
margin-left:4px;
margin-right:4px;
border:2px solid #66ccff;
}
.gallery_title{
margin-left:5px;
margin-bottom:10px;
margin-top:0px;
}
/******end gallery list********/





#gallery_box{ /* contains thumbnails and medium image */
/*padding:20px;
border: 1px solid #cccccc;*/
float:left;
width:630px;
}
#gallery_details strong{
padding:0px 0px 15px 0px;
font-size:20px;
text-transform:uppercase;
font-weight:normal;


text-decoration: none;
	font-size:14pt;
	color:#000000;
	margin-top:0px;
	margin-bottom:5px;
	font-weight:normal;
}




/***** thumbnails ********/

/* thumbs to left of medium image 
#thumbnails{
margin-top:20px;
width:400px;
float:left;
}
*/ 

/*thumbs below medium image*/
#thumbnails{
clear:both;
margin-top:20px;
}


.thumbnail{
float:left;
}
.thumbnail img{
margin:2px;
border: 1px solid #cccccc;
}
.thumbnail img:hover{
margin:1px;
border: 2px solid #66ccff;
}

.thumbnail img.thumb_selected{
margin:1px;
border: 2px solid #66ccff;
}
/***** end thumbnails ********/









/**** medium image *****/

#medium_image{
margin-top:10px;
border: 1px solid #cccccc;
}
#medium_image:hover{
}

/* medium to right of thumbs
#medium_image_container{
float:left;
}
*/
/*medium image above thumbs*/
#medium_image_container{
	margin-bottom:5px;
}


#medium_image_bgnd{
}

#medium_image_title{
	margin-top:10px;
display:none;
padding:5px;
font-weight:bold;
}
#medium_image_text{
display:none;
padding:5px;
}
/**** end medium image *****/


#gallery_buttons{}
#start_stop{
float:left;
}

#speed_buttons{
margin-left:20px;
float:left;
}
#speed_monitor{
background-color:#CCcccc;
width:30px;
height:6px;
}
#speed_box{
width:100px;
height:6px;
border:1px solid #666666;
}
#next_last{
clear:both;
}


/* *** pop up layer ************* */

#large_image_container{
background-color:#FFFFFF;
left:300px;
top:300px;
padding:0px;
margin:0px;
position:absolute;
overflow:visible; 
display:none;
z-index:1000;
border:2px solid #cccccc;
}


#large_image_title{
padding:5px;
font-weight:bold;
font-size:12px;
}
#large_image_text{
padding:5px;
}


#large_image_handle{
display:inherit;
background-color:#cccccc;
padding:2px;
cursor:move;
}


#close_top{
display:inherit;
/*
background-color:#666666;
padding:2px; */
float:right;
vertical-align:middle;
}
#close_top img{
padding:0px;
margin:2px;
}

/* *** end popup layer ************* */



@media screen and (max-width:800px) {

#gallery_box{
	width:100%;
}
.gallery_name{
	display:inline-block;
}

}