/*
***********************************************************

Site:			Erick Fenstermaker
Created: 		05.02.09

***********************************************************
*/

/*
Global Reset and Little Tricks */

* { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none; margin:0; padding:0; }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
a { outline: none } /* Gets rid of Firefox's dotted borders */
a img { border: none } /* Gets rid of IE's blue borders */

/*
Global Styles */

body { background-color: #fff; }
.corner-top-left { position: absolute; top: 285px; left: 303px; }
.corner-bottom-left { position: absolute; top: 689px; left: 304px; }
.corner-top-right { position: absolute; top: 285px; left: 846px; }
.corner-bottom-right { position: absolute; top: 690px; left: 857px; }

.galleryScroll {width: 600px; height:450px; position: absolute; top:0px;}

.gallery-pager { position: absolute; top: 770px; left: 303px; width: 600px; }
	.gallery-pager ul { float: right; }
		.gallery-pager ul li { float: left; margin:0 0 0 10px; }

/*
Navigation */

#nav { width: 208px; position: fixed; left: 39px; top: 293px; z-index: 100; }
	#nav li a { text-indent: -9999px; height: 58px; display: block; margin-bottom: 10px; }
	#nav-3d a { background: url(../images/nav-3d.png) no-repeat; }
	#nav-2d a { background: url(../images/nav-2d.png) no-repeat; }
	#nav-demo a { background: url(../images/nav-demo.png) no-repeat; }
	#nav-bio a { background: url(../images/nav-bio.png) no-repeat; }
	#nav-links a { background: url(../images/nav-links.png) no-repeat; }
	#nav-resume a { background: url(../images/nav-resume.png) no-repeat; }

/*
3D Work */

#bg-3d { position: relative;width: 100%; height: 1024px; background: url(../images/bg-3d.jpg) 0 0 no-repeat; }
#title-3d { position: absolute; top: 74px; left: 440px; background: url(../images/hdr-3d.png) no-repeat; height: 178px; width: 336px; text-indent: -9999px; }
#gallery-3d { position: absolute; top: 286px; left: 304px; width: 600px; height:450px; overflow:hidden; }
	#gallery-3d li { float: left; line-height: 0; }
 
/* 3d Thumbnails */
 
a#thumb3d01 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_01_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d01 { background-position: 0 -150px; }
	
a#thumb3d02 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_02_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d02 { background-position: 0 -150px; }
	
a#thumb3d03 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_03_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d03 { background-position: 0 -150px; }
	
a#thumb3d04 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_04_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d04 { background-position: 0 -150px; }
	
a#thumb3d05 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_05_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d05 { background-position: 0 -150px; }
	
a#thumb3d06 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_06_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d06 { background-position: 0 -150px; }
	
a#thumb3d07 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_07_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d07 { background-position: 0 -150px; }
	
a#thumb3d08 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_08_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d08 { background-position: 0 -150px; }
	
a#thumb3d09 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_09_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d09 { background-position: 0 -150px; }
	
a#thumb3d10 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_10_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d10 { background-position: 0 -150px; }
	
a#thumb3d11 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_11_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d11 { background-position: 0 -150px; }
	
a#thumb3d12 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_12_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d12 { background-position: 0 -150px; }
	
a#thumb3d13 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_13_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d13 { background-position: 0 -150px; }
	
a#thumb3d14 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_14_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d14 { background-position: 0 -150px; }
	
a#thumb3d15 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_15_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d15 { background-position: 0 -150px; }
	
a#thumb3d16 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_16_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d16 { background-position: 0 -150px; }
	
a#thumb3d17 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_17_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d17 { background-position: 0 -150px; }
	
a#thumb3d18 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_18_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d18 { background-position: 0 -150px; }
	
a#thumb3d19 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_19_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d19 { background-position: 0 -150px; }

a#thumb3d20 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/3d_20_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb3d20 { background-position: 0 -150px; }

/*
2D Work */

#bg-2d { position: relative; width: 100%; height: 1024px; background: url(../images/bg-2d.jpg) 0 0 no-repeat; }
#title-2d { position: absolute; top: 74px; left: 440px; background: url(../images/hdr-2d.png) no-repeat; height: 176px; width: 336px; text-indent: -9999px; }
#gallery-2d { position: absolute; top: 286px; left: 304px; width: 600px; height:450px; overflow:hidden;}
	#gallery-2d li { float: left; line-height: 0; }
	
/* 2d Thumbnails */
 
a#thumb2d01 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_01_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d01 { background-position: 0 -150px; }
	
 
a#thumb2d02 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_02_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d02 { background-position: 0 -150px; }
	
a#thumb2d03 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_03_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d03 { background-position: 0 -150px; }
	
a#thumb2d04 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_04_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d04 { background-position: 0 -150px; }
	
a#thumb2d05 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_05_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d05 { background-position: 0 -150px; }
	
a#thumb2d06 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_06_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d06 { background-position: 0 -150px; }
	
a#thumb2d07 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_07_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d07 { background-position: 0 -150px; }
	
a#thumb2d08 { display: block; height: 150px; width: 150px; background:url(../images/thumbnails/2d_08_thumb.jpg) 0 0 no-repeat; }
	a:hover#thumb2d08 { background-position: 0 -150px; }

/*
Demo */

#bg-demo { position: relative; width: 100%; height: 1024px; background: url(../images/bg-demo.jpg) 0 0 no-repeat; }
#title-demo { position: absolute; top: 72px; left: 441px; background: url(../images/hdr-demo.png) no-repeat; height: 189px; width: 335px; text-indent: -9999px; }
#demo-flv { position: absolute; top: 325px; left: 325px; width: 600px; height:450px; overflow:hidden;}
#demo-video-container { margin: 0 auto; left: 325px; width:600px; top: 325px; height:450px; position: absolute; }	
/*
Bio */

#bg-bio { position: relative; width: 100%; height: 1024px; background: url(../images/bg-bio.jpg) 0 0 no-repeat; }
#title-bio { position: absolute; top: 72px; left: 441px; background: url(../images/hdr-bio.png) no-repeat; height: 180px; width: 335px; text-indent: -9999px; }
	#bg-bio img { position: absolute; top: 279px ; left: 299px; }

/*
Links */

#bg-links { position: relative; width: 100%; height: 1021px; background: url(../images/bg-links.jpg) 0 0 no-repeat; }
#title-links { position: absolute; top: 72px; left: 441px; background: url(../images/hdr-links.png) no-repeat; height: 180px; width: 335px; text-indent: -9999px; }
	#bg-links ul { text-align: center; width: 216px; }
	#links-left { position: absolute; left: 356px; top: 355px; }
	#links-right { position: absolute; left: 638px; top: 355px; }
	#bg-links li { margin-bottom: 22px; }

/*
Resume */

#bg-resume { position: relative; width: 100%; height: 1127px; }
#title-resume { position: absolute; top: 25px; left: 351px; background: url(../images/txt-download-resume.png) no-repeat; height: 40px; width: 561px; text-indent: -9999px; }
	#bg-resume img { position: absolute; top: 77px; left: 254px; }