body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #5b0f09;
	color: #5b0f09;
}

a:link
{
	color: #480d05;
	text-decoration: underline;
}

a:visited { color: #480d05; }

a:hover
{
	color: #c81b2d;
	text-decoration: underline;
}

p.top { margin-top: 0; }

#topBanner {
    background-image: url(images/gallery.gif);
	height: 113px;
	width: 850px;
	background-repeat: no-repeat;

}
#navBox
{
	background-image: url(images/gallery-02.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}

#navBoxAbout
{
	background-image: url(images/about.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}


#navBoxStatement
{
	background-image: url(images/statement.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}

#navBoxVita
{
	background-image: url(images/vita.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}

#navBoxEncaustic
{
	background-image: url(images/encaustic.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}
#navBoxContact
{
	background-image: url(images/contact.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}
#navBoxLily
{
	background-image: url(images/lily.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}
#navBoxPortrait
{
	background-image: url(images/portrait.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}
#navBoxFigure
{
	background-image: url(images/figure.gif);
	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}
#navBoxNewWork
{
	background-image: url(images/newwork.gif );

	height:116px;
	width: 850px;
	background-repeat: no-repeat;
}
#navBoxImage
{
	background-image: url(images/gallery-int-02.gif);

	height:70px;
	width: 850px;
	background-repeat: no-repeat;
}
#nav
{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 36px;
	width:655px;
	border-bottom: 0;
	padding-top:10px;
	margin-left:195px;
	
	clear:both;
	
}

#nav li
{
	/* all list items */
	text-align: left;
	float: left;
	width: auto;
	
	/* width needed or else Opera goes nuts */
	padding-top: 3px;
	padding-bottom: 4px;
}

#nav a
{
	display: block;
	width: 70px;
	font-size: 12px;
	color: #480d05;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS";
	text-decoration: none;
	
	
	
}

#nav a:hover
{
	color: #5b0f09;
	text-decoration: underline;
	
}

#nav li ul
{
	/* second-level lists */
	position: absolute;
	list-style: none;
	width: 470px;
	
	left: -999em;
	padding-left:0;
	margin-left:-0px;
	
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul.open
{
	/* second-level lists */
	position: absolute;
	list-style: none;
	width: 470px;
	
	
	left: auto;
	
	margin-left:0px;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
{
	/* lists nested under hovered list items */
	left: auto;
	text-align: left;
	
	margin-left:0px;
}

#container
{
	border-top: 3px solid #151410;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: table;
	width: 850px;
	background-color: #2b2405;
	height: 100%;
	border-left: 1px solid #756448;
	border-right: 1px solid #756448;
}




#maincontentBox
{
	
	width: 850px;
	height: auto;
	display: table;
	text-align: left;
	background-color: #edd7b9;
}

#maingalleryBox
{
	
	width: 850px;
	height: 600px;
	display: table;
	text-align: left;
	background-color: #edd7b9;
	font-size: 11px;
	line-height: 18px;
	padding-bottom:20px;
}

#mainImageBox
{
	width: 850px;
	height: 600px;
	display: table;
	text-align: left;
	background-color: #edd7b9;
	font-size: 11px;
	line-height: 18px;
	padding-top:10px;
	padding-bottom:15px;
}
#statement
{
	width: 150px;
	height: auto;
	text-align: right;
	padding-left: 15px;

	
}

#galleryBox
{
	width: 560px;
	height: auto;
	text-align:left;
	padding-left:20px;
	
}

h1
{
	margin:0;
	padding:0;
	text-align:left;
	font-weight: normal;
	font-size: 22px;
	width:220px;
	margin-left:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #a8896d;
	margin-bottom: 5px;
	padding-top:10px;
}

h2
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	
	font-family: Arial, Helvetica, sans-serif;
	
	padding-top:0px;
	padding-bottom:5px;
	color:#98947e;font-size:20px;font-variant: small-caps;padding-left:0;
}
td h2 { padding-bottom:10px}
.dotted
{
	background-image: url(images/dotline-vert.gif);
	background-repeat: repeat-y;
	width: 40px;
}

.dotted-x
{
	background-image: url(images/dotline-horz.gif);
	background-repeat: repeat-x;
	width:20px;
}

.image
{
	width: 140px;
	background-color: #a49778;
	padding-top: 15px;
	height: 145px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}

.image2
{
	width: 282px;
	background-color: #a49778;
	padding-top: 15px;
	height: 145px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.image4
{
	width: 566px;
	background-color: #a49778;
	padding-top: 15px;
	height: 145px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
p.description
{
	font-size: 11px;
	color: #edd7b9;
	line-height: 12px;
	vertical-align: top;
	margin: 0;
	padding-top:0;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	height: auto;
	background-color: #a49778;
}
.imageborder {
	border-right:1px solid #3c321a;
	border-bottom:2px solid #221a06;
}

#footer
{
	background-image: url(images/gallery-04.gif);
	background-position:center top;
	background-repeat: no-repeat;
	width: 820px;
	height: 70px;
	background-color:#edd7b9;
	padding-top:50px;
	font-size:10px;
	padding-left:30px;
}
.keyline {
	padding:2px;
	border:1px solid #897964;
}

#footerImage
{
    background-color:#edd7b9;
    background-image:url(images/gallery-04.gif);
	width: 850px;
	height: 70px;

}