body {text-align:center; font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.05em;}

/* The containing box for the gallery. */

#container {position:relative; width:770px; height:396px; margin:20px auto 0 auto; border:1px solid #aaa; background:#fff;}

#container ul {
width:80px;
height:306px; padding:0;  margin:5px; list-style-type:none; float:right;
position:absolute; top: 30px; left: 650px;
}


#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#edede3; text-decoration:none; border:1px solid #edede3; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(../images/Weddings/wl1_t.jpg); height:57px; width:80px;}
#container a.slideb {background:url(../images/maternity/mp2_t.jpg); height:60px; width:80px;}
#container a.slidec {background:url(../images/maternity/mp3_t.jpg); height:60px; width:80px;}
#container a.slided {background:url(../images/maternity/mp4_t.jpg); height:60px; width:80px;}
#container a.slidee {background:url(../images/maternity/mp5_t.jpg); height:60px; width:80px;}
#container a.slidef {background:url(../images/maternity/mp6_t.jpg); height:60px; width:80px;}

/*
#container a.slideg {background:url(../images/maternity/mp7_t.jpg); height:80px; width:60px;}
#container a.slideh {background:url(../images/maternity/mp8_t.jpg); height:80px; width:60px;}
#container a.slidei {background:url(../images/maternity/mp9_t.jpg); height:80px; width:60px;}
#container a.slidej {background:url(../images/maternity/mp10_t.jpg); height:80px; width:60px;}
#container a.slidek {background:url(../images/maternity/mp11_t.jpg); height:80px; width:60px;}
#container a.slidel {background:url(../images/maternity/mp12_t.jpg); height:80px; width:60px;}
*/
/* styling the hovers */
#container a.gallery:hover {border:1px solid #edede3;}
#container a.gallery:hover span {position:absolute; width:300px; height:215px; top:64px; left:-311px; color:#edede3; background:#fff;}
#container a.gallery:hover img {border:1px solid #edede3; float:left; margin-right:5px;}
#background {position:absolute; width:300px; height:215px; top:100px; left:342px; 
color:#edede3; background:#edede3 url(../images/Photographer1.jpg) 3px 1px no-repeat; border: 2;}
/*
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	width: 122 px;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	color: #aaa;
	padding-top: 8px;
	}
.nav a:link, .nav a:visited {
color: #aaa;
text-decoration: none;
}

.nav a:active, .nav a:hover {
font-size: 12px;
color: #C68C53;
text-decoration: none;
}

.nav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	
	line-height: normal;
	font-weight: bold;
	text-align: center;
	color: #edede3000;
	padding-top: 8px;
	text-decoration: none;
	}
.nav2 a:link, .nav2 a:visited {
color: #edede3000;
text-decoration: none;
}

.nav2 a:active, .nav2 a:hover {
font-size: 12px;
color: #C68C53;
text-decoration: none;
}

.next,.next a:active, .next a:hover, .next a:link, .next a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
color: #edede3000;
text-decoration: none;
}
#text_content {
	display: block;
	text-align: left;
	width: 330px;
	height: 288px;
	position: absolute;
	left: 9px;
	top: 80px;
	overflow: scroll;
	/*scrollbar-base-color: #aaa;
	border:1px solid #aaa;
}
#bottom_nav_container {
position: absolute;
	left: 0px;
	bottom: 1px; 
width:765px; 
height:10px; 
margin:20px auto 0 auto; 
border:1px solid #aaa; 
background:#fff url(images/nav_bk.gif) repeat-x;


}
#footnote_container {position:relative; width:770px; height:15px; margin:20px auto 0 auto; border:1px solid #aaa; background:#fff;}

</style>.nav a:active, .nav a:hover {
font-size: 12px;
color: #C68C53;
text-decoration: none;
}