
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body{
	margin:0;
	padding:0;
	font-size:.8em;
	/*
	text-align:center;
	background:#e7e7e7 url(/images/backrocks750.jpg) repeat-y center;
	font-family:Tahoma,Arial,helvetica,sans-serif;
	*/
	font-family:Georgia,serif;
	font-weight:bold;
	background:#eee;
}
a:link,a:visited,a:active{
	color:#c00;
	text-decoration:none;
}
a:hover{
	color:#f00;
	text-decoration:underline;
}
p{
	text-align:left;
	margin:10px 0;
}
h4{
	color:#c00;
	font-size:1.5em;
	font-style:italic;
	margin:10px 0 25px 0;
}
h6{
	font-size:13px;
	margin-bottom:8px;
}
form{
	display:inline;
	margin:0;
}
#artworkedit label{
	display:block;
	width:120px;
	text-align:right;
	padding:2px 10px 2px 0;
	background:#ddd;
}
#alertMsg{color:red;font-weight:bold;font-style:italic;display:block;padding:0 10px;clear:left;margin:0 0 8px 0;}
#container{
	/*text-align:center;*/
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
	z-index:2;
}

/*
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
*/

#backimg{
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	/*
	*/
	top:0;
	left:0;
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
	overflow:hidden;
}
#backimgopaque{
	position:absolute;
	top:0;
	left:0;
	width:750px;
	height:480px;
	z-index:-10;
	background:#ccc;
}
#main{
	z-index:1;
	/*
	position:relative;
	*/
	width:750px;
	margin:0 auto;
	text-align:center;
}
#bodycont,#footercont{
	/*
	position:relative;
	*/
	padding:10px 20px;
	z-index:1000;
}
#headercont{
	z-index:-1001;
	padding:0;
	position:relative;
	height:120px;
	width:750px;
}
#navcont{
	padding:0;
	z-index:2000;
	text-align:left;
}
#bodycont{
	padding-top:0;
}

/* home page nav */
#navlist{
width:160px;
}
#navlist ul{
list-style-type:none;
font-weight:bold;
font-size:.9em;
text-align:left;
margin:0;
padding:0;
/*
position:relative;
*/
line-height:1;
}
#navlist ul li{
display:inline;
/*
border:#0f0 solid 1px;
*/
}
#navlist ul li ul li{
margin-left:10px;
display:block;
}
#navlist ul li a{
/*
position:relative;
*/
display:block;
color:#000;
text-decoration:none;
padding:4px 7px;
}
#navlist ul li a:hover{
background-color:#fff;
color:#f00;
}

/* subpage nav */
#nav{
	height:22px;
	/*
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	*/
}
#nav,#nav ul{ /* all lists */
	padding:0;
	margin:0;
	list-style:none;
	line-height:1;
}
#nav a{
	display:block;
	position:relative;
	/*
	*/
	padding:5px;
	font-weight:bold;
	font-size:.9em;
	border-right:1px solid #ddd;
	border-bottom:#ddd solid 1px;
	/*
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	*/
	text-decoration:none;
	text-align:center;
	color:#000;
}
#nav a:hover{
	color:#f00;
}
#nav li{ /* all list items */
	background:#fff;
	float:left;
	width:100px; /* width needed or else Opera goes nuts */
	color:#000;
}
#nav li ul{ /* second-level lists */
	position:absolute;
	width:170px;
	left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */
	text-align:left;
}
#nav li ul li{
	width:190px;
}
#nav li li a{
	text-align:left;
}
#nav li:hover ul ul,#nav li.sfhover ul ul{
	left:-999em;
}
#nav li:hover ul,#nav li ul li:hover ul,#nav li.sfhover ul,#nav li ul li.sfhover ul{ /* lists nested under hovered list items */
	left:auto;
}
#nav li:hover, #nav li.sfhover {
	background:#eee;
	color:#f00;
}

/* galleries */
#gallerymain{
	text-align:center;
	/*
	position:relative;
	*/
	padding:0 0 0 25px;
	height:270px;
	overflow:auto;
}

.categoryitem{
	display:inline;
	float:left;
	width:190px;
	margin:0 25px 20px 0;
	height:120px;
}
.categoryitem img{
	border:#000 solid 1px;
	margin-top:10px;
}
.categoryitem p{
	position:absolute;
	top:0;
	left:0;
	margin-left:120px;
	padding:10px;
}
.categoryitem a{
}
.categoryitem span{
	display:block;
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
	margin:0;
}

.galleryitem{
	float:left;
	display:inline;
	/*
	position:relative;
	*/
	width:280px;
	height:100px;
	margin:0 0 20px 30px;
	border:#804000 solid 1px;
}
.galleryitem img{
	border:#000 solid 1px;
	margin-top:10px;
}
.galleryitem p{
	margin:10px 10px 0 100px;
	padding-right:10px;
}
.galleryitem a{
	font-size:1.2em;
	font-weight:bold;
}
.galleryitem span{
	font-size:1em;
}
.galleryitem span.Sold{
	font-size:1.2em;
	color:#f00;
	text-transform:uppercase;
	font-weight:bold;
}
.galleryitem span.ForSale{
	font-size:1.2em;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}
.imgcont{
	/*
	display:block;
	margin:10px;
	*/
	float:left;
	display:inline;
	height:100px;
	width:100px;
	text-align:center;
}

#footercont{
	font-size:.7em;
}
#pricing{
	padding-bottom:5px;
	text-align:center;
}

/* lightbox 2.04 */
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{ width:auto;height:auto;}
#lightbox a img{ border:none;}

#outerImageContainer{ position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{ padding:10px;}

#loading{ position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{ position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLink, #nextLink{ width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block;}
#prevLink { left:0;float:left;}
#nextLink { right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background:url(/images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}

#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{ width:70%;float:left;text-align:left;}
#imageData #caption{ font-weight:bold;}
#imageData #numberDisplay{ display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{ width:66px;float:right; padding-bottom:0.7em;outline:none;}

#overlay{ position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#666;}

/* contact form  */
.floatlt{
	float:left;
	padding-right:10px;
}
.formreqd{
	font-size:.7em;
	color:#f00;
	margin-left:8px;
	font-weight:normal;
}
.formnote{
	font-size:.7em;
	color:#000;
	margin-left:8px;
	font-weight:normal;
}

#artlist table{
	border-collapse:collapse;
	background:#ccc;
}
#artlist th{
	background:#000;
	color:#fff;
	padding:2px;
}
#artlist td{
	border:#999 solid 1px;
	background:#fff;
	padding:2px;
	font-family:Tahoma,Arial,helvetica,sans-serif;
	font-size:0.7em;
	color:#333;
}
