html, body { margin: 0; padding: 0;}

img { margin: 0; padding: 0; }
	  
body {
	text-align: left;
	font-size: small;
	font-family: "Century Gothic", Helvetica, sans-serif;
	}
	
#resume { 
		position: relative;  
		width: 400px; 
		margin: 0 auto 0 auto; 
		padding: 0; 
		}	



p { margin: 5px;
	padding:0;
	letter-spacing: 2px;
	}
	
#ks { font-family: helvetica , san-sarif; font-size: 20px; letter-spacing: 4px; margin: 9px 0 2px 0; padding: 0; }

#headermain { font-family: helvetica , san-sarif; font-size: 24px; letter-spacing: 2px; margin: 6px 0 1px 0; padding: 0; }

#year { font-size: 9px; margin: 2px 0 0 0; padding: 0; }

#homelink { display: block; width: 100%; height: 50px; position: absolute; margin: 0 auto 0 auto; }

#popuptext { position: absolute; font-size: 11px; padding: 0; text-align: right; top:  400px; right: 50px; margin: 0; }


/* LINK STYLES */

a { text-decoration: none; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover {color: #333333; }
a:visited:hover { color: #333333; }


/* LIST STYLES */

ul li, ol li { font-size: 100%; }
ul li ul li a { font-size: 100%; }

	
/* ID STYLES */

#top {
	position: fixed;
	width: 100%;
	top: 0; 
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	background: #000000;
	letter-spacing: 4px;
	}

#main { position: absolute;
        top: 50px; 
        bottom: 50px; 
        width: 100%; 
        padding: 10px 0 0 0;
        text-align: center;
        }
        
#main2 { position: absolute;
        top: 50px; 
        bottom: 50px; 
        width: 100%; 
        padding: 0 0 0 0;
        text-align: center;
        }
   
#content { width:800px; margin:20px auto 0 auto; }
#contentbio { width:750px; margin:20px auto 0 auto; }
#content img { margin: 0 20px 0 0; padding: 0; }
#content p { text-align: left; color: #000000; font-size: 11px }
#contentbio p { text-align: left; color: #000000; font-size: 12px }

#coll { position: relative;  width: 400px; margin: 0 auto 0 auto; padding: 0; }
#coll img { margin: 0; padding: 0; }
#previous { position: absolute; top: 470px; left: 5px;
		font-size: 20px;
		color: #000000;
		font-weight: bold;
 }
 
#next { position: absolute; top: 470px; right: 5px;
		font-size: 20px;
		color: #000000;
		font-weight: bold;
 } 

/* NICK - this is the style I added for the collection text below each image */
#book_text_blk { position: absolute; 
			 top: 495px; 
			 width: 354px;
			 padding: 5 0 5 0; 
			 text-align: center;
			 color: #FFFFFF;
			 background: #000000;
			 font-size: 9px;
			 font-family: "Century Gothic", Helvetica, sans-serif; }

#book_text { position: absolute; 
			 top: 495px; 
			 width: 354px;
			 padding: 5 0 5 0; 
			 text-align: center;
			 color: #000000;
			 font-size: 10px;
			 font-family: "Century Gothic", Helvetica, sans-serif; }
/* Nick - not sure if position needs to be absolute to the div it's in  or if it needs to be positioned javascript */			 
#pagination { position: absolute; 
			 top: 495px; 
			 width: 354px;
			 padding: 5 0 5 0; 
			 text-align: center;
			 color: #FFFFFF;
			 background: #000000;
			 font-size: 9px;
			 font-family: "Century Gothic", Helvetica, sans-serif; }
						 

#shopbox { position: relative; height: 100%; margin: 0; padding: 0;  }

#scroll {  width: 100%; height: 140px; margin: 0; padding: 0;  }
#scroll img { margin: 0; padding: 0; }
   
#form { text-align: left;
	font-size: small;
	font-family: "Century Gothic", Helvetica, sans-serif;
	margin: 0 auto 0 auto;
	letter-spacing: 2px;
	}

#shop { position: relative; width: 450px; margin: 0 auto 0 auto; }
#shop p {
	position: absolute;
	width: 230px;
	right: -1px;
	top: 90px;
	font-size: 10px;
	padding: 0;
	text-align: left;
	line-height: 16px;
	color: #000000;
	height: 94px;
}
#shop span { display: block; margin: 2px 5px 5px 10px;  padding: 0; }


#shop a:hover { text-decoration: underline; }
#shop a:visited:hover { text-decoration: underline; }

#planned_phood { position: relative;
	margin: 0 800px 0 0;
	padding: 5 0 5 5;
	text-align: top;
	color: #000000;
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, sans-serif; }


#trunkparty { position: relative;
	margin: 0 -130px 0 0;
	padding: 0 0 0 0;
	text-align: top;
	color: #000000;
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, sans-serif; }

	
#septemberparty { position: relative;
	margin: 0 -50px 0 0;
	padding: 0 0 0 20;
	text-align: top;
	color: #000000;
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, sans-serif; }

#whiteparty { position: relative;
	margin: 0 -200px 0 0;
	padding: 5 0 5 5;
	text-align: top;
	color: #000000;
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, sans-serif; }
	
#party_spacer_1 {  position: relative;
	height: 5px;
	width: 35px;
	text-align: top;
	color: #000000;
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, sans-serif; }

#nav {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	background: #000000;
	}

#nav ul { margin: 5px 0 5px 0; padding: 0; text-align: center; }
#nav li { margin: 0 15px 0 15px; padding: 0; display: inline; letter-spacing: 1px; }

#nav a { text-decoration: none; }
#nav a:link { color: #FFFFFF; }
#nav a:visited { color: #FFFFFF; }
#nav a:hover { color: #999999; }
#nav a:visited:hover { color: #999999; }
#current { color: #999999; }

#footer { 
	color: #555555;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 9px;
	width: 500px;
	letter-spacing: 2px;
	}

/* SCROLLER */

#motioncontainer {
margin: 0 auto;  /*Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 140px; /* Set to gallery height */
}

#motioncontainer a img {
 /* Set image border color */
}

#motioncontainer a:hover img {
 /* Set image border hover color */
}

#statusdiv {

padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left:0px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

.orderButton {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #FFFFFF;
	border-left-color: transparent;
	background-color: #FFFFFF;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.orderButton:hover {
	text-decoration: underline;
}



/* END CSS */
/* END CSS */
/* END CSS */
/* END CSS */
/* END CSS */
/* END CSS */