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

@font-face {
    font-family: leaguegothic;
    src: url('league_gothic-webfont.eot');
    src: url('league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('league_gothic-webfont.woff') format('woff'),
         url('league_gothic-webfont.ttf') format('truetype'),
         url('league_gothic-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#toplogo {
	background-color: #000000;
	height: 70px;
}

#toplogo img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#website {
	height: 70px;
}

#website img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#navbar {
	background-color: #000000;
	height: 25px;
	position: center;
	margin-right: auto;
	margin-left: auto;
}

#nav{
	width: 430px;
	margin-right: auto;
	margin-left: auto;
}


ul {
	list-style-type:none;
	margin:0;
	padding:0;

}

li {
	display:inline-block;
}


#artwork{
	display: block;
	width: 119px;
	height: 20px;
	background-image: url(../artworkbutton.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#artwork:hover {
	background-position: 0 -20px;
}

#artwork span {
	position: absolute;
	top: -99em;
}
#onartwork{
	display: block;
	width: 119px;
	height: 20px;
	background-image:url(../artworkpagebutton.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#about{
	display: block;
	width: 84px;
	height: 20px;
	background-image: url(../aboutbutton.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#about:hover {
	background-position: 0 -20px;
}

#about span {
	position: absolute;
	top: -99em;
}	

#store{
	display: block;
	width: 75px;
	height: 20px;
	background-image: url(../storebutton.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#store:hover {
	background-position: 0 -20px;
}

#store span {
	position: absolute;
	top: -99em;
}

#resume{
	display: block;
	width: 94px;
	height: 20px;
	background-image: url(../resumebutton.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#resume:hover {
	background-position: 0 -20px;
}

#resume span {
	position: absolute;
	top: -99em;
}


#contact{
	display: block;
	width: 115px;
	height: 20px;
	background-image: url(../contactbutton.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contact:hover {
	background-position: 0 -20px;
}

#contact span {
	position: absolute;
	top: -99em;
}

#photography-link{
	background-image:url(../photography-gallery-bar.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#photography-link:hover{
	background-position: 0 -160px;
}
#photography-link:active{
	background-position: 0 -320px;
}
#twod-link{
	background-image:url(../2d-gallery-bar.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#twod-link:hover{
	background-position: 0 -160px;
}
#twod-link:active{
	background-position: 0 -320px;
}
#threed-link{
	background-image:url(../3d-gallery-bar.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#threed-link:hover{
	background-position: 0 -160px;
}
#threed-link:active{
	background-position: 0 -320px;
}


#animatedgif-link{
	background-image:url(../animatedgiffull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#animatedgif-link:hover{
	background-position: 0 -160px;
}
#animatedgif-link:active{
	background-position: 0 -320px;
}
#motiongraphics-link{
	background-image:url(../motiongraphicsfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#motiongraphics-link:hover{
	background-position: 0 -160px;
}
#motiongraphics-link:active{
	background-position: 0 -320px;
}
#videoediting-link{
	background-image:url(../videoeditingfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#videoediting-link:hover{
	background-position: 0 -160px;
}
#videoediting-link:active{
	background-position: 0 -320px;
}
#objects-link{
	background-image:url(../objectsfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#objects-link:hover{
	background-position: 0 -160px;
}
#objects-link:active{
	background-position: 0 -320px;
}
#characters-link{
	background-image:url(../charactersfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#characters-link:hover{
	background-position: 0 -160px;
}
#characters-link:active{
	background-position: 0 -320px;
}
#environment-link{
	background-image:url(../environmentfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#environment-link:hover{
	background-position: 0 -160px;
}
#environment-link:active{
	background-position: 0 -320px;
}
#graphicdesign-link{
	background-image:url(../graphicdesignfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#graphicdesign-link:hover{
	background-position: 0 -160px;
}
#graphicdesign-link:active{
	background-position: 0 -320px;
}
#digitalsketch-link{
	background-image:url(../digitalsketchesfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#digitalsketch-link:hover{
	background-position: 0 -160px;
}
#digitalsketch-link:active{
	background-position: 0 -320px;
}
#comic-link{
	background-image:url(../comicfull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#comic-link:hover{
	background-position: 0 -160px;
}
#comic-link:active{
	background-position: 0 -320px;
}

#website-link{
	background-image:url(../websitefull.png);
	display:block;
	width:440px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#website-link:hover{
	background-position: 0 -160px;
}
#website-link:active{
	background-position: 0 -320px;
}

#buttonspacer{
	display:block;
	float:left;
	height:20px;
	width:420px;
}
#artworkmenu{
	margin:0 auto;
	width:430px;
	height:auto;
	position:relative;
}
#photographymenu{
	margin:0 auto;
	width:500px;
	height:auto;
	position:relative;
}
#resumemenu{
	margin:0 auto;
	width:800px;
	height:auto;
	position:relative;
}
#portfoliomenu{
	margin:0 auto;
	width:1000px;
	height:auto;
	position:relative;
}
#comicmenu{
	margin:0 auto;
	width:400px;
	height:42px;
	position:relative;
}
img.gallerytitle {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#bottomspacer{
	width:auto;
	height:80px;
}
#aboutcolumn{
	width:700px;
	height:auto;
	margin:auto;
}
#aboutmeimage{
	margin-left:auto;
	width:262px;
	height:1000px;
}
#aboutmetext{
	float:left;
	width:400px;
	height:auto;
	padding:15px;
}
#motionmenu{
	margin:0 auto;
	width:700px;
	height:auto;
	position:relative;
}
#mediavideo{
	margin:0 auto;
	width:560px;
	height:auto;
}
#germanygif{
	margin:0 auto;
	width:320px;
	height:auto;
}
#germanygiflarge{
	margin:0 auto;
	width:400px;
	height:auto;
}
#contactemaildiv{
	margin:0 auto;
	height:auto;
	width:580px;
}	
#contactemail{
	margin:0 auto;
	color:#000000;
	font-family: leaguegothic;
	font-size:80px;
	text-align:center;
	text-shadow:2px 2px 4px #DEA85F;
	text-decoration: none;
}

#demoreel{
    margin:0 auto;
	width:1300px;
	height:auto;
	position:relative;
}



.abouttitle{
	font-family: leaguegothic;
	font-size:40px;
	text-align:right;
}
.germanytitle{
	font-family: leaguegothic;
	font-size:40px;
	text-align:center;
}
.objecttitle{
	font-family: leaguegothic;
	font-size:25px;
	text-align:left;
}
.portfoliotitle{
	font-family: leaguegothic;
	font-size:25px;
	text-align:center;
}
.comictitle{
	font-family: leaguegothic;
	font-size:18px;
	text-align:left;
}