body {
	background-image: url('images/petals.jpg');
}

a:link {
	color: #3366cc;
	text-decoration: none;
}

a:link img {
	border: none;
}

a:visited {
	color: #3366cc;
	text-decoration: none;
}

a:visited img {
	border: none;
}

#canvas {
	position: absolute;
	top: 0;
	left: 5px;
}

#canvas2 {
	position: absolute;
	top: 5px;
	left: 10px;
}

#email {
	position: absolute;
	top: 67px;
	left: 33px;
}

#cover {
	position: absolute;
	top: 110px;
	left: 200px;
}

#cover2 {
	position: absolute;
	top: 119px;
	left: 214px;
}

#cover3 {
	position: absolute;
	top: 70px;
	left: 165px;
}

#cover4 {
	position: absolute;
	top: 84px;
	left: 177px;
}

#woodland {
	position: absolute;
	top: 143px;
	right: 289px;
}

#tree {
	position: absolute;
	top: 99px;
	right: 197px;
}

#owl {
	position: absolute;
	top: 198px;
	right: 411px;
}

#badger {
	position: absolute;
	top: 323px;
	left: 233px;
}

#petals {
	position: absolute;
	top: 128px;
	left: 203px;
}

#green2 {
	position: absolute;
	top: 285px;
	left: 278px;
}

#indigo2 {
	position: absolute;
	top: 225px;
	right: 238px;
}

#petals2 {
	position: absolute;
	top: 240px;
	left: 293px;

}

div.polar {
	position: absolute;
	top: 35px;
	left: 180px;
}

#grasshopper {
	position: absolute;
	top: 68px;
	left: 655px;
}

#book {
	position: absolute;
	top: 13px;
	left: 6px;
}

#book2 {
	position: absolute;
	top: 26px;
	left: 18px;
}

#illustrator {
	z-index: 995;
	position: absolute;
	top: 37px;
	right: 50px;
}

#leaves {
	position: absolute;
	top: 35px;
	left: 41px;
}

#about {
	z-index: 999;
	position: absolute;
	width: 480px;
	top: 35px;
	right: 73px;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}

#snail {
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
}

#contact {
	z-index: 999;
	position: absolute;
	text-align: center;
	width: 471px;
	top: 285px;
	right: 73px;
	font-size: 17px;
	font-family: Helvetica, Arial, sans-serif;
}

#frontpage {
	position: absolute;
	text-align: center;
	height: 237px;
	width: 300px;
	top: 160px;
	right: 240px;
	font-style: normal;
	font-weight: 100;
	font-size: 17px;
	font-family: "Chalkboard", "Comic Sans MS", cursive	
}
#portfolio {
	position: absolute;
	text-align: right;
	height: 90px;
	width: 250px;
	top: 238px;
	right: 385px;
	font-size: 17px;
	font-family: "Chalkboard", "Comic Sans MS", cursive	
}

#frontpage h1 {
	margin-bottom: 0;
	font-weight: 400;
}
	
#frontpage h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
}
	
#frontpage h3 {
	margin-top: 0.5em;
	font-weight: 400;
}
	
#portfolio h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 100;
}
	
#portfolio h3 {
	margin-top: 0;
	font-weight: 100;
}
	
p.title {
	font-size: 25px;
	margin-bottom: 0;
}

p.details {
	margin-top: 0;
}

p.small {
	margin-top: 0;
	font-size: 13px;
}

p.clients {
	font-size: 11.5px;
	margin-top: 0;
}

div.blurb {
	position: absolute;
	top: 150px;
	left: 15px;
}

#boar1 {
	position: absolute;
	bottom: 148px;
	left: 42px;
}

#boar2 {
	position: absolute;
	bottom: 155px;
	left: 280px;
}

#boar3 {
	position: absolute;
	bottom: 165px;
	left: 435px;
}

#boar4 {
	position: absolute;
	bottom: 157px;
	left: 590px;
}

#boar5 {
	position: absolute;
	bottom: 150px;
	left: 730px;
}

#green {
	position: absolute;
	bottom: 125px;
	left: 30px;
}

#indigo1 {
	position: absolute;
	bottom: 165px;
	left: 830px;
}

#boar-sketch {
	position: absolute;
	bottom: 150px;
	left: 655px;
}

#boar-paint {
	position: absolute;
	bottom: 145px;
	left: 433px;
}

#boar-pastel {
	position: absolute;
	bottom: 150px;
	left: 235px;
}

#run {
	position: absolute;
	bottom: 213px;
	left: 222px;
}

#puff {
	position: absolute;
	bottom: 213px;
	left: 865px;
}

#menu1 {
	position: absolute;
	bottom: 70px;
	left: 40px;
}

#menu2 {
	position: absolute;
	bottom: 70px;
	left: 250px;
}

#menu3 {
	position: absolute;
	bottom: 70px;
	left: 545px;
}

#menu4 {
	position: absolute;
	bottom: 70px;
	left: 790px;
}

#copyright {
	z-index: 999;
	position: absolute;
	height: 20px;
	width: 350px;
	bottom: 147px;
	right: 15px;
	font-size: 15px;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	color: #6a8397;
}

div.hidden {
	display: none;
}

/* Slideshow only after this point */

#slideshow {
	list-style: none;
}

#slideshow span {
	display:none;
}

#wrapper {
	position: absolute;
	right: 44px;
	top: -5px;
	width: 540px;
	margin: 50px auto;
	display: none;
}

#wrapper * {
	margin: 0;
	padding: 0;
}

#fullsize {
	position: relative;
	width: 500px;
	height: 300px;
	margin: 0 auto;
}

#image {
	width: 500px;
}

#image img {
	position: absolute;
	z-index: 25;
	width: auto;
}

.imgnav {
	position: absolute;
	width: 25%;
	height: 306px;
	cursor: pointer;
	z-index: 150;
}

#thumbnails {
	margin-top: 15px;
}

#slideleft {
	float: left;
	width: 20px;
	height: 81px;
	background: url(images/scroll-left.png) center center no-repeat;
}

#slideleft:hover {
	background: url(images/scroll-left-hover.png) center center no-repeat;
}

#slideright {
	float: right;
	width: 20px;
	height: 81px;
	background: url(images/scroll-right.png) center center no-repeat;
}

#slideright:hover {
	background: url(images/scroll-right-hover.png) center center no-repeat;
}

#slidearea {
	float: left;
	position: relative;
	width: 491px;
	margin-left: 5px;
	height: 81px;
	overflow: hidden;
}

#slider {
	position: absolute;
	left: 0;
	height: 81px;
}

#slider img {
	cursor: pointer;
	padding:2px;
}

#container {
	position: relative;
	width: 976px;
	height: 750px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}