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

 
/*-------gallery1, 2 and 3 page title---------*/
.gallery1  #content_main h2 {
	background: url(../images/gallery_1/page_title.png) no-repeat left top;
	text-indent: -9999px;
}
.gallery2  #content_main h2 {
	background: url(../images/gallery_2/nubian_page_title.png)  no-repeat left top;
	text-indent: -9999px;
}
.gallery3  #content_main h2 {
	background: url(../images/gallery_3/fisherman_page_title.png) no-repeat left top;
	text-indent: -9999px;
}
/* The containing box for the gallery. */
.gallery1 #container {
	background: url(../images/gallery_1/warrior_default.jpg) no-repeat 10px 15px;
	position:relative;
	height:500px;
	margin:25px auto 0;
		
}
.gallery2 #container {
	background: url(../images/gallery_2/nub_default.jpg) no-repeat 10px 15px;
	position:relative;
	height:500px;
	margin:25px auto 0;

		
}
.gallery3 #container {
	background: url(../images/gallery_3/fisherman_default.jpg) no-repeat 10px 15px;
	position:relative;
	height:500px;
	margin:25px auto 0;

		
}
 .gallery2 #content_main h1, .gallery1 #content_main h1 .gallery3 #content_main h1{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/*------------------------------------------------move these styles------------*/


/* Removing the list bullets and indentation */ 
#container ul { 
	padding:0; 
	margin:0; 
	list-style-type:none; 
}
		
/* Remove the images and text from sight */ 
#container a.gallery span { 
	position:absolute; 
	width:1px; 
	height:1px; 
	top:-1px; 
	left:-1px; 
	overflow:hidden; 
	background:#fff; 
} 
.gallery2    #container   .gallery   span    {
}
		
/* -------------------------Adding the thumbnail(s) images for each gallery page ------------------*/ 

#container a.gallery, #container a.gallery:visited {
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #7f7f26;  /*Olive green color*/
	margin:0.5px 0.5px 0.5px 0.5px;
	text-align:left;
	cursor:default;
	    } 
/*---start thumbnail 1--all galleries*/
.gallery1 #container a.slidea {
	background: url(../images/gallery_1/thumbs/warrior1_thumb.jpg) no-repeat;
	height:100px;
	width:100px;
}
		
.gallery2 #container a.slidea {
	background: url(../images/gallery_2/thumbs/nub_thm_1.jpg) no-repeat;
	height:100px;
	width:100px;
} 
.gallery3 #container a.slidea {
	background: url(../images/gallery_3/thumbs/thumb1.jpg) no-repeat;
	height:100px;
	width:100px;
}
/*---end thumbnail 1*/ 			 
.gallery1 #container a.slideb { 
	 background: url(../images/gallery_1/thumbs/warrior2_thumb.jpg) no-repeat; 
	 height:100px; 
	 width:100px; 
}
.gallery2 #container a.slideb { 
	 background: url(../images/gallery_2/thumbs/nub_thm_2.jpg) no-repeat; 
	 height:100px; 
	 width:100px; 
}
.gallery3 #container a.slideb { 
	 background: url(../images/gallery_3/thumbs/thumb2.jpg) no-repeat; 
	 height:100px; 
	 width:100px; 
}
/*---end thumbnail 2*/ 
.gallery1 #container a.slidec { 
	 background: url(../images/gallery_1/thumbs/warrior3_thumb.jpg) no-repeat; 
     height:100px;
	 width:100px; 
		
}
.gallery2 #container a.slidec { 
	 background: url(../images/gallery_2/thumbs/nub_thm_3.jpg) no-repeat; 
	 height:100px;
	 width:100px; 		
}
 .gallery3 #container a.slidec { 
	 background: url(../images/gallery_3/thumbs/thumb3.jpg) no-repeat; 
	 height:100px;
	 width:100px; 		
}
 /*---end thumbnail 3*/  
.gallery1 #container a.slided {
	 background: url(../images/gallery_1/thumbs/warrior4_thumb.jpg) no-repeat;
	 height:100px;
	 width:100px;	
}
.gallery2 #container a.slided {
	 background: url(../images/gallery_2/thumbs/nub_thm_4.jpg) no-repeat;
	 height:100px;
	 width:100px;	
}
.gallery3 #container a.slided {
	 background: url(../images/gallery_3/thumbs/thumb4.jpg) no-repeat;
	 height:100px;
	 width:100px;	
}
 /*---end thumbnail 4*/ 
* html #container a.slided { 
	  width:91px; 
	  w\idth:93px; 
} 
.gallery1 #container a.slidee {
	background: url(../images/gallery_1/thumbs/warrior5_thumb.jpg) no-repeat;
	height:100px;
	width:100px;
}
.gallery2 #container a.slidee {
	background: url(../images/gallery_2/thumbs/nub_thm_5.jpg) no-repeat;
	height:100px;
	width:100px;
}
.gallery3 #container a.slidee {
	background: url(../images/gallery_3/thumbs/thumb5.jpg) no-repeat;
	height:100px;
	width:100px;
}
 /*---end thumbnail 5*/
.gallery1 #container a.slidef {
	background: url(../images/gallery_1/thumbs/warrior6_thumb.jpg) no-repeat;
	height:100px;
	width:100px;
}
.gallery2 #container a.slidef {
	background: url(../images/gallery_2/thumbs/nub_thm_6.jpg) no-repeat;
	height:100px;
	width:100px;
}
.gallery3 #container a.slidef {
	background: url(../images/gallery_3/thumbs/thumb6.jpg) no-repeat;
	height:100px;
	width:100px;
}
 /*--------------end thumbnail 6*/
