@charset "UTF-8";
/* CSS Document */

/*This is CSS for Gallery3signs Page*/

/* Stu Nicholls | CSSplay | Cross Browser Multi Page Photograph Gallery ================================================================ 
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.cssplay.co.uk/menu/lightbox.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.
http://www.cssplay.co.uk/menu/lightbox.html=================================================================== */


/* -----------------------------	common styling	---------------------------- */
a {
	color:#000;
	}

a:hover {
	text-decoration:none;
	}
	
a:visited {
	color:#000;
	}

/* -----------------------------	slides styling	----------------------------- */

.photo {
	width:635px; 
	text-align:left; 
	position:relative; 
	margin: 0px auto;
	}

.photo ul.topic {	
	padding:0; 
	margin:0; 
	list-style:none; 
	width:635px; 
	height:auto; 
	position:relative; 
	z-index:10;
	}

.photo ul.topic li {
	display:block; 
	width:104px; 
	height:31px; 
	float:left;}

.photo ul.topic li a.set {
	display:block; 
	font-size:11px; 
	width:103px; 
	height:30px; 
	text-align:center; 
	line-height:30px; 
	color:#e7d0b1;	/*color of text on right tabs*/ 
	text-decoration:none; 
	border:2px solid #e7d0b1;	/*border color around three sides of tabs*/ 
	border-width:1px 1px 0 0; 
	background:#893619;	/*background color of right 5 tabs behind text*/
	font-family:verdana, arial, sans-serif;
	}

.photo ul.topic li a ul, 
.photo ul.topic li ul {
	display:none;
	}

.photo ul.topic li.active a {
	color:#000;	/*color of active text in tabs*/
	background:#a45c2b;	/*color of default active tab*/
	}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a {
	color:#fff;	/*color of text for tabs while hovering*/ 
	background:#772710;/*background color of tab while hovering*/
	}
	
.photo ul.topic li.active ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:300px;	/*height of active gray box behind images*/
	background:#c58c5a;	/*inner border color around entire group of images*/ 
	width:483px;	/*width of active gray box behind images */
	padding:40px 60px;	/*padding around images inside of box*/ 
	border:10px solid #a45c2b;	/* outer border color around entire group of images on default*/  
	z-index:1;
	}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:300px; 
	background:#c58c5a;	/*inner border color around entire group of images on hover*/ 
	width:483px;	/*width of box behind images on hover*/
	padding:40px 60px; 
	border:10px solid #772710;	/* outer border color around entire group of images on hover*/ 
	z-index:100;
	}

.photo ul.topic li ul li {
	display:inline; 
	width:112px; 
	height:87px; 
	float:left; 
	border:1px solid #893619;	/*outer most-background color around thumbs*/ 
	margin:1px;
	}

.photo ul.topic li ul li a {
	display:block; 
	width:110px; 
	height:85px; 
	cursor:default; 
	float:left; 
	text-decoration:none; 
	background:#444;
	border:1px solid #c66;	/*2nd outer-most background color around thumbs*/
	}
.photo ul.topic li ul li a img {
	display:block; 
	width:100px;	/*width of original thumb*/
	height:75px;	/*height of original thumb*/ 
	border:5px solid #eee;	/*inner-most background color around thumbs*/
	}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {
	white-space:normal; 
	position:relative;
	}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {
	position:absolute; 
	left:-50px; /*positioning of thumb on hover*/
	top:-32px;	/*positioning of thumb on hover*/
	width:200px; 
	height:150px; 
	border-color:#fff;	/*border color around images on hover*/
	}
	
/*----------End Cross Browser Multi Page Photograph Gallery CSS----------------------------------*/