/* Website designed by Starfish Graphics */
/* www.StarfishGraphics.biz */

/*	
	outline:	 		1px solid red;  
	*/

* {
	margin: 			0;
	padding: 			0;
	outline: 			none;
	border: 			none;
}

body {
	font-family: 		"Trebuchet-MS", Arial, Helvetica, sans-serif;
	font-size: 			62.5%;
	background:			none;
}

div#wrapper {
	position: 			relative;
	width: 				700px;
	margin: 			0 auto;
}

/* header */
div#header {
	height: 			99px;
	margin: 			20px 0px 10px 0px;
	background: 		url("images/header.png");
}
/* text off screen for header image */
div#header h1 {
	text-indent: 		-3000em;
}

/* front page thumbnails */
div#sample-box {
	position: 			relative;
	width: 				700px;
	margin: 			0px 70px 0px 75px;
}

.sample-box {
	margin: 			0px;
	padding:			3px;	
	width: 				170px;
	height: 			auto;
	float:				left;
}

div#more	{ 	
				position:   absolute;
				z-index:				99;
				top:        370px;
				left:       600px;
}

a.more {		display: 	block;
				width: 									69px;
				height: 								28px;
				text-indent:			 -1000em;
				background: 				url(images/more-right.jpg) left top no-repeat;
}

a.more:hover {
				background-image: url(images/more-right-hover.jpg);
}

div#back	{ 	position:   absolute;
				z-index:	99;
  				top:        370px;
  				left:       600px;
}

a.back {		display: 	block;
				width: 		69px;
				height: 	28px;
				text-indent: -1000em;
				background: url(images/back.jpg) left top no-repeat;
}

a.back:hover {
				background-image: url(images/back-hover.jpg);
}

/* nav for front cover */	
div#nav-cvr {
	position: 			relative;
	height: 			6em;
	line-height: 		6em;
}
div#nav-cvr ul {
	list-style-type: 	none;
	font-size: 			1.7em;
	font-weight:		bold;
	margin: 			0px 70px;
	color: 				#9f9999;
}
div#nav-cvr ul li {
	float: 				left;
}
div#nav-cvr ul li a { 
	float: 				left;
	color: 				#9f9999;
	padding: 			0 1.5em;
}
div#nav-cvr ul li a:link, 
div#nav-cvr ul li a:visited {
	text-decoration: 	none;	 
}
div#nav-cvr ul li a:hover {
	color: 				#000000;
}
div#nav-cvr ul li a:active {
	color: 				#000000;
}

div#credits{
	position: 			relative;
	margin: 			0px 70px;
	font-size: 			1.2em;
	line-height: 		1.5em;
	text-align: 		center;
	color: 				#9f9999;
	clear:				both;
}

/* links */
a:link {
	color: 				#9f9999;
	text-decoration:	none;
}
a:visited {
	color: 				#9f9999;
	text-decoration: 	none;
}
a:hover {
	color: 				#6a1f88;
	text-decoration: 	underline;
}
a:active {
	text-decoration: 	none;
}