@charset "utf-8";
/* CSS Document */
/*styling for divs and whatnot*/

body {
	font-family:Georgia, "Times New Roman", Times, serif; 
	background-color:#e0eaa7;
	behavior: url(css/csshover.htc);
}

#artpage_main {
	background-color:#f3f7dd;
}

h1, h2, h3, h4, h5, h6 {
	color:#600;
	letter-spacing: .25em;
	font-weight:lighter;
}

h1 {
	font-size:36px;
	padding-bottom:10px;
	
}
#artwrapper h1 {
	margin-bottom: 0px;
}


#wrapper {
	width:780px;
	text-align: center;
	margin: auto;
	border:1px solid #ccc;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	background-image: url(../images/sitegfx/background.jpg);
	background-repeat: repeat;
}

#interior_wrap {
	width:780px;
	text-align: center;
	margin: auto;
/*	background-color:#ebf0cf;
*/}

#maingallery {
	background-image: url(../images/sitegfx/background.jpg);
	background-repeat: repeat;
}

#header {
	padding-bottom:20px;
}

#int_header {
	width:100%;
	padding-bottom:20px;
	background-color:#e0eaa7;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}

#headerImageDiv {
	width:350px;
	float:right;
	margin-top:20px;
	padding-right:5px;
}

#mainCenter {
	margin-bottom:30px;
}

#mainCenter img {
	border:4px solid #663300;
}

/*#interiorCenter {background-color:#fff;}*/

#mainleftContent {
	float: left;
	width: 100%;
	text-align:left;
}

#leftContent {
	float: left;
	width: 580px;
	text-align:left;
}
#maingallery #interior_wrap #interiorCenter #mainleftContent #categories {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

table#categories td {
	padding:2px;
	text-align:center;
}

table#categories td img{
	border:1px solid #300;
	opacity:1;
}

table#categories td img:hover {
	opacity:.5;
}

#rightGalNav {
	margin-top:5px;
	float: right;
	width: 200px;
	height:700px;
	overflow:auto;
}

#footer, #int_footer {
	width:100%;
}

#int_footer {
	width:100%;
	background-color:#e0eaa7;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}

#footer a, #int_footer a, #categories a, #mainCenter a{
	color:#aa4b5d;
	text-decoration:none;
	font-size:14px;
}

#footer a:hover, #int_footer a:hover, #categories a:hover, #mainCenter a:hover{
	color:#666633;
}

#rightGalNav #gallery_thumbs {
	text-align: center;
	width: 160px;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
}

#rightGalNav #gallery_thumbs td {
	padding:2px 4px;
	}
	
#rightGalNav #gallery_thumbs a {
	border:none;
	opacity:1;
	}

#rightGalNav #gallery_thumbs a:hover {
	opacity:.5;
	}
		
#rightGalNav #gallery_thumbs td img{
	margin:0;
	padding:0;
	border:1px solid black;
	opacity:1;
}

#rightGalNav #gallery_thumbs td img:hover {
	opacity:.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}


#display_frame {
	margin-top:5px;
	margin-bottom:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:2px solid #999;
	border-bottom:2px solid #999
	width:580px;
	height:700px;
	}
	
#artwrapper{
	width:560px;
	text-align:center;
}

#artwrapper img {
	padding:15px;
	border-top:2px solid #444;
	border-left:2px solid #444;
	border-bottom:2px solid #888;
	border-right:2px solid #888;
}

.animal {
	background-image: url(../images/sitegfx/purple_bg.jpg);
	background-repeat: repeat;
	}

.botanical {
	background-image: url(../images/sitegfx/blue_bg.jpg);
	background-repeat: repeat;
	}

.landscape {
	background-image: url(../images/sitegfx/green_bg.jpg);
	background-repeat: repeat;
	}

.narrative {
	background-image: url(../images/sitegfx/bluepurp_bg.jpg);
	background-repeat: repeat;
	}

.urban {
	background-image: url(../images/sitegfx/yellow_bg.jpg);
	background-repeat: repeat;
	}


/*resusable classes:*/

.small {
	font-size:10px;
	color:#666666;
	}

.medium {
	font-size:12px;
	color:#666666;
	margin:10px 3px 0 10px;	
	}

.justify {
	text-align:justify;
	line-height:1.4em;
	padding:10px 60px;
	letter-spacing:.10em;
	}

#statement {
	border-bottom:4px double #ccc;
	padding:10px 0;
	color:#e0eaa7;
	background-image: url(../images/sitegfx/statementbg.jpg);
	background-repeat: repeat;
	}
#contact {
	margin-top:40px;
	margin-bottom:20px;
	}		
/*the aslett clearfix*/

.clearfix:after {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*A fix for IE Mac*/
.clearfix {display:inline-block;}

/*The Holly hack for a bug in IE6 for Windows*/
* html .clearfix {height:1%;}

.clearfix {display:block;}

#int_header_words {
	width:350px;
	float:left;
	padding:0;
	margin-left:10px;
	margin-top:20px;
	text-align:left;
	color:#666;
	border-bottom:6px double #666;
	padding-bottom:20px;
	}

#int_header_words h1{
	font-size:40px;
	display:inline;
	}

#int_header_words h4{
	display:inline;
	color:#999;
	}

#sold {
	width:150px;
	float:left;
	visibility:visible;
	}
	
#available {	
	width:150px;
	float:left;
	visibility:hidden;
	}

#description {
	width:300px;
	text-align:center;
	float:left;
	}
	
#sold img {
	margin-top:10px;
	}