body {
	padding: 0; border: 0;
	background-color: #fff;
	color: #999;
	text-align: center; /*--- centers wrapper div in non-compliant (IE) browsers (also centres 
	body text in compliant browsers, so correct this with use of text-align: left; on the wrapper div --- */
	min-width: 768px; /*--- counters Moz issue where if the size of the browser window is 
	reduced to less than the wrapper width, half of the wrapper div hangs off the left of the 
	page and thus renders the page unusable - so set min-width to width of the wrapper div --- */
	max-width: 960px; margin: 0 auto; 
	position: relative; 
	font-size: 1em; 
	font-family: Georgia, Times, serif;
	line-height: 1.3; 
	background: #fff url('/images/amvbg5.jpg') bottom center fixed repeat-x;
}

html{ overflow-y : scroll; }
body { padding: 10px 0px 40px; text-align: center; }
div#container { margin: 0px auto; width: 890px; padding: 5px 20px; text-align: left; }

.col { float: left; margin: 0px 0px 0px 20px; padding: 0px; }
.col .col { margin: 0px; }

.one { width: 60px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 540px; }
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 860px; }
.twelve { width: 940px; }

hr { display: block; clear: both; margin: 0px 0px 45px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }

ul, li { margin: 0px; padding: 0px; list-style: none; }

/*--- UNIVERSAL ('*' selector) --- */
* {padding: 0; margin: 0;} 
	/*--- remove browser default paddnaving and
	margin (they vary between browsers) on all
	elements, which can then be added on 
	individual elements) --- */

#content > img
{
	margin: 0px auto 4px 5px;
	text-align: center;
}

#content > img.vertical
{
	margin: 0px auto 4px 5px;
}


#frontimage {
	margin: 100px 0px;
	color: #222;
	border: none;
	width: auto;
	height: auto;
}

#frontimages {
	width: 900px;
	padding: 100px 0px 0px 200px;
	border: none;
	width: auto;
	height: auto;
	font-size: 14px;
	color: #666;
}

p
	{
	width: 500px;
	margin:8px 0px 0px 0px;
	}

div.r_align
	{
	margin: 0px 270px 0px 0px;
	color: #aaa;
	font-size: small;
	text-align: right;
	}

li.here
	{
	text-decoration: underline;
	color: #aaa;
	}
	
a { text-decoration: none; font-size: small; }
a:link, a:visited { font-family: Georgia, Times, serif; color: #666; }
a:hover, a:visited:hover { color: #000; }

.text { font-size: large; }
		
.entersite, .entersite a { color:#aaa; }

div#wrapper {
		max-width: 960px;  /*--- width of nested content(700) and navbar(150) divs --- */
	/*	min-height: 690px; */
		margin: 0px auto; /*--- centers div in compliant browsers --- */
		padding: 0px 0px;
		border: none;
		text-align: left;
	}

#navbar {
		/*--contains site navigation content--*/
		width: 180px;
		text-align: center; 
		margin-top:  100px; ;
		padding: 0;
	}
	
#navbar p {
	 text-align: center;
	 width:  180px;
	 font-size:  11px;
	 margin: 1em 0;
}

#navbar ul, ul.navbar {
		padding: 0; 
}
		
#navamv {
	padding-bottom: 0px; 
	margin-top: 10px; 
}

#navamv h1 {
	 opacity: .85;
}

#pagenav {
	vertical-align: baseline; 
	width: 500px; height: 51px;
	background: url('/images/amv-pagenav.jpg') 0px 0 no-repeat;
	margin: -10px auto 0 auto; padding: 0;
	position: relative;}

#pagenav a span { display: none; }
#pagenav a, #pagenav a img { border: none; margin:  0 10px;}

#pagenav li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0; 
	}
#pagenav a, #pagenav a img { margin: 0; }
#pagenav li, #pagenav a { height: 51px; display: block;}

#pagenav a { height: 51px; display: block; }

#navpanelhome { left: 2px;}
#navpanelhome a { width: 82px; }
#navpanelhome a:hover { background: transparent url('/images/amv-pagenav.jpg') -2px -51px no-repeat;}
	
#navpanelabout { left: 138px;}
#navpanelabout a { width: 78px; }
#navpanelabout a:hover { background: transparent url('/images/amv-pagenav.jpg') -138px -51px no-repeat; }
	
#navpanelcontact { left: 269px;}
#navpanelcontact a { width: 96px; }
#navpanelcontact a:hover { background: transparent url('/images/amv-pagenav.jpg') -269px -51px no-repeat; }
	
#navpanellinks { left: 412px;}
#navpanellinks a { width: 82px; }			
#navpanellinks a:hover { background: transparent url('/images/amv-pagenav.jpg') -412px -51px no-repeat; }


		
/*--- CONTENT (contains the primary content --- */

div#content {
			max-width: 760px; 
			min-width: 520px;
			vertical-align: middle;
			margin: 0px 0px 0px 0px;
			padding-bottom: 18px; 
			/*padding: 50px 0px 0px 100px;*/
			position: absolute; 
			top: 138px; left: 220px;
		}

#content .caption, .highslide-caption { 
	text-align: left; line-height: 1.4; 
	margin-bottom: 10px; padding: 0px .8em; color: #555;
	font-size: .89em; margin-top: 10px; 
	font-family: Georgia, Times, serif;
}
#content .caption b, .highslide-caption b { 
	font-weight: normal; 
	word-break: keep-all;    
	padding-right: 0em; 
	display: inline;
	font-weight: bold; 
	white-space: nowrap; 
}
#content .caption i, .highslide-caption i { 
	word-break: keep-all; 
	display: block; 
	white-space: nowrap; 
}
#content .caption .work-year, .highslide-caption .work-year {
	padding: 0 1em 0 .35em;
	font-size: 89%; 
}
#content .caption .work-year:before, .highslide-caption .work-year:before {
	content: '(';
}
#content .caption .work-year:after, .highslide-caption .work-year:after {
	content: ')';
}

	
/* next and last: image navigation */	
div#paging { position: absolute; top: 400px; left: 10px; }

div#next {
		position: absolute;
		top: 5px; 
		left: 0px;
	}
		
div#last {		
	/*	float: right;
		margin-top: -250px;
		margin-left: 130px;*/
		position: absolute;
		top: 35px; 
		left: 0px;
	}
#next img, #last img { border-width: 0; }

		
.img { text-align: center; border-width: 0; }
			
		
		
/*--- CLEAR (non-semantic junk to clear floats and wrap preceding divs) --- */
div.clear {
		clear: both;
		background: transparent; /*--- some browsers render a thin div even though height is 0 --- */
		height: 0px;
		overflow: hidden;
	}

.entersite { font-size: 14px; }


/* new changes -- 12/01/09 */
#bio, #links li { font-size: .95em; color: #777; width: 33em; margin-top: 1em;  line-height: 1.45; }
#bio p { padding-left: 1.25em; text-indent: 1.25em;  margin-bottom: 1em;  font-size: 90%; color: #333; line-height: 1.45; text-align: left; }

ul#links { margin-left: 20px; margin-top: 50px; font-size: 110%; }
#links a, #links li { font-size: 80%; color: #777; text-align: center; font-family: georgia; text-transform: none; letter-spacing: 1px;  }
#links a:hover { color: #151515; }

#thumbnails {  max-width: 680px; overflow: auto; max-height: 450px; min-height: 350px;  margin-bottom: 20px; }

#thumbnails ul { display: block; width: auto; white-space: nowrap; padding-top: 50px; } 

#thumbnails ul li { display: inline; white-space: nowrap; height: 220px; padding: 0px 13px 4px 0px; 
	width: auto; border-collapse: collapse; }

#thumbnails ul li a img { border: 1px solid #f6f6f6; padding: 4px 5px; }

/* home */
#homesplash { max-width: 960px; text-align: center; overflow: hidden; 
	font-size: 80%; font-family: Georgia, Times, serif; letter-spacing: 1px; margin: 10px auto 5px auto; }
#homesplash a { display: block; margin: 0px; color: #999; }
#homesplash a:hover { color: #333; }		
#worksnav { vertical-align: bottom; text-transform: uppercase; opacity: .55; }
#worksnav a { font-size: 24px; padding: .5em .5em; background-color: #f7f7f7; border-top: 1px solid #ddd; }
#worksnav ul { width: auto; }

#contact img { padding: 60px 0px 0px 10px; opacity: .6;}
#contact img:hover { opacity: .8; }

div#media { clear: both; margin-top: 30px; padding: 0; width: 745px; }
div.media { margin: 0px 0px 10px; }
div.home div#media { padding: 0px 0px 0px 60px; }
div.description div#media { padding: 0px 0px 0px 0px; }
p#gallery-count, div#gallery-navigation { display: none; }

div#image-wrapper { overflow: hidden; width: 720px; }
div#image-wrapper div#image-holder { width: 100000000px; }
div#image-wrapper div#image-holder div.image { float: left; width: 720px; }


p#footer { clear: both;  margin: 0px 0px 0px 30px; text-align: center; color: #aaa; display: inline; font-size: 10px; }
p#footer em, p#footer a { font-size: 10px; color: #aaa; }

a.atom-rss { margin: 0px 0px 0px 6px; padding: 1px 2px 0px; font-size: 0.93em; letter-spacing: 0.08em; background: #ddd; }

/* Javascript-enabled styles */
body.js-enabled p#gallery-count, body.js-enabled div#gallery-navigation { display: block; }
body.js-enabled p#project-count { display: none; }
body.js-enabled div#media div.image { display: none; }
body.js-enabled div#media div.image:first-child { display: block; }

#categorynav {
	vertical-align: baseline; 
	width: 140px; height: 143px;
	margin: 0; padding: 0;
	position: relative;}

body#bodylanding #categorynav {
	width: 293px; height: 63px;
	background: url('/images/amv-categorynav.jpg') 0 0 no-repeat;
	margin: 0 auto; padding: 0;
	position: relative;}			

#categorynav a span { display: none; }
#categorynav a, #categorynav a img { border: none; margin: 0px;}

#categorynav li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; }
	
#categorynav a, #categorynav a img { margin: 0; }
#categorynav li, #categorynav a { height: 63px; display: block; }
#categorynav a { height: 63px; display: block; }

#categorynav-paintings { left: 30px; top: 0; background: url('/images/amv-categorynav.jpg') 0 0 no-repeat; }
body#bodylanding #categorynav-paintings { left: 0px; top: 0; background: transparent; }
#categorynav-paintings a { width: 134px; }
#categorynav-paintings a:hover { background: transparent url('/images/amv-categorynav.jpg') 0px -63px no-repeat;}

#categorynav-portraits { left: 30px; top: 70px; 
	background: url('/images/amv-categorynav.jpg') -166px 0px no-repeat; }
body#bodylanding #categorynav-portraits { left: 166px; top: 0; background: transparent;}
#categorynav-portraits a { width: 125px; }
#categorynav-portraits a:hover { background: transparent url('/images/amv-categorynav.jpg') -166px -63px no-repeat; }


#content .image img {
	 margin-bottom:  30px;
}

.artcaption { font-size: 60%;  text-align: right; }
.artcaption h2 { display: inline;}