@charset "utf-8";
/* CSS Document */

body {
	background-image:url(mhBackground.jpg);
	background-repeat:no-repeat;
	background-color:#000;
}

img.thumbnail {
	border:3px solid #000;
	margin:5px;
	}

img.thumbnail:hover {
	border-color:#c14343;
	}

img.loading {
	display: none;
}

a {
	color: #000;
	font:Arial, Helvetica, sans-serif;
	}	


h1 {
	text-align: left;
	padding-left: 0px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 16pt;
	color:#CCC;
}

h1.page {
	text-align: left;
	padding-left: 0px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 16pt;
	color:#C14343;
	}

h1:hover {
	color: #c14343;
	}
	
h1.page:hover {
	color: #f45b5b;
	}
	
h2 {
	text-align:right;
	padding-top: 5px;
	padding-right: 5px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 10pt;
	color:#999;
	}
	
h3 {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;
	}
	
h3.indent {
	margin-left: 150px;
	}	
		
	
p.link {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12pt;
	color:#CCC;
	}
	
p.link:hover {
	color: #c14343;
	font-family: Helvetica, Arial, sans-serif;
	}			

p.indent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #c14343;
	margin-left: 30px;
	}
	

p.indent:hover {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #f45b5b;
	margin-left: 30px;
	}		



#container{
	position:relative;
	width:1150px;
	text-align:left;
	margin:0 auto;
}


/* Divs for the REEL PAGE/Index */

div#contentReel {
	position: absolute;
	left: 247px;
	top: 140px;
	width: 720px;
	height: 405px;
	border: solid medium #c14343;
}

div#breakdown {
	position: absolute;
	left: 785px;
	top: 635px;
	width: 200px;
	height: 16px;
	background-image: url(reelPage/images/breakdownNormal.gif);
}

div#breakdown:hover {
	background-image: url(reelPage/images/breakdownHover.gif);
	}

div#nameHeader {
	position: absolute;
	left: 182px;
	top: 9px;
	width: 510px;
	height: 97px;
	background-image:url(reelPage/images/nameHeader.gif); 
}

div#resume {
	position: absolute;
	right: 65px;
	top: 30px;
	width: 100px;
	height: 40px;
}

/*
div#resume:hover {
	background-image: url(reelPage/images/resumeHover.gif);
}
*/

div#email {
	position: absolute;
	right: 83px;
	top: 64px;
	width: 173px;
	height: 43px;
}

/*
div#email:hover {
	background-image: url(reelPage/images/emailHover.gif) ;
}
*/

div#lineHeader {
	position: absolute;
	left: 200px;
	top: 106px;
	width: 881px;
	height: 7px;
	background-image: url(reelPage/images/lineHeader.gif);
}

div#onReel {
	position:absolute;
	left:63px;
	top: 130px;
	width: 110px;
	height: 210px;
}

div#motion {
	position: absolute;
	left: 29px;
	top: 309px;
	width: 101px;
	height: 33px;
	background-image: url(reelPage/images/motionNormal.gif);
}
 div#motion:hover {
 	background-image: url(reelPage/images/motionHover.gif);
 }

div#print {
	position: absolute;
	left: 56px;
	top: 368px;
	width: 74px;
	height: 35px;
	background-image: url(reelPage/images/printNormal.gif);
}
div#print:hover {
	background-image: url(reelPage/images/printHover.gif);
}

div#social {
	position: absolute;
	left: 0px;
	top: 585px;
	width: 220px;
	height: 40px;
	}

div#cert {
	position:absolute;
	right: 320px;
	top: 35px;
}

div#footer {
	position: absolute;
	left: 196px;
	top: 672px;
	width: 881px;
	height: 42px;
	background-image: url(reelPage/images/footer.gif);
}

div#footeronprint {
	position: absolute;
	left: 196px;
	top: 812px;
	width: 881px;
	height: 42px;
	background-image: url(reelPage/images/footer.gif);
}

/* End of REEL/Index Divs */




/* FOR MOTION HTML PAGE */


div#reel {
	position:absolute;
	left:63px;
	top: 248px;
	width: 67px;
	height: 36px;
	background-image: url(reelPage/images/reelNormal.gif) ;
}
div#reel:hover {
	background-image: url(reelPage/images/reelHover.gif);
}

div#onMotion {
	position: absolute;
	left: 29px;
	top: 309px;
	width: 101px;
	height: 33px;
	background-image: url(reelPage/images/motionHover.gif);
}

div#ynsThumb {
	position: absolute;
	left: 247px;
	top: 151px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/ynsNormal.gif);
}

div#gunshopThumb {
	position: absolute;
	left: 401px;
	top: 151px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/gunshopNormal.gif);
}

div#juxtapozThumb {
	position: absolute;
	left: 555px;
	top: 151px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/juxtapozNormal.gif);
}

div#ufoThumb {
	position: absolute;
	left: 710px;
	top: 151px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/ufoNormal.gif);
}

div#ducksendThumb {
	position: absolute;
	left: 247px;
	top: 306px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/4ducksEndNormal.gif);
}

div#eleavenThumb {
	position: absolute;
	left: 401px;
	top: 306px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/eleavenNormal.gif);
}

div#billabongThumb {
	position: absolute;
	left: 555px;
	top: 306px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/billabongNormal.gif);
}

div#cnThumb {
	position: absolute;
	left: 710px;
	top: 306px;
	width: 143px;
	height: 143px;
	background-image: url(motionPage/images/cnNormal.gif);
}

div#main-window {
	position: absolute;
	left: 220px;
	top: 116px;
	width: 850px;
	height: 385px;
	border: solid medium #c14343;
	}

div#links-window {
	position: absolute;
	left: 250px;
	top: 510px;
	width:: 850px;
	height: 172px;
	}
	
div#motionGallery {
	position:absolute;
	left: 230px;
	top: 140px;
	width: 950px;
	height: 550px;
	}	


/* END OF MOTION HTML PAGE */




/* FOR PRINT HTML PAGE */

div#onPrint {
	position: absolute;
	left: 56px;
	top: 368px;
	width: 74px;
	height: 35px;
	background-image: url(reelPage/images/printHover.gif);
}

div#printGallery {
	position:absolute;
	left: 230px;
	top: 140px;
	width: 950px;
	height: 650px;
	}
	
	
/* CONTACT HTML PAGE */	
	
div#contentContact {
	position: absolute;
	left: 200px;
	top: 170px;
	width: 720px;
	height: 477px;
}	

div#onEmail {
	position: absolute;
	left: 840px;
	top: 78px;
	width: 234px;
	height: 29px;
	background-image: url(reelPage/images/emailHover.gif);
}