@charset "UTF-8";
/*=============================================================
* CSS Document
*
* Filename: pjm_photo_gallery_reinstall_02.css
* Website: www.pjmorgans.com
* Author: Azzcat Design
* Date: 09/02/2008
* Media: screen
*
* Description: This is the edited version of Stu Nicholis' style sheet for photographic gallery. Each gallery in site requires its own style, sized to photo area and links display area.
*==============================================================*/

/* NOTE: THIS VERSION DOES NOT INCLUDE CAPTION/SPAN SELECTOR DESCRIPTIONS. SEE SUBFOLDER 'GALLERY STYLES WITH SPAN CAPTION RULES' IF CAPTIONS ARE TO BE INCLUDED AT LATER DATE */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== 

Not so simple photo gallery */

#gallery_reinstall_02 {
	width:400px;
	height:360px;
	position:relative;
	margin:0 10px 1.5em 10px;
	float: right;	
}

#gallery_reinstall_02 b.default {
	position:absolute;  
	top:60px;
	right:0; 
	width:400px; 
	height:300px; 
	text-align:center;
}

#gallery_reinstall_02 b.default img {
	display:block;
	border-top: thin outset #F2F3CA;
	border-right: thin outset #666666;
	border-bottom: thin outset #666666;
	border-left: thin outset #F2F3CA;
}

#gallery_reinstall_02 ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	width:400px; 
	position:relative; 
	float:left;
}

#gallery_reinstall_02 ul li {
	display:inline; 
	width:52px; 
	height:52px; 
	float:left; 
	margin:0 5px 5px 0;
}

#gallery_reinstall_02 ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	border-top: 1px solid #F2F3CA; 
	border-right: 1px solid #555;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #555;
}

#gallery_reinstall_02 ul li a img {
	display:block; 
	width:50px; 
	height:50px;
	border:0;
}

#gallery_reinstall_02 ul li a:hover {
	white-space:normal;
	border-top: 1px solid #F2F3CA; 
	border-right: 1px solid #555;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #555; 
	background:#F2F3CA;
}

#gallery_reinstall_02 ul li a:hover b {
	position:absolute; 
	left:0; 
	top:60px; 
	width:402px; 
	height:302px; 
	text-align:center; 
	background:#F2F3CA; 
	z-index:20;
}
	
#gallery_reinstall_02 ul li a:hover img {
	margin:0 auto 10px auto; 
	width:auto; height:auto; 
	border-top: 1px solid #F2F3CA; 
	border-right: 1px solid #555;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #555;
}

#gallery_reinstall_02 ul li a:active, #gallery_reinstall_02 ul li a:focus {
	white-space:normal; 
	border-top: 1px solid #555;
	border-top: 1px solid #F2F3CA; 
	border-right: 1px solid #555;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #555;
}

#gallery_reinstall_02 ul li a:active b, #gallery_reinstall_02 ul li a:focus b {
	position:absolute; 
	left:0; 
	top:60px; 
	width:402px; 
	height:302px; 
	text-align:center; 
	background:#F2F3CA;
	z-index:10;
}

#gallery_reinstall_02 ul li a:active img, #gallery_reinstall_02 ul li a:focus img{
	margin:0 auto 10px auto; 
	width:auto; height:auto; 
	border-top: 1px solid #F2F3CA; 
	border-right: 1px solid #555;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #555;
}