@charset "iso-8859-1";
/* Title:      Photo Gallery, Author: M. Yakas   Updated: January 12 2007 */

/* ____________________ PAGE BODY / General Selectors _________________________________ */
* { margin: 0px; padding: 0px; }
body {	
margin: 40px 0px 10px 0px;	
color: #909090;	background: #CECECE ;	
font-family: Arial, Helvetica, sans-serif;	
font-weight: normal;	
font-size: 11px;  }

p {
font-size:11px; 
color: #909090; 
margin: 0px; 
padding: 0px; 
word-spacing:1px; 
letter-spacing:0px;
line-height: 14px; }

h1 {
font-size:20px; 
color: #CECECE; 
margin: 0px; 
padding: 0px; 
word-spacing:1px; 
letter-spacing:0px;
line-height: 28px;
font-weight: normal; 
border-top: 1px dotted #CECECE; 
border-bottom: 1px dotted #CECECE; }

h2 {
font-size:14px; 
color: #909090; 
margin: 2px; 
padding: 0px; 
word-spacing:1px; 
letter-spacing:0px;
line-height: 18px;
font-weight: normal; }


/* ------------------- home Styles --------------------------- */
#MainPicContainerHome{
margin-top:60px;
margin-left:30px;
padding:0px;
float:left;
width: 440px; height:440px; 
display:inline; 
position: relative;}
	
#Logo img {	border: none;}

#maincontainblock{
padding: 5px 0px 0px 5px;
margin-bottom:20px;	
float: left;
width: 400px; height: auto;
background: #FFFFFF; 	
display: inline;}


/* ______________________ CONTAINERS / ID's _____________________________ */
#MainContainer{
position: relative;	
margin: 0px auto; 
padding:0px 0px 10px 0px;	
width: 710px; 
height:auto;  
background: #FFFFFF;
border:1px solid #CECECE; 
overflow: hidden; }

#MainTextContainer{
font-size:14px;
font-family: Arial, Helvetica, sans-serif;	
margin-left:20px;
padding:0px;
float:left;
width: 350px; height:530px; 
display:inline; 
position: relative;}

#MainPicContainer{
margin-left:35px;
padding:0px;
float:left;
width: 440px; height:500px; 
display:inline; 
position: relative;}

#NavContainer{
margin: 20px 33px 0px 0px;
padding: 0px;
float: right;
width: 185px; height: 230px; 
display:inline; }

#NavContainer #Logo{position:relative;margin: 0px 0px 30px 0px;width: 180px;float: left;display: inline;text-align: center;}
#NavContainer #Logo img{ text-decoration: none; border: none; }

#NavListMenu{  float: left; margin: 0px 0px 0px 0px; clear: none; }
#NavListMenu .navlist{margin:0px;padding:0px;}
#NavListMenu .navlist ul, #NavListMenu .navlist li{margin:0px;padding: 0px;display: inline;list-style-type: none; float: left; }
#NavListMenu .navlist a:link, #NavListMenu .navlist a:visited{float: left; font-weight:bold;margin:0px;text-decoration: none;color: #3D4774;}
#NavListMenu .navlist a:link#current, #NavListMenu .navlist a:visited#current, #NavListMenu .navlist a:hover{border-bottom: 3px solid #CCCCCC;padding:0px 0px 1px 0px;color: #3D4774;}
#NavListMenu .navlist  p{ margin:0px 3px 0px 3px; padding: 0px; display: inline ; vertical-align: top;}

#PicCatMenu{ float: left; margin: 45px 0px 0px 20px;  padding:0px;  width:160px; display: inline; border:0px solid;}
#PicCatMenu a,#PicCatMenu p{  width: 70px; height:20px; display: block;  float: left; border:0px solid;}
#PicCatMenu a:hover{width: 70px; height:20px; }

/*----------------------------------------- ThumbNails Start --------------------------------------- */
#PicCatMenu a.flowers{background-image: url(../images/flowersgray.gif); width:84px;}
#PicCatMenu a.flowers:hover,#PicCatMenu .flowers{background-image: url(../images/flowersblu.gif); background-repeat: no-repeat} 

#PicCatMenu a.plants{background-image: url(../images/plantsgray.gif);background-repeat:no-repeat;}
#PicCatMenu a.plants:hover,#PicCatMenu .fauna{background-image: url(../images/plantsblu.gif);background-repeat:no-repeat;} 

#PicCatMenu a.travel{background-image: url(../images/travelgray.gif); width:78px;}
#PicCatMenu a.travel:hover,#PicCatMenu .travel{background-image: url(../images/travelblu.gif); background-repeat: no-repeat} 

