@charset "utf-8";


	
	

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: transparent;
	color: #999;
}

/* is universal and affects all, might be able to remove the big one above, also have repeate of margin, pad 0 in body tag for vertical centering */

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


/* have used fonts2, not other yet may edit */
.font2 {
	font-size: 12px;
	font-weight: 400;
	text-align: right;
}
.fronts {
	font-size: 12px;
	font-weight: lighter;
	color: #999;
	background-color: #FFF;
	vertical-align: text-top;
}







/* vertical centering **/
      
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	
}


 
div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -300px;
float: left;
}
 
div#wrapper {
	width: 810px;
	height: 600px;
	clear: both;
	position: relative;
	top: -300px;
	/* IE4ever Hack: Hide from IE4 **/
position: static;/** end hack */
	margin-right: auto;
	margin-left: auto;
}
/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
 
html, body {
height: auto;
}
/* end hack */
 
/* ]]> */

/* left col for print page */
#leftNav {
	float: left;
	height: 600px;
	width: 225px;
}

/* middle col holds x */
#middle {
	width: 28px;
	margin-right: 549px;
	margin-left: 225px;
}
#x {
	margin-top: 260px;
}

/* right col for main image */
#imageDiv   {
	float: right;
	width: 557px;
	height: 551px;
}


/* Below all css for draw pages, this one holds button and page number content */
#nextDiv {
	clear: right;
	height: 48px;
}



#nextButton {
	float: right;
	width: 235px;
	height: 46px;
}
#pageNumber {
	margin-left: 270px;
	margin-right: 235px;
	height: 29px;
	padding-top: 17px;
}

#back {
	float: left;
	width: 270px;
	height: 46px;
}

#arrowLeftPad {
	padding-left: 210px;
}

/* this is for the wrapper of the nav.html file */
#navContainer {
	width: 224px;
	height: 600px;
}
/* this is for nav.html also, david henckels name */
#nameDiv {
	height: 96px;
}

/* this is for nav.html also */
#buttonsContainer {
	width: 100px;
	float: left;
	padding-left: 16px;
}

/* this is for nav.html also */
#paperImage {
	width: 106px;
	float: right;
	padding-left: 2px;
}

/* these pads are used on nav.html, between contact and flash rock */
.topPad {
	margin-top: 12px;
}

.botPad {
	margin-bottom: 20px;
}

/* stops dotted link outline */
:focus {
	outline: 0;
	}
	
	/* below labled home are for the thumbnail pages */
#imageDivHome {
	float: right;
	height: 570px;
	width: 559px;
	margin-top: 25px;
	margin-left: 15px;
	position: relative;
	left: 0px;
	top: 0px;
}
#apDiv3 {
	height: 24px;
	width: 107px;
	position: absolute;
	left: 430px;
	top: 373px;
	z-index: 1;
}


.thumbnail 
{
	float:left;
	width:182px;
	height:182px;
}
.thumbnailPrint {
	float:left;
	width:153px;
	height:153px;
	padding: 0px;
	margin: 14px;
}

#arrow {
	margin-top: 40px;
}
.inlineHome {
	display: inline;
}
.text_line
{
clear:both;
}
/* below for the print pages */
#printButtons {
	float: right;
	width: 120px;
}
#apDiv1 {
	padding-top: 10px;
	font-size: 12px;
	padding-left: 8px;
}
.rightAlign {
	float: right;
}
.leftAlign {
	float: left;
}

/* this is a larger image div */
#imageDiv2 {
	float: right;
	width: 557px;
	height: 580px;
}

#email {
	color: #999;
	font-size: 12px;

	
}