* html #container a.slidef { 
	 width:91px; 
	 w\idth:93px; 
} 
.gallery1 #container a.slideg {
	background: url(../images/gallery_1/thumbs/warrior7_thumb.jpg) no-repeat;
	height:100px;
	width:100px;
} 
.gallery2 #container a.slideg {
	background: #75673E url(../images/gallery_2/thumbs/nub_thm_7.jpg) no-repeat;
	height:100px;
	width:100px;
} 
.gallery3 #container a.slideg {
	background: #75673E url(../images/gallery_3/thumbs/thumb7.jpg) no-repeat;
	height:100px;
	width:100px;
}
/*---------------end thumbnail 7*/ 
.gallery1 #container a.slideh { 
	    background: url(../images/gallery_1/thumbs/warrior8_thumb.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
.gallery2 #container a.slideh { 
	    background: url(../images/gallery_2/thumbs/nub_thm_8.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
} 
.gallery3 #container a.slideh { 
	    background: url(../images/gallery_3/thumbs/thumb8.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
/*---------------end thumbnail 8*/     
.gallery1 #container a.slidei { 
	    background: url(../images/gallery_1/thumbs/warrior9_thumb.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
} 
.gallery2 #container a.slidei { 
	    background: url(../images/gallery_2/thumbs/nub_thm_9.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
} 
.gallery3 #container a.slidei { 
	    background: url(../images/gallery_3/thumbs/thumb9.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
 /*---------------end thumbnail 9*/
 .gallery2 #container a.slidej { 
	    background: url(../images/gallery_2/thumbs/nub_thm_10.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
.gallery3 #container a.slidej { 
	    background: url(../images/gallery_3/thumbs/thumb10.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
/*----end thumbnail 10------*/ 
.gallery2 #container a.slidek { 
	    background: url(../images/gallery_2/thumbs/nub_thm_11.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
.gallery3 #container a.slidek { 
	    background: url(../images/gallery_3/thumbs/thumb11.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
/*----end thumbnail 11------*/ 
.gallery2 #container a.slidel { 
	    background: url(../images/gallery_2/thumbs/nub_thm_12.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
.gallery3 #container a.slidel { 
	    background: url(../images/gallery_3/thumbs/thumb12.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
/*----end thumbnail 12------*/ 

.gallery2 #container a.slidem { 
	    background: url(../images/gallery_2/thumbs/nub_thm_12.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}

/*----end thumbnail 13------*/ 
.gallery2 #container a.sliden { 
	    background: url(../images/gallery_2/thumbs/nub_thm_14.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
/*----end thumbnail 14------*/ 
.gallery2 #container a.slideo { 
	    background: url(../images/gallery_2/thumbs/nub_thm_15.jpg) no-repeat; 
	    height:100px; 
	    width:100px; 
}
/*----end thumbnail 15------*/ 		
		/* set the size of the unordered list to neatly house the thumbnails */ 
	#container ul {
	width:318px;
	height:318px;
	border-top: thin #000033;
	border-right: thin #000033;
	border-bottom: thin #000033;
	border-left: thin #000033;
	/*padding: 5px;*/
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 50px;
	background: #300D07;
 } 
 .gallery2 #container ul {
 	height:418px;
	padding-bottom: 13px;
 }
 .gallery3 #container ul {
 	height:418px;
	padding-bottom: 13px;
 }
#container li {
	float:left;
	margin: 1px;
	    } 
		
		/* move the thumbnails into the correct position */ 
#container ul { 
	    margin-top:45px;
	    float:right; 
	    } 
		
.gallery2 #container ul {
 	margin-top:15px;
 }
.gallery3 #container ul {
 	margin-top:15px;
 } 	
		/*-----------------------------------------Images not Yet in html------------------------------------------------*/
	/*
	
	#container a.slidej { 
	    background:url(../images/p10_t.jpg); 
	    height:93px; 
	    width:60px; 
	    } 
	#container a.slidek { 
	    background:url(../images/p11_t.jpg); 
	    height:60px; 
	    width:93px; 
	    } 
	* html #container a.slidek { 
	    width:91px; 
	    w\idth:93px; 
	    } 
	#container a.slidel { 
	    background:url(../images/p12_t.jpg); 
	    height:60px; 
	    width:93px; 
	    } 
*/

/* change the thumbnail border color */ 
	#container a.gallery:hover {
	border:1px solid #F4F2A8;
	    } 

	/*-----------------------------------styling the :hover span / main image----------------------------------------------*/ 
	#container a.gallery:hover span {
	position:absolute;
	width:460px;
	height:475px;
	top:15px;
	left:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	/*background:#5f1515;*/
/***********************Fix this background gallery3_background image below****************/
	background: #75673E url(../images/gallery_3/gallery3_background.jpg);
} 
/*----------------------------------------*****gallery 1,2,3 main image styles****--------------------------------*/		
.gallery1 #container a.gallery:hover img {

	border:1px solid #300D07;
	float:left;
	margin-right:25px;
}
.gallery2 #container a.gallery:hover img {

	border:1px solid #300D07;
	float:left;
	margin-right:25px;
}
.gallery3 #container a.gallery:hover img {

	border:1px solid #300D07;
	float:left;
	margin-right:25px;
}

.gallery1 #content_main h1 {
	background: url(../images/gallery_1/warriortitle.png) no-repeat left top;
	margin-left: 25px;
	text-indent: -9999px;
}
#content_main   #container  span   {
	color: #350000;
	font-weight: bold;
	text-align: left;
}