#PicCatMenu a.people{background-image: url(../images/peoplegray.gif); width:78px;}
#PicCatMenu a.people:hover,#PicCatMenu .people{background-image: url(../images/peopleblu.gif);background-repeat:no-repeat;}

#PicCatMenu a.events{background-image: url(../images/eventsgray.gif);background-repeat:no-repeat;}
#PicCatMenu a.events:hover,#PicCatMenu .events{background-image: url(../images/eventsblu.gif); background-repeat:no-repeat;} 

#PicCatMenu a.wildlife{background-image: url(../images/wildlifegray.gif); width:84px;}
#PicCatMenu a.wildlife:hover,#PicCatMenu .landscapes{background-image: url(../images/wildlifeblu.gif);}

#PicCatMenu a.landscapes{background-image: url(../images/landscapegray.gif); background-repeat:no-repeat;}
#PicCatMenu a.landscapes:hover,#PicCatMenu .landscapes{background-image: url(../images/landscapeblu.gif);}

#PicCatMenu a.yearinrev{background-image: url(../images/yearinpicblu.gif);  width:160px;}
#PicCatMenu a.yearinrev:hover,#PicCatMenu .yearinrev{background-image: url(../images/yearinpicblu.gif);}

/*----------------------------------------- ThumbNails End --------------------------------------- */

#MainPic 
{ position: absolute; 
bottom:0px; 
float:left; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
text-align: center;}

#MainPic img 
{ border:1px solid #999999; padding:5px; margin: 0px 0px 0px 0px; }

#MainPic p
{ float: left; display: block;
color: #999999;
text-align: center;
width:440px;  
margin: 0px 0px 25px 0px; 
padding: 0px 0px 0px 0px;}

#MainContent p{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 135%;
 text-align: left;
 width: 380px;
 margin: 240px 0px 80px 30px; 
color: #3D4774;}

#MainPic strong
{ font-size:11px; color: #3D4774 }

/* ------------------------------------------------------------------------------------- */

#ThumbNails{margin: 0px 0px 0px 49px ;padding:0px; float:left; display:inline; width: 130px; }
#ThumbNails a{ text-decoration: none;}
#ThumbNails a:hover{ text-decoration: none;}
#ThumbNails .gallerycontainer{margin: 0px 0px 5px 0px ;padding:0px; float:left; }
#ThumbNails .gallerycontainer .thumbnail:hover{background-color: transparent;} /* Needed */

#ThumbNails .gallerycontainer .thumbnail .tnImg{border: 0px solid #E4E4E4; padding: 0px; margin-right:5px; float: left;filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0; }
#ThumbNails .gallerycontainer .thumbnail:hover .tnImg{border: none; padding: 0px; margin-right: 5px;filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

/* Main Pic */
#ThumbNails .gallerycontainer .thumbnail:hover span{margin:0px; padding:80px 0px 0px 0px;visibility: visible;bottom: 10px;left: 30px; text-align: center; background-color:White;} 
#ThumbNails .gallerycontainer .thumbnail:hover img{border: 1px solid #999999; padding: 5px;}

#ThumbNails .gallerycontainer .thumbnail span{ width: 440px; position: absolute;padding: 0px;left: 0px; bottom:0px; visibility: hidden; text-align: center;} 
#ThumbNails .gallerycontainer .thumbnail span p{ float: left; text-align: center;width:440px;  margin:0px 0px 0px 0px; padding:10px 0px 25px 0px;}
#ThumbNails .gallerycontainer .thumbnail span strong{ font-size:11px; color: #3D4774 }

/*----------------------------------------- Numbering --------------------------------------- */
#Pagination{  float: left; margin: 5px 0px 0px 0px; clear: none;  }
#Pagination .navlist { margin:0px;padding:0px;}
#Pagination .navlist ul, #Pagination .navlist li { margin:0px;padding: 0px;display: inline;list-style-type: none; float: left;  }
#Pagination .navlist a:link, #Pagination .navlist a:visited {float: left; font-weight:bold;margin:0px;text-decoration: none;color: #909090;}
#Pagination .navlist a:link#current, #Pagination .navlist a:visited#current, #Pagination .navlist a:hover {padding:0px 0px 0px 0px;color: #3D4774;}
#Pagination .navlist  p { margin:0px 5px 0px 2px; padding: 0px; display: inline ; vertical-align: top;}


#Footer{margin: 10px 0px 0px 290px; background-color: #CECECE;	height: 25px; width: 600px;}
#Footer p{	padding: 20px 0px 0px 20px;font-size: 10px;}