/**************************/
/* VARIOUS GLOBAL STYLING */
/**************************/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: rgba(124,139,162,.40);
}

a {
	color: rgb(33, 86, 140);
	text-decoration: none;
}

a:hover {
	color: rgb(59,163,145);
	text-decoration: none;
}

/******************/
/* NAVIGATION BAR */
/******************/

#navigation {
	width: 1280px;
	height: 35px;
	text-decoration: none;
}

#navigation li {
	display: inline;
	text-align: center;
	line-height: 35px;
	float:left;
}

#navigation a {
	display: block;
	background-image: url(../images/mainNav_Sprite.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

/* HIDES NAVIGATION LIST TEXT */
#navigation span {
	visibility: hidden;
}

/* HOME BUTTON */
#navHome {
	width: 161px;
}

#navHome a:hover {
	background-position: 0 -35px;
}

/* GALLERY BUTTON */
#navGallery a{
	width: 186px;
	background-position: -161px 0;
}

#navGallery a:hover {
	background-position: -161px -35px;
}

/* RESUME BUTTON */
#navResume a{
	width: 213px;
	background-position: -347px 0;
}

#navResume a:hover {
	background-position: -347px -35px;
}

/* BIO BUTTON */
#navBio a{
	width: 140px;
	background-position: -560px 0;
}

#navBio a:hover {
	background-position: -560px -35px;
}

/* CONTACT BUTTON */
#navContact a{
	width: 212px;
	background-position: -700px 0;
}

#navContact a:hover {
	background-position: -700px -35px;
}

/* LINKS BUTTON */
#navLinks a{
	width: 198px;
	background-position: -912px 0;
}

#navLinks a:hover {
	background-position: -912px -35px;
}

/* LINKEDIN BUTTON */
#navLinkedIn a{
	width: 170px;
	background-position: -1110px 0;
}

#navLinkedIn a:hover {
	background-position: -1110px -35px;
}



/* SETS YOU ARE HERE NAV BUTTON */
#home #homeLink {
	background-position: 0 -70px;
}

#gallery #galleryLink {
	background-position: -161px -70px;
}

#gallery #galleryLink a:hover{
	background-position: -161px -105px;
}

#resume #resumeLink {
	background-position: -347px -70px;
}

#bio #bioLink {
	background-position: -560px -70px;
}

#contact #contactLink {
	background-position: -700px -70px;
}

#links #linksLink {
	background-position: -912px -70px;
}

/**********************/
/* RECOMMENDATION BOX */
/**********************/

#viewRec {
	width: 148px;
	height: 60px;
	text-align: center;
	background-color: rgb(255, 255, 255);
	padding: 0px 10px 10px 10px;
	position: absolute;
	left: 1110px;
	top: 161px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border: 1px solid rgb(0, 0, 0);
	border-top: 0;
	Box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.3);
	z-index: 20;
	}

#viewRec p {
	font-weight: bold;
	margin-top: 5px;
	color: rgb(0, 0, 0);
	font-size: 15px;
}

/**********************/
/* HOME PAGE ELEMENTS */
/**********************/

#sideBar h1 {
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(0, 0, 0);
	background-image: url(../images/DotSep.png);
	background-repeat: no-repeat;
	background-position: 218px 5px;

}

#sideBar p {
	color: rgb(0, 0, 0);
	font-size: 15px;
	line-height: 110%;
	padding: 5px;
}

#sideBar span {
	padding-left: 10px;
	font-weight: bold; 
}

#sideBar a {
	font-size: 16px;
	font-weight: bold;
}

/************************/
/* TABBED GALLERY INDEX */
/************************/

.tabs li {
	float: left;
}

.tabs a {
	text-decoration: none;
	display: block;
	margin-right: 15px;
	font-size: 20px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	padding: 10px 10px;
	padding-bottom: 6px;
	background-color: rgb(60, 60, 65);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid rgb(0, 0, 0);
	border-bottom: 0;
}

.tabs .active {
	background-color: rgb(210, 210, 215);
	color: rgb(33, 86, 140);
	border-bottom: 1px solid rgb(210, 210, 215);
	margin-bottom: -1px;
}

.tabs a:hover {
	color: rgb(59,163,145);
	text-decoration: none;
}

.thumbsNote {
	float: right;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	background-color: rgb(0, 0, 0);
	border-radius: 5px;
	box-shadow: -2px 6px 8px rgba(0, 0, 0, 0.4);
}

.comingSoon {
	clear: both;
	color: rgb(0, 0, 0);
	font-size: 24px;
	font-weight: bold;
	padding: 5px 5px;
	padding-top: 100px;
	margin-left: 300px;
}

