@charset "utf-8";
body
{
	background:#ffffff;
	margin:0; 
	padding:0;
	text-align:center;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a, a:visited
{
	color:#0099ff;
	text-decoration:none;
	outline:none;
}

a:hover, a:visited:hover
{
	color:#005791;
	text-decoration:none;
}


* .bodycontainer #container{
	width:946px;
}

.bodycontainer #container
{

	padding:0px 0px 0px 0px;
	background: #ffffff;
	margin:0px auto 0px auto; 
	text-align:left;
	
}


.bodycontainer #left-column
{
	width:264px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:140px 0px 0px 0px;
	
}


.bodycontainer #main-content
{
	width:626px;
	float:left;
	padding:0px 0px 0px 10px;
	margin:56px auto auto auto;


}

.bodycontainer #main-content p
{
	line-height:20px;
}

a#title{
	margin:0;
	padding:0px 0px 42px 0px;
	background:url(../images/h-scott-hunter.gif) no-repeat;
	width:261px;
	height:24px;
	display:block;
	text-indent:-9999px;
}

h1#title
{
	margin:0;
	padding:0px 0px 42px 0px;
	background:url(../images/h-scott-hunter.gif) no-repeat;
	text-indent:-9999px;
}

ul#main-nav
{
	list-style:none;
	margin:0;
	padding:0;
}

ul#main-nav li
{
	margin:0;
	padding:0px 0px 44px 0px;
}

ul#main-nav li a
{
	margin:0;
	padding:0;
	display:block;
	height:25px;
	text-indent:-9999px;
}

ul#main-nav li#biography a
{
	background:url(../images/main-nav.gif) 0 0;
	width:193px;
}

ul#main-nav li#exhibition a
{
	background:url(../images/main-nav.gif) 0 -24px;
	width:192px;
}

ul#main-nav li#work a
{
	background:url(../images/main-nav.gif) 0 -48px;
	width:99px;
}

ul#main-nav li#contact a
{
	background:url(../images/main-nav.gif) 0 -72px;
	width:155px;
}

ul#main-nav li#biography a:hover, ul#main-nav li#biography a.selected
{
	background:url(../images/main-nav.gif) -194px 0;
}

ul#main-nav li#exhibition a:hover, ul#main-nav li#exhibition a.selected
{
	background:url(../images/main-nav.gif) -194px -24px;
}

ul#main-nav li#work a:hover, ul#main-nav li#work a.selected
{
	background:url(../images/main-nav.gif) -194px -48px;
}

ul#main-nav li#contact a:hover, ul#main-nav li#contact a.selected
{
	background:url(../images/main-nav.gif) -194px -72px;
}
/**/

ul#work-nav
{
	list-style:none;
	margin:0;
	padding:0;
	width:565px;
	/*width:544px;*/
	margin:0px auto 0px auto;
	height:10px;
}

ul#work-nav li
{
	margin:0;
	float:left;
	display:block;
}


ul#work-nav li a
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
}

* ul#work-nav li a{
	
}

ul#work-nav li#non-representational a
{
	background:url(../images/work-nav.gif) 0 0;
	width:193px;
	margin-right:17px;
}

ul#work-nav li#representational a
{
	background:url(../images/work-nav.gif) -211px 0;
	width:153px;
	margin-right:17px;
}

ul#work-nav li#portraiture a
{
	background:url(../images/work-nav.gif) -382px 0;
	width:102px;
	margin-right:17px;
}

ul#work-nav li#collage a
{
	background:url(../images/work-nav.gif) -502px 0;
	width:66px;
}

ul#work-nav li#non-representational a:hover, ul#work-nav li#non-representational a.selected 
{
	background:url(../images/work-nav.gif) 0 -10px;
}

ul#work-nav li#representational a:hover, ul#work-nav li#representational a.selected
{
	background:url(../images/work-nav.gif) -211px -10px;
	width:153px;
}

ul#work-nav li#portraiture a:hover, ul#work-nav li#portraiture a.selected
{
	background:url(../images/work-nav.gif) -382px -10px;
	width:102px;
}

ul#work-nav li#collage a:hover, ul#work-nav li#collage a.selected
{
	background:url(../images/work-nav.gif) -502px -10px;
	width:66px;
}


/**/

#work-items-nav
{
	margin:0px auto 0px auto;
	padding:10px 0px 0px 0px;
	width:600px;
	text-align:center;
	height:64px;
	clear:both;
}

table.work-items-table{
	margin:0px auto 0px auto;

}

table.work-items-table td
{
	padding:4px 4px 4px 4px;
}

table.work-items-table td img
{
	border:none;
}

#work-area
{
	width:600px;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 72px;
	
}

#hoverimage{
	margin-left:-120px;
}

#work-display
{
	width:480px;
	float:left;
	margin:0px 0px 0px 0px;

}

#work-description
{
	width:110px;
	float:left;
	padding:0px 0px 0px 10px;
	text-align:left;
}

span.sold
{
	color:#ff0000;
	text-transform:uppercase;
}

/**/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
