/* **** General Formatting **** */

html, body {
    min-height: 100%;
    width: 100%;
    height: 100%;
    }

body {
    margin: 0;
    background-color:#444341;
	}
#container {
    position: relative;
    min-height: 100%;
}
a, a:visited, a:hover, a:active {
	text-decoration: none;
	color:#8f8d89;
	}

/* **** Content and Navigation **** */

div#nav {position:absolute; margin: 545px 0 0 0; padding:.5em 0 .5em 0;}
/* border-top:1px solid #000; border-bottom:1px solid #000; */

/* div#nav ul {margin-top:0; margin-bottom:.8em;}
div#nav li {margin-bottom:.5em; font-weight:bold; font-size:.5em;}	
*/


#frame {position:absolute;left:50%; width:770px; margin-left:-380px;top:50%;height:655px;margin-top:-360px;background:#444341;
	 border:1px solid #676663;}

		
div#content {height:480px; width:730px; margin: 10px 10px 0px 10px; padding: 10px; border:0px solid #444; }

div#content p {font-size:.8em;
	font:16px/18px Garamond, Arial, sans-serif;
	margin:0px 55px 16px 0px;
	padding:0px;}


.bio {
		font:16px/18px Garamond, Arial, sans-serif;
		margin: 35px 15px 0 15px;
		padding:0px;
		font-size:85%;
}

.center {
		text-align:center;
		padding: 8px 0 8px 0;
		font:14px/16px Garamond, Arial, sans-serif;
		font-size:1.5em;
		color:#8f8d89;
}

.contact {
		position:relative;
		text-align:center;
		padding: 8px 0px 8px 0px;
		margin:50px 0px 0px 450px;
		font:14px/16px Garamond, Arial, sans-serif;
		font-size:1.25em;

}

.button
        {
	    font:14px/16px Garamond, Arial, sans-serif;
	    font-weight:bold;
	    color:#676663;
	    width: 100px;
          padding: 1px 0 0 15px;
          margin: 1px;
          cursor: pointer;
        }


/* **** Gallery **** */

/* style the outer containing div to fit the landscape, portrait and buttons */

#album {
position:absolute; margin: 45px 10px 0 10px; padding: 10px;
/* background-image:url('images/background.jpg');*/
width:730px; 
height:480px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin: 490px 0 0 175px; 
list-style-type:none;
/* position:relative; */
position:absolute; 
width:390px;
/* Old width:560px; */
}

/* remove the default image border */
.gallery img {
border:0;
}

/* make the list horizontal */
.gallery li {
float:left;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#8f8d89; 
background:#444341; 
text-align:center; 
width:20px; 
height:20px; 
line-height:20px; 
margin:2px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img.hidden {
position:absolute; 
top:-500px;
left:-185px;
/* Above positioning tied to .gallery margin */
visibility:hidden; 
border:0;
}

/* TEST loading image
.gallery img.preload {
position:absolute; 
top:-500px;
left:-100px;
visibility:hidden; 
border:0;
}


/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:hover img {
visibility:visible;
}