#panelContainer h1 {
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: bold;
	width: 350px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(0, 0, 0);
	background-image: url(../images/DotSep.png);
	background-repeat: no-repeat;
	background-position: 320px 5px;
	border-radius: 5px;
}

#navWIP li {
	display: inline;
	text-align: center;
	line-height: 145px;
	float:left;
	margin-right: 15px;
	margin-left: 15px;
}

#navWIP a {
	display: block;
	background-image: url(../images/GalleryIndex/Gallery3D_Sprite.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

#navPrevious li {
	display: inline;
	text-align: center;
	line-height: 145px;
	float:left;
	margin-right: 15px;
	margin-left: 15px;	
}

#navPrevious a {
	display: block;
	background-image: url(../images/GalleryIndex/Gallery3D_Sprite.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

#navLogo li {
	display: inline;
	text-align: center;
	line-height: 194px;
	float:left;
	margin-right: 15px;
	margin-left: 15px;
}

#navLogo a {
	display: block;
	background-image: url(../images/GalleryIndex/GalleryLogo_Sprite.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

#Prof3DStillsWorks .clickText {
	float: right;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	background-color: rgb(0, 0, 0);
	border-radius: 5px;
	box-shadow: -2px 6px 8px rgba(0, 0, 0, 0.4);
}

#Prof3DVidsWork .H_3DVidAnim {
	margin-left: 44px;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: -6px 6px 14px rgba(0, 0, 0, 0.6);
}

#Prof3DVidsWork .D_3DVidAnim_16x10 {
	margin-left: 64px;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.6);
}

#Prof3DVidsWork .D_3DVidAnim_16x9 {
	margin-left: 65px;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.6);
}

#Prof3DDemoReel .ShowReel_3DVidAnim_16x9 {
	margin-left: 100px;
	margin-top: 20px;
	border-radius: 10px;
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
}
#Prof3DStillsWorks .responsibilities {
	padding-bottom: 20px;
	margin-left: 40px;
}

#Prof3DVidsWork .responsibilities {
	padding-bottom: 20px;
	margin-left: 40px;
}

#Prof3DDemoReel .responsibilities {
	padding-bottom: 20px;
	margin-left: 40px;
}
	
/*********************/
/* GALLERY INDEX NAV */
/*********************/

/* HUEY BUTTON */
#navHuey a {
	width: 258px;
	background-position: -259px 0;
}

#navHuey a:hover {
	background-position: -259px -146px;
}

/* P38 BUTTON */
#navP38 a {
	width: 258px;
	background-position: -518px 0;
}

#navP38 a:hover {
	background-position: -518px -146px;
}

/* PWatch BUTTON */
#navPWatch a {
	width: 258px;
	background-position: -518px -292px;
}

#navPWatch a:hover {
	background-position: -518px -438px;
}

/* FOKKER DVII BUTTON */
#navFokker a {
	margin-top: 36px;
	width: 258px;
	background-position: 0px -292px;
}

#navFokker a:hover {
	background-position: 0px -438px;
}

/* PANZER III BUTTON */
#navPanzer a {
	margin-top: 36px;
	width: 258px;
	background-position: -259px -292px;
}

#navPanzer a:hover {
	background-position: -259px -438px;
}

/* DELOREAN BUTTON */
#navDelorean a {
	margin-top: 36px;
	width: 258px;
}

#navDelorean a:hover {
	background-position: 0 -146px;
}


/*LOGO THUMBS*/

/* AIMEE LOGO BUTTON */
#navAimeeLogo a {
	width: 172px;
	background-position: 0px 0px;
}

#navAimeeLogo a:hover {
	background-position: 0px -195px;
}

/* CG LOGO BUTTON */
#navCGLogo a {
	width: 194px;
	background-position: -173px 0px;
}

#navCGLogo a:hover {
	background-position: -173px -195px;
}

/* CC101 LOGO BUTTON */
#navCC101Logo a {
	width: 198px;
	background-position: -368px 0px;
}

#navCC101Logo a:hover {
	background-position: -368px -195px;
}

/************************/
/* GALLERY PAGE STYLING */
/************************/

#galleryHeader {
	width: 1280px;
	height: 40px;
	border-bottom: 2px solid rgb(0, 0, 0);
}

#galleryContainer #galleryLogoHeader {
	float: left;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: bold;
	width: 375px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(0, 0, 0);
	background-image: url(../images/DotSep.png);
	background-repeat: no-repeat;
	background-position: 348px 5px;
}

#galleryContainer h1 {
	float: left;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: bold;
	width: 238px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(0, 0, 0);
	background-image: url(../images/DotSep.png);
	background-repeat: no-repeat;
	background-position: 216px 5px;
}

#galleryContainer h2 {
	float: left;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: bold;
	width: 325px;
	padding-left: 5px;
	padding-top: 12px;
	padding-bottom: 10px;
	background-color: rgb(0, 0, 0);
	background-image: url(../images/DotSep.png);
	background-repeat: no-repeat;
	background-position: 299px 4px;
	border-bottom-right-radius: 5px;
}

#proInfo {
	float: right;
	position: relative;
	width: 300px;
	background-color: rgb(0, 0, 0);
	border-bottom-left-radius: 5px;
}

#proInfoBox {
	position: absolute;
	width: 270px;
	background-color: rgb(0, 0, 0);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px 10px;
	left: 10px;
	border-top: 2px dashed rgb(225, 225, 225);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
	z-index: 20;
}

#proInfoBox p {
	color: rgb(225, 225, 225);
	font-size: 14px;
}

.infoDetailHeader,
.infoSoftwareHeader {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

.infoSoftware,
.infoDetail {
	text-indent: 10px;
	padding-left: 5px;
	line-height: 120%;
}

#info {
	cursor: pointer;
	color: rgb(33, 86, 140);
	font-size: 16px;
	font-weight: bold;
	padding-left: 50px;
	padding-top: 11px;
	padding-bottom: 9px;
	background-image: url(../images/ClosedBoxArrow.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#info:hover {
	color: rgb(59,163,145);
}

#proInfo .open{
	background-image: url(../images/OpenedBoxArrow.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.galleryNote {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: bold;
	padding: 10px 40px;
	background-color: rgb(0, 0, 0);
	border-radius: 5px 5px 0px 0px;
}

.galleryNote a{
	font-weight: bold;
}

#GallerySelectReturn {
	position: absolute;
	z-index: 15;
	top: 16px;
	right: 80px;
	
}

#GallerySelectReturn a{
	color: rgb(33, 86, 140);
	text-decoration: none;
	
}

#GallerySelectReturn a:hover{
	color: rgb(59,163,145);
	text-decoration: none;
	
}

#GallerySelectReturn_Personal {
	position: absolute;
	z-index: 15;
	top: 14px;
	right: 68px;
	
}

#GallerySelectReturn_Personal a{
	color: rgb(33, 86, 140);
	text-decoration: none;
	
}

#GallerySelectReturn_Personal a:hover{
	color: rgb(59,163,145);
	text-decoration: none;
	
}

/*********************************/
/* HUEY GALLERY IMAGE NAVIGATION */
/*********************************/

#navHueyGallery li {
	display: inline;
	line-height: 88px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navHueyGallery a {
	display: block;
	background-image:url(../images/HueyGallery/Huey_Thumbnails.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* HUEY GALLERY THUMBNAILS */

/* HUEY IMAGE 01 */
#hueyImage01 a{
	width: 156px;
	background-position: 0px 0px;
}

#hueyImage01 a:hover {
	background-position: 0px -89px; 
}

/* HUEY IMAGE 02 */
#hueyImage02 a{
	width: 156px;
	background-position: -158px 0px;
}

#hueyImage02 a:hover {
	background-position: -158px -89px; 
}

/* HUEY IMAGE 03 */
#hueyImage03 a{
	width: 156px;
	background-position: -316px 0px;
}

#hueyImage03 a:hover {
	background-position: -316px -89px; 
}

/* HUEY IMAGE 04 */
#hueyImage04 a{
	width: 156px;
	background-position: -474px 0px;
}

#hueyImage04 a:hover {
	background-position: -474px -89px; 
}

/* HUEY IMAGE 05 */
#hueyImage05 a{
	width: 156px;
	background-position: -632px 0px;
}

#hueyImage05 a:hover {
	background-position: -632px -89px; 
}

/* HUEY IMAGE 06 */
#hueyImage06 a{
	width: 156px;
	margin-top: 38px;
	background-position: 0px -268px;
}

#hueyImage06 a:hover {
	background-position: 0px -179px; 
}

/* HUEY IMAGE 07 */
#hueyImage07 a{
	width: 156px;
	margin-top: 38px;
	background-position: -158px -268px;
}

#hueyImage07 a:hover {
	background-position: -158px -179px; 
}

/* HUEY IMAGE 08 */
#hueyImage08 a{
	width: 156px;
	margin-top: 38px;
	background-position: -316px -268px;
}

#hueyImage08 a:hover {
	background-position: -316px -179px; 
}

/* HUEY IMAGE 09 */
#hueyImage09 a{
	width: 156px;
	margin-top: 38px;
	background-position: -474px -268px;
}

#hueyImage09 a:hover {
	background-position: -474px -179px; 
}

/********************************/
/* P38 GALLERY IMAGE NAVIGATION */
/********************************/

#navP38Gallery li {
	display: inline;
	line-height: 88px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navP38Gallery a {
	display: block;
	background-image: url(../images/P38Gallery/P38GallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* P38 GALLERY THUMBNAILS */

/* P38 IMAGE 01 */
#P38Image01 a{
	width: 156px;
	background-position: 0px 0px;
}

#P38Image01 a:hover {
	background-position: 0px -89px; 
}

/* P38 IMAGE 02 */
#P38Image02 a{
	width: 156px;
	background-position: -158px 0px;
}

#P38Image02 a:hover {
	background-position: -158px -89px; 
}

/* P38 IMAGE 03 */
#P38Image03 a{
	width: 156px;
	background-position: -316px 0px;
}

#P38Image03 a:hover {
	background-position: -316px -89px; 
}

/* P38 IMAGE 04 */
#P38Image04 a{
	width: 156px;
	background-position: -474px 0px;
}

#P38Image04 a:hover {
	background-position: -474px -89px; 
}

/* P38 IMAGE 05 */
#P38Image05 a{
	width: 156px;
	background-position: 0px -178px;
}

#P38Image05 a:hover {
	background-position: 0px -267px; 
}

/* P38 IMAGE 06 */
#P38Image06 a{
	width: 156px;
	margin-top: 38px;
	background-position: -157px -178px;
}

#P38Image06 a:hover {
	background-position: -157px -267px; 
}

/* P38 IMAGE 07 */
#P38Image07 a{
	width: 156px;
	margin-top: 38px;
	background-position: -314px -178px;
}

#P38Image07 a:hover {
	background-position: -314px -267px; 
}

/***********************************/
/* PWatch GALLERY IMAGE NAVIGATION */
/***********************************/

#navPWatchGallery li {
	display: inline;
	line-height: 88px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navPWatchGallery a {
	display: block;
	background-image: url(../images/PWatchGallery/PWatchGallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* PWatch GALLERY THUMBNAILS */

/* PWatch IMAGE 01 */
#PWatchImage01 a{
	width: 156px;
	background-position: 0px 0px;
}

#PWatchImage01 a:hover {
	background-position: 0px -88px; 
}

/* PWatch IMAGE 02 */
#PWatchImage02 a{
	width: 156px;
	background-position: -157px -1px;
}

#PWatchImage02 a:hover {
	background-position: -157px -89px; 
}

/* PWatch IMAGE 03 */
#PWatchImage03 a{
	width: 156px;
	background-position: -314px 0px;
}

#PWatchImage03 a:hover {
	background-position: -314px -88px; 
}

/* PWatch IMAGE 04 */
#PWatchImage04 a{
	width: 156px;
	background-position: -2px -177px;
}

#PWatchImage04 a:hover {
	background-position: -2px -265px; 
}

/* PWatch IMAGE 05 */
#PWatchImage05 a{
	width: 156px;
	background-position: -158px -178px;
}

#PWatchImage05 a:hover {
	background-position: -158px -266px; 
}

/* PWatch IMAGE 06 */
#PWatchImage06 a{
	width: 156px;
	margin-top: 38px;
	background-position: -314px -177px;
}

#PWatchImage06 a:hover {
	background-position: -314px -265px; 
}

/***********************************/
/* FOKKER GALLERY IMAGE NAVIGATION */
/***********************************/

#navFokkerGallery li {
	display: inline;
	line-height: 88px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navFokkerGallery a {
	display: block;
	background-image: url(../images/FokkerGallery/FokkerGallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* Fokker GALLERY THUMBNAILS */

/* Fokker IMAGE 01 */
#fokkerImage01 a{
	width: 156px;
	background-position: 0px -1px;
}

#fokkerImage01 a:hover {
	background-position: 0px -89px; 
}

/* Fokker IMAGE 02 */
#fokkerImage02 a{
	width: 156px;
	background-position: -158px -1px;
}

#fokkerImage02 a:hover {
	background-position: -158px -89px; 
}

/* Fokker IMAGE 03 */
#fokkerImage03 a{
	width: 156px;
	background-position: -315px -1px;
}

#fokkerImage03 a:hover {
	background-position: -315px -89px; 
}

/* Fokker IMAGE 04 */
#fokkerImage04 a{
	width: 156px;
	background-position: 0px -178px;
}

#fokkerImage04 a:hover {
	background-position: 0px -266px; 
}

/* Fokker IMAGE 05 */
#fokkerImage05 a{
	width: 156px;
	background-position: -157px -178px;
}

#fokkerImage05 a:hover {
	background-position: -157px -266px; 
}

/* Fokker IMAGE 06 */
#fokkerImage06 a{
	width: 156px;
	margin-top: 38px;
	background-position: -314px -177px;
}

#fokkerImage06 a:hover {
	background-position: -314px -265px; 
}

/**************************************/
/* PanzerIII GALLERY IMAGE NAVIGATION */
/**************************************/

#navPanzerIIIGallery li {
	display: inline;
	line-height: 88px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navPanzerIIIGallery a {
	display: block;
	background-image: url(../images/PanzerIIIGallery/PanzerIIIGallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* PanzerIII GALLERY THUMBNAILS */

/* PanzerIII IMAGE 01 */
#panzerIIIImage01 a{
	width: 156px;
	background-position: 0px 0px;
}

#panzerIIIImage01 a:hover {
	background-position: 0px -89px; 
}

/* PanzerIII IMAGE 02 */
#panzerIIIImage02 a{
	width: 156px;
	background-position: -158px 0px;
}

#panzerIIIImage02 a:hover {
	background-position: -158px -89px; 
}

/* PanzerIII IMAGE 03 */
#panzerIIIImage03 a{
	width: 156px;
	background-position: -315px 0px;
}

#panzerIIIImage03 a:hover {
	background-position: -315px -89px; 
}

/* PanzerIII IMAGE 04 */
#panzerIIIImage04 a{
	width: 156px;
	background-position: -472px 0px;
}

#panzerIIIImage04 a:hover {
	background-position: -472px -89px; 
}

/* PanzerIII IMAGE 05 */
#panzerIIIImage05 a{
	width: 156px;
	background-position: -629px 0px;
}

#panzerIIIImage05 a:hover {
	background-position: -629px -89px; 
}

/**************************************/
/* Delorean GALLERY IMAGE NAVIGATION */
/**************************************/

#navDeloreanGallery li {
	display: inline;
	line-height: 88px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navDeloreanGallery a {
	display: block;
	background-image: url(../images/DeloreanGallery/DeloreanGallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* Delorean GALLERY THUMBNAILS */

/* Delorean IMAGE 01 */
#deloreanImage01 a{
	width: 156px;
	background-position: 0px 0px;
}

#deloreanImage01 a:hover {
	background-position: 0px -88px; 
}

/* Delorean IMAGE 02 */
#deloreanImage02 a{
	width: 156px;
	background-position: -156px 0px;
}

#deloreanImage02 a:hover {
	background-position: -156px -88px; 
}

/* Delorean IMAGE 03 */
#deloreanImage03 a{
	width: 156px;
	background-position: -312px 0px;
}

#deloreanImage03 a:hover {
	background-position: -312px -88px; 
}

/**************************************/
/* OZO GALLERY IMAGE NAVIGATION */
/**************************************/

#navOZOGallery li {
	display: inline;
	line-height: 195px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 0px;
}

#navOZOGallery a {
	display: block;
	background-image: url(../images/OZOGallery/OZOGallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* OZO GALLERY THUMBNAILS */

/* OZO IMAGE 01 */
#ozoImage01 a{
	width: 198px;
	background-position: 0px 0px;
}

#ozoImage01 a:hover {
	background-position: 0px -196px; 
}

/* OZO IMAGE 02 */
#ozoImage02 a{
	width: 198px;
	background-position: -200px 0px;
}

#ozoImage02 a:hover {
	background-position: -200px -196px; 
}

/* OZO IMAGE 03 */
#ozoImage03 a{
	width: 198px;
	background-position: -400px 0px;
}

#ozoImage03 a:hover {
	background-position: -400px -196px; 
}

/* OZO IMAGE 04 */
#ozoImage04 a{
	width: 198px;
	background-position: -600px 0px;
}

#ozoImage04 a:hover {
	background-position: -600px -196px; 
}

/*******************************/
/* AG GALLERY IMAGE NAVIGATION */
/*******************************/

#navAGGallery li {
	display: inline;
	line-height: 195px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navAGGallery a {
	display: block;
	background-image: url(../images/AGGallery/AGGallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* AG GALLERY THUMBNAILS */

/* AG IMAGE 01 */
#agImage01 a{
	width: 198px;
	background-position: 0px 0px;
}

#agImage01 a:hover {
	background-position: 0px -196px; 
}

/*******************************/
/* CG GALLERY IMAGE NAVIGATION */
/*******************************/

#navCGGallery li {
	display: inline;
	line-height: 195px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#navCGGallery a {
	display: block;
	background-image: url(../images/CGGallery/CGGallerySprite.png);
	background-repeat:no-repeat;
	text-decoration: none;
}

/* CG GALLERY THUMBNAILS */

/* CG IMAGE 01 */
#cgImage01 a{
	width: 198px;
	background-position: 0px 0px;
}

#cgImage01 a:hover {
	background-position: 0px -195px; 
}

/****************************/
/* HIDES THUMBNAIL NAV TEXT */
/****************************/
#navWIP span,
#navPrevious span,
#navLogo span,
#navHueyGallery span,
#navP38Gallery span,
#navPWatchGallery span,
#navFokkerGallery span,
#navPanzerIIIGallery span,
#navDeloreanGallery span,
#navOZOGallery span,
#navAGGallery span,
#navCGGallery span {
	visibility: hidden;
}

/**********/
/* RESUME */
/**********/

#resumeHeader .resumeName {
	font-weight: bold;
	font-size: 50px;
	margin-left: 130px;
	padding-top: 6px;
	text-shadow: -4px 3px 4px rgba(0, 0, 0, .4);
}

.resumeSub {
	display: inline-block;	
	font-weight: bold;
	font-size: 11px;
	margin-left: 135px;
	padding-top: 15px; 
}

.resumeSubLi {
	display: inline-block;	
	font-weight: bold;
	font-size: 11px;
	margin-left: 15px;
	padding-top: 15px; 
}

.resumeSubTitle {
	display: inline-block;	
	font-weight: bold;
	font-size: 14px;
	margin-left: 135px;
	padding-top: 5px;
}
#resumeHeader p {
	font-size: 14px;
}

#resumeContent h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

#resumeContent p {
	font-size: 14px;
	line-height: 18px;
}

.listMark {
	padding-left: 30px;
	padding-top: 5px; 
}

.eduLocationA {
	margin-left: 110px;
}

.gradDateA {
	margin-left: 25px;
}

.eduLocationB {
	margin-left: 90px;
}

.gradDateB {
	margin-left: 42px;
}

.degree {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

.school {
	font-weight: bold;
}

.employerA {
	font-style: italic;
	margin-left: 220px;
	margin-bottom: 10px;
}

.empLocationA {
	margin-left: 115px;
}

.employerB {
	text-decoration: underline;
	font-weight: bold;
	margin-left: 55px;
}

.empLocationB {
	margin-left: 85px;
}

.employerC {
	text-decoration: underline;
	font-weight: bold;
	margin-left: 14px;
}

.empLocationC {
	margin-left: 80px;
}

.employerD {
	font-style: italic;
	margin-left: 220px;
	margin-bottom: 10px;
}

.empLocationD {
	margin-left: 145px;
}

.employerE {
	font-style: italic;
	margin-left: 220px;
	margin-bottom: 10px;
}

.empLocationE {
	margin-left: 185px;
}

.employerF {
	font-style: italic;
	margin-left: 220px;
	margin-bottom: 10px;
}

.empLocationF {
	margin-left: 175px;
}

.employerG {
	text-decoration: underline;
	font-weight: bold;
	margin-left: 52px;
}

.empLocationG {
	margin-left: 80px;
}

.job {
	margin-left: 90px;
	font-weight: bold;
	margin-bottom: 10px;
}

.jobflast {
	margin-left: 80px;
	font-weight: bold;
	margin-bottom: 10px;
}

.joblast {
	margin-left: 40px;
	font-weight: bold;
	margin-bottom: 10px;
}

.employerH {
	font-style: italic;
	margin-left: 220px;
	margin-bottom: 10px;
}

.empLocationH {
	margin-left: 200px;
}

.employerI {
	font-style: italic;
	margin-left: 220px;
	margin-bottom: 10px;
}

.empLocationI {
	margin-left: 135px;
}

.employerJ {
	font-style: italic;
	margin-left: 220px;
	margin-bottom: 10px;
}

.empLocationJ {
	margin-left: 150px;
}


.jobresp {
	margin-left: 20px;
	margin-bottom: 5px;
}

.listMark {
	font-size: 14px;	
}

#resumeContainer h2 {
	color: rgb(0, 138, 230);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .4);
}

#jobentry {
	margin-top: 25px;
	margin-bottom: 5px;	
}

.eduAward {
	margin-top: 10px;	
}
	
.pdfNote {
	float: right;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: bold;
	padding: 20px 40px;
	margin-right: 65px;
	margin-top: 60px;
	background-color: rgb(0, 0, 0);
		border-radius: 5px;
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
}
	
/****************************/
/* RECOMMENDATION CONTAINER */
/****************************/

#recContainer {
	background-color: rgb(210, 210, 215);
	border-radius: 5px;
	border: 1px solid rgb(0, 0, 0);
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
}

#recContainer h2 {
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

#recHeader {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgb(48, 117, 189);
	border-radius: 5px;
}

#recOne {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid rgb(0, 0, 0);
	border-left: 1px dashed rgb(0, 0, 0);
	border-right: 1px dashed rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0);
	height: 200px;
	background-color: rgb(230, 230, 235);
	overflow: hidden;
}

#recTwo {
	margin-top: 15px;
	margin-bottom: 5px;
	border-top: 1px solid rgb(0, 0, 0);
	border-left: 1px dashed rgb(0, 0, 0);
	border-right: 1px dashed rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0);
	height: 200px;
	background-color: rgb(230, 230, 235);
	overflow: hidden;
}

#linkedinLink {
	font-size: 12px;
	text-align: right;
	margin-top: 10px;
}

#linkedinLink span {
	font-size: 15px;
	font-weight: bold;
}

#recContainer a {
	color: rgb(33, 86, 140);
	text-decoration: none;
}

#recContainer a:hover {
	color: rgb(59,163,145);
	text-decoration: none;
}



/*******/
/* BIO */
/*******/

#miniBio {
	background-image:url(../images/BG_TileW.png);
	border-radius: 5px;
	border: 1px solid rgb(0, 0, 0);
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
}

#bioHeader {
	width: 750px;
	height: 67px;
	background: url(../images/BioHeader.png) no-repeat top left;
}

#bioHeader h2 {
	font-weight: bold;
	font-size: 30px;
	padding-top: 15px;
	padding-left: 20px;
}

#bioBody {
	padding: 10px 30px;
}

#bioBody p {
	line-height: 130%;
	margin-top: 10px;
	text-indent: 20px;
}
#EXPyears {
font-style: oblique;
	font-size: 25px;
}

.bioLinks {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 18px;
	font-stretch: expanded; 
	font-weight: bold;
}

#bioBottom {
	margin-top: 10px;
	border-top: 1px dashed rgb(100, 100, 100);
}

#bioBody .first {
	margin-top: 0px;
}

.closing {
	padding-top: 5px;
	margin-left: 150px;
}

#signature {
	background: url(../images/BioClosing.png) no-repeat;
}

#bioBottom h2 {
	font-weight: bold;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#personalSkills li, #hobbies li {
	margin-top: 8px;
	padding-left: 25px;
}

#bioContainer h2 {
	color: rgb(0, 138, 230);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .4);
}

#bioPic p {
	font-size: 16px;
	font-style: italic;
	margin-left: 30px;
	margin-top: 20px;	
	}

#BioHello{
	font-size: 30px;
	font-style:bold;
	}
	
#hobbies h2 {
	margin-left: -10px;
	margin-bottom: 15px;
}
	
/****************/
/* CONTACT PAGE */
/****************/

#cardHolder {
	padding-top: 25px;
}

#card {
	margin-left: 32px;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(0, 0, 0);
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
}

.cardHeader {
	float: left;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	width: 225px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 12px;
	margin-bottom: -2px;
	font-size: 35px;
	letter-spacing: -4px;
	font-weight: bold;
}

.cardLabel{
	float: right;
	letter-spacing: -2px;
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 60px;
}

#cardInfo {
	border-top: 2px solid rgb(0, 0, 0);
}

.cardTitle {
	text-align: center;
	font-size: 15px;
	margin-top: 5px;
}

.cardTitle02 {
	font-size: 14px;
	margin-top: 4px;
	text-align: center;
}

.cardMessage {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin-top: 35px;
}

.cardExp {
	text-align: center;
	margin-top: 5px;
}

.cardEmail {
	float: left;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 40px;
}

.cardEmail span {
	font-weight: bold;
	font-style: italic;
}

.contactMessage {
	padding-top: 50px;
	padding-left: 20px;
	font-size: 18px;
	text-indent: 15px;
	line-height: 125%;
}

.contactThanks {
	padding-left: 90px;
	margin-top: 30px;
	font-size: 20px;
		
}

#sendMessageHolder {
	margin-right: 10px;
	margin-top: 13px;
	margin-left: 0px;
	background-color: rgb(210, 210 ,215);
	border-radius: 5px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 20px;
	border: 1px solid rgb(0, 0, 0);
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
}

#sendMessageHeader {
	width: 527px;
	height: 67px;
	background: url(../images/BioHeader.png) no-repeat top left;
}

#sendMessageHeader h2 {
	font-weight: bold;
	font-size: 30px;
	padding-top: 10px;
	padding-left: 20px;
	color: rgb(0, 138, 230);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .4);
}

.messageHeader {
	font-size: 40px;
	text-align: center;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 8px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	border: 1px solid rgb(255, 255, 255); 
	border-radius: 5px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}

#sendMessageBody {
	width: 527px;
	height: 67px;
	margin-top: 30px;

}

#sendMessageBody .first {
	margin-top: 20px;
	margin-left: 20px;
}

.emailAdd {
	font-weight: bold;
	padding-left: 10px;
	font-size: 18px;
	color: rgb(0, 138, 230);
}

.sendMemail {
	font-weight: bold;
	font-style: italic;
}

#sendMessageFooter {
	width: 420px;
	height: 67px;
	background: url(../images/BioHeader.png) no-repeat top left; 
	position: absolute;
	left: 120px;
	top: 375px;
}

#ContactOverlayColor {
	position: absolute;
	left: 0px;
	top: 430px;
	width: 780px;
	height: 100px;
	background-image: url(../images/Overlay.jpg);
	background-repeat: no-repeat; 
	background-color: rgba(0, 89, 180, 0.5);
	border-radius: 0px 10px 10px 0px;
	Box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.6);
	z-index: 12;	
	}


/**************/
/* LINKS PAGE */
/**************/

#linksContainer {
	width: 1260px;
	height: 700px;
	padding: 10px 10px;
}

#linksContainer p {
	clear: both;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 10px;
}

#linksContainer a {
	font-size: 18px;
	font-weight: bold;
}

#friendLinks,
#favLinks {
	padding: 5px 5px;
	background-color: rgb(210, 210, 210);
	border-radius: 5px;
	border: 1px solid rgb(0, 0, 0);
	box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.4);
}

#resourceLinks {
	background-image:url(../images/BG_TileW.png);
	border-radius: 5px;
	border: 1px solid rgb(0, 0, 0);
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
}

#linksContainer h1 {
	float: left;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(0, 0, 0);
	background-image: url(../images/DotSep.png);
	background-repeat: no-repeat;
	border-radius: 5px;
}

#friendLinks h1 {
	width: 155px;
	margin-bottom: 10px;
	background-position: 129px 5px;
}

#favLinks h1 {
	width: 235px;
	margin-bottom: 10px;
	background-position: 208px 5px;
}

#resourceLinks h1 {
	width: 255px;
	background-position: 228px 5px;
	margin-top: 5px;
	margin-left: 5px;
}

#CGLinks, 
#otherLinks {
	padding: 5px 5px;
}

#CGLinks h2, 
#otherLinks h2 {
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 200px;
}

#CGLinks p,
#otherLinks p {
	padding-bottom: 15px;
}

#LinksOverlayColor {
	position: absolute;
	left: 480px;
	top: 550px;
	width: 800px;
	height: 100px;
	background-image: url(../images/Overlay.jpg);
	background-repeat: no-repeat; 
	background-color: rgba(0, 89, 180, 0.5);
	border-radius: 10px 0px 0px 10px;
	Box-shadow:-8px 8px 24px rgba(0, 0, 0, 0.6);
	z-index: 12;	
	}

/******************/
/* FOOTER STYLING */
/******************/

#footer p {
	color: rgb(140, 140, 140);
	font-size: 12px;
	text-align: center;
}

#footer .copyright {
	margin-top: 10px;
}

.bottomNav {
	font-weight: bold;
	word-spacing: 40px;
	padding: 10px 50px;
	padding-bottom: 0;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	border-top: 1px solid rgb(140, 140, 140);
}

#footer a {
	color: rgb(140, 140, 140);
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight:bold;
}

.footerNote span {
	font-size: 14px;
	font-weight: bold;
}

.footerNote {
	padding-left: 4px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url(../images/FooterLogo.png);
	background-repeat: no-repeat; 
	background-position: 1235px 15px;
}

/***************************/
/* Gallery Selection Links */
/***************************/

#GallerySelect01 span {
	visibility: hidden;
	font-size: 30px;
	font-weight: bold;
}

#GallerySelect01 li {
	text-align: center;
	line-height: 720px;
}

#GallerySelect01 a {
	display: block;
	background-image: url(../images/Gallery_Selection_01.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

#GallerySelect01 a:hover {
	background-image: url(../images/Gallery_Selection_01_Over.jpg);
}

#GallerySelect02 span {
	visibility: hidden;
	font-size: 30px;
	font-weight: bold;
}

#GallerySelect02 li {
	text-align: center;
	line-height: 720px;
}

#GallerySelect02 a {
	display: block;
	background-image: url(../images/Gallery_Selection_02.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

#GallerySelect02 a:hover {
	background-image: url(../images/Gallery_Selection_02_Over.jpg);
}