@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #95A4AF;
	font-size: 80%;
	letter-spacing: .05em;
	background: url(graphics/topcorner.png) top left no-repeat;
	}
	
#container {
	}
	
h1 a {
	display: block;
	width: 242px;
	height: 73px;
	background: url(graphics/annepetty.png) top left no-repeat;
	position: absolute;
	right: 30px;
	top: 60px;
	}
	h1 a:hover {
		background: url(graphics/annepetty-over.png) top left no-repeat;
		}
	h1 a span {
		display: none;
		}
	/*IE 6 FIX*/ a, a:hover, body, h2 { behavior: url(IE6FIX/iepngfix.htc) }
	/*IE PNG Alpha Fix v1.0 by Angus Turnbull - http://www.twinhelix.com. Updated: 12 July 2008.*/

h2 {
	display: block;
	height: 48px;
	margin-left: 40px;
	margin-top: 76px;
	}
	/*IE 7 FIX*/ h2 {
		*margin-top: 62px;
		}
	h2 span {
		display: none;
		}
		
a {
	color: #BAB8B5;
	text-decoration: none;
	}
	a:hover {
		color: #CCD7DD;
		text-decoration: underline;
		}
		
#content {
	text-align: center;
	margin-right: 49px;
	margin-left: 49px;
	margin-bottom: 80px;
	border-top: 2px solid #E9EFF2;
	margin-top: -15px;
	}
	/*IE 7 FIX*/ #content {
		*margin-top: -19px;
		}
	#content img {
		margin-top: 30px;
		border: none;
		}
	
.caption {
	text-align: right;
	}
	
#thumbnails {
	display: block;
	width: 90px;
	position: absolute;
	top: 140px;
	text-align: left;
	}
	/*IE 7 FIX*/ #thumbnails {
		*left: 49px;
		}
	#content #thumbnails a img {
		margin: 1px 0 1px 1px;
		border: 2px solid #D1DBD9;
		}
	#content #thumbnails a:hover img {
		border: 2px solid #FFFFFF;
		}
			
.form {
	list-style-type: none;
	z-index: 3;
	margin-bottom: 90px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 500px;
	}
	.form li {
		margin-bottom: 8px;
		}
	.textbox {
		display: block;
		}
	.mailinglist {
		font-size: 85%;
		margin-left: 25px;
		text-indent: -25px;
		}
		
#navigation {
	list-style-type: none;
	top: 20px;
	left: 70px;
	position: absolute;
	}
	#navigation li {
		display: inline-block;
		margin-left: 20px;
		}
		/*IE 7 FIX*/ #navigation li {
			*display: inline;
			}
		#navigation li a span {
			display: none;
			}
		
	#drawings a {
		display: block;
		width: 75px;
		height: 24px;
		background: url(graphics/drawings.png) top left no-repeat;
		}
		#drawings a:hover {
			background: url(graphics/drawings_over.png) top left no-repeat;
			}
	#paintings a {
		display: block;
		width: 68px;
		height: 24px;
		background: url(graphics/paintings.png) top left no-repeat;
		}
		#paintings a:hover {
			background: url(graphics/paintings_over.png) top left no-repeat;
			}
	#watercolors a {
		display: block;
		width: 95px;
		height: 24px;
		background: url(graphics/watercolors.png) top left no-repeat;
		}
		#watercolors a:hover {
			background: url(graphics/watercolors_over.png) top left no-repeat;
			}
	#bio a {
		display: block;
		width: 27px;
		height: 24px;
		background: url(graphics/bio.png) top left no-repeat;
		}
		#bio a:hover {
			background: url(graphics/bio_over.png) top left no-repeat;
			}
	#contact a {
		display: block;
		width: 56px;
		height: 24px;
		background: url(graphics/contact.png) top left no-repeat;
		}
		#contact a:hover {
			background: url(graphics/contact_over.png) top left no-repeat;
			}