<style type="text/css">
body {
	background: #fff; }

a, a:visited, a:active { 
	color: #fff;
	font-family: 'Helvetica-Bold', 'Helvetica', 'Arial', sans-serif;
	font-size: 20pt;
	text-decoration: none;
 }

a:hover { 
	color: #ffcd20;
	font-family: 'Helvetica-Bold', 'Helvetica', 'Arial', sans-serif;
	font-size: 20pt;
	text-decoration: none;
 }

div#main, div#main2 {
	width: 85%; }

div#spacer, div#spacer2 {
	height: 20px;
	}

p,br,div {	
	color: #fff;
	font-family: 'Arial Bold', 'Helvetica', 'Arial', sans-serif;
	font-size: 20pt;
}

div#pola {
	background-image:  url(images/thumb/polaroids.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#polatext {
	position: relative;
	height: auto;
	width: auto;
	text-align: right;
	padding-right: 70px;
	top: 50px;
	}

div#alone {
	background-image:  url(images/thumb/alonewith.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#alonetext {
	position: relative;
	height: auto;
	width: auto;
	text-align: right;
	padding-right: 10px;
	}

div#waimea {
	background-image:  url(images/thumb/waimea.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#waimeatext {
	position: relative;
	height: auto;
	width: auto;
	top: 125px;
	left: 80px;
	}

div#music {
	background-image:  url(images/thumb/music.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#musictext {
	position: relative;
	height: auto;
	width: auto;
	top: 120px;
	left: 10px;
	}

div#parts {
	background-image:  url(images/thumb/parts.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#partstext {
	position: relative;
	height: auto;
	width: auto;
	top: 5px;
	left: 90px;
	}

div#forest {
	background-image:  url(images/thumb/forest.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#foresttext {
	position: relative;
	height: auto;
	width: auto;
	top: 5px;
	left: 0px;
	}

div#dogs {
	background-image:  url(images/thumb/lumberjacks.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#dogstext {
	position: relative;
	height: auto;
	width: auto;
	top: 60px;
	left: 0px;
	}

div#seattle {
	background-image:  url(images/thumb/seattle.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#seattletext {
	position: relative;
	height: auto;
	width: auto;
	top: 0px;
	right: 35px;
	}

div#theresa {
	background-image:  url(images/thumb/theresa.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding: 5px;
	}

div#theresatext {
	position: relative;
	height: auto;
	width: auto;
	top: 80px;
	text-align: left;
	}

div#clear {
	clear: both;
	}

var {
	visibility: hidden;
}

#menu {
	width: 600px;
	height: 31px;
}

#menu a {
	text-decoration: none;
	display: block;
	float: left;
	height: 31px;
}

.footer {
	position: absolute;
	color: #000;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 10pt;
}

a.one {
width: 127px;
background: url(images/menu.png) no-repeat 0px 0px;
}
a.two {
width: 278px;
background: url(images/menu.png) no-repeat -127px 0px;
}
a.three {
width: 146px;
background: url(images/menu.png) no-repeat -403px 0px;
}

a:hover.one {
width: 127px;
background: url(images/menu.png) no-repeat 0px -31px;
}
a:hover.two {
width: 278px;
background: url(images/menu.png) no-repeat -127px -31px;
}
a:hover.three {
width: 146px;
background: url(images/menu.png) no-repeat -403px -31px;
}

</style>