.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
margin-top: 20px;
margin-left: 5px;
text-align: left;
}

.thumbnail img{
border: 1px solid black;
margin: 0 18px 20px 0;
}

.thumbnail:hover{
background-color: transparent;
}
.thumbnail:focus img,
.thumbnail:active img,
.thumbnail:hover img{
-moz-outline: 0;
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}
.thumbnail:focus {
-moz-outline: 0;
}
.thumbnail:focus span,
.thumbnail:hover span,
.thumbnail:active span{ /*CSS for enlarged image*/

visibility: visible;
top: 380px;
left: 350px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.upper:focus span,				
.upper:hover span,
.upper:active span {
top: 50px;
left: 375px;
}

body {
color: #000;
background: #660000 no-repeat 0% 0%;
margin:0;
padding: 0;
text-align: center;
font: 100%/120% Verdana, arial, Helvetica;
}
#about {
background-image: url(images/butterfly.png);
}

html {
margin: 0;
padding: 0;
font: 100%/120% Verdana, arial, Helvetica;
}
h1, h2, h3, h4, h5, h6, p,
ul, ol, address{
margin: 1em 0;
padding: 0;
font: italic 100%/140%  Cambria, Georgia, serif;
}
h1 {position: relative; height: 103px; margin: 0;}
h1 img {
position:absolute;
top:0;
left:0;
width:680px;
height:115px;
background:transparent url(images/landscapes2.jpg) no-repeat;
}


#about h1 img{
background: transparent url(images/about.gif) no-repeat;
}

#wrapper {
width: 1050px;
margin: 0 auto;
}

#banner {
	margin-top: 40px;
	margin-bottom: 1px;
	height: 30px;
	margin-right: 71px;
	
}
* html #banner {margin-bottom: 0px;}
#banner ul {

	margin: 0;
	padding: 0px;
	list-style: none;
}
#banner li {
	display: inline;
	float: right;
	margin-right: 5px;
	padding-bottom: 0em; /* to display bottom border on links in IE */
	border: 1px solid #ffffcc;	
	
}
#sitetools li
{
list-style: none;
margin: 0 0 0 7px;
font-size: 34px;

}

#sitetools li a {

	display: block;
	font: bold 32px "Palace Script MT";
	text-decoration: none;
	color: #ffffcc;
	background: #162834 url(images/sitetoolsbtn.gif) no-repeat 0 -4px;
	padding: 0px 10px 0 10px;
	font-weight: bold;
	text-indent: -5000px; overflow: hidden;
	height: 30px;
}

* html #banner {margin-right: 67px;}



#sitetools .home a:hover {
	background-position: 0 -41px;
}

#sitetools .contact a {background-position: -95px -4px;}
#sitetools .contact a:hover {background-position: -94px -41px;}

#sitetools a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 70px;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}


#content {
width: 901px;
margin: 0 auto 50px 78px;
padding: 1px 0;
text-align: justify;
background: #ffffcc;

}
#main {
clear: both;
margin: 15px 35px 10px 150px;
padding: 20px;
padding-bottom: 3px;
border: 1px solid black;
background: url(images/l.jpg) no-repeat 60% 50%;
}

#about #main{
	background: url(images/me.jpg) no-repeat 10% 100%;
	padding-bottom: 290px;
}
#sidebar {
padding: 0;
float: right;
margin-top: 5px;
margin-right: 35px;
display: inline;
}
* html #sidebar{margin-right: 30px;}

/*nav*/

#navlist
{
color: white;
font: bold 34px "Palace Script MT";
margin: 0px;

}

#navlist li
{
list-style: none;
margin: 0px;
font-size: 34px;
float: left;
}

#navlist a
{
float: left;
display: inline;
text-decoration: none;
text-align: center;
letter-spacing: 1px;
word-spacing: 3px;
margin-left: 7px;
margin-bottom: 7px;
color: black;
border-width: 1px;
border-style: solid;
border-color: black;

}

#navlist a#current {

color: black;
}

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
height: 31px;
text-indent: -5000px; overflow: hidden;
background: transparent url(images/buttonlist.gif) no-repeat 0 0;
}
#navlist .florals a {background-position: -153px 0;}
#navlist .portraits a {background-position: -306px 0;}
#navlist .stilllifes a {background-position: -459px 0;}
#navlist .drawings a {background-position: -612px 0;}

#navlist .landscapes a:hover {background-position: 0 -35px;}
#navlist .florals a:hover {background-position: -153px -35px;}
#navlist .portraits a:hover  {background-position: -306px -35px;}
#navlist .stilllifes a:hover {background-position: -459px -35px;}
#navlist .drawings a:hover  {background-position: -612px -35px;}

#landscapes #navlist .landscapes a:hover {background-position: 0 0; cursor: default;}
#florals #navlist .florals a:hover {background-position: -153px 0; cursor: default;}
#portraits #navlist .portraits a:hover {background-position: -306px 0; cursor: default;}
#stilllifes #navlist .stilllifes a:hover {background-position: -459px 0; cursor: default;}
#drawings #navlist .drawings a:hover {background-position: -612px 0; cursor: default;}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 150px;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#sitebar>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}



#footer{
text-align: center;
color: white;
background: #162834;
padding: 5px;
margin: 0 1px;
clear: both;
}



.clearing {clear: both;}

#preload {text-indent: -5000px;} /*hide 1px image*/