/* by Chris Saenger http://saengerweb.com/ January 2008 */

body {
	margin-top: 20px;
	margin-left: 30px;
	background-color: #4a525a; /* thanks gruber */
	}

img {
	border: 1px solid #666;
	}

a {
	text-decoration: none;
	}

a:link {
	text-decoration: none;
	color: #e5e5e5;
	border-color: #888;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	padding: 3px 0px 2px 0px;
	background-color: inherit;
	}

a:visited {
	color: #e5e5e5;
	border-color: #999;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	padding: 3px 0px 2px 0px;
	background-color: inherit;
	}

a:hover {
	border-color: #f2e879;
	color: #fff;
	background-color: inherit;
	}

ul li:before {
	content: "\00BB \0020";
	}

#header {
	margin-bottom: 20px;
	margin-left: 70px;
	}

 #header p {
 	color: #999;
 	background-color: inherit;
 	margin: -50px 0 0 150px;
 	}

#header h1 {
	font-size: 0em;
	color: #4a525a;
	background-color: inherit;
	background: url(../i/sp-header.gif) no-repeat;
	display: block;
	height: 59px;
	margin: 0 0 -50px 0;
	}

h2#nav {
 	font-size: 1.7em;
 	font-weight: normal;
 	}

h2#nav a {
 	text-decoration: underline;
 	}

#nav ul li {
	margin: 0 0 20px 0;
	text-indent: -20px;
	font-size: larger;
	}

#thumbs a:link {
	border: none;
	}

#thumbs a:visited {
	border: none;
	}

#thumbs img:hover,
.subthumb img:hover {
	border: 1px solid #ffffe5;
	}

a.subthumb {
	border-bottom: none;
	}

#text {
	color: #fff;
	background-color: inherit;
	text-align: left;
	margin-top: -400px; 	/* Along with the whopping big height of #bigimage
							(below), this -400px margin allows me to snug the #text content up to the bottom of the thumbnails. */
	}

#text ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 20px;
	}

#bigimage {
	width: 350px;
	height: 750px; 		/* had to set this to be longer than the longest text
						(in the white DII page) so that it could then be subtracted back reliably in #text above. */
	}

#order strong
#order h3 {
	color: #ff6464;
	background-color: inherit;
	}

/* 	#order is the <div> that contains the form 

	#orderform is the <form> itself */

#orderform textarea,
#orderform input {
	color: black;
	background-color: white;
	}

#orderform #submit {
	margin: 20px;
	}

.formerror {
	border: 1px solid #f00;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
	}

#footer p {
	font-size: 11px;
	color: #999;
	background-color: inherit;
	}

#footer a {
	font-size: 11px;
	color: #999;
	background-color: inherit;
	border: none;
	}

#submit {
	color: #000;
	background-color: #fff;
	}

label, input, textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	}

label {
	width: 55px;
	}

br {
	clear: left;
	}