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

html,
body {
	margin:0;
	padding:0;
	height: 100%;
	font-family:Verdana, Tahoma, sans-serif;
	font-size:15px;
	background-image: url(main-background.jpg);
	background-repeat: repeat-x;
	background-color: #191919;
}

a {outline: none;} /*removes the firefox dotted outline hyperlink upon click*/
a:link {color: #97BBFF; text-decoration: none;}
a:visited {color: #6B86B7; text-decoration: none;}
a:hover {color: #FFCC00; text-decoration: none;}
a:active {color: #97BBFF; text-decoration: none;}

#mainmenu_container {
	width: 917px;
	height: 96px;
	margin:0 auto;
	padding-top: 2px;
	-moz-user-select: none; /* unselectable */
    -khtml-user-select: none; /* unselectable */
    user-select: none; /* unselectable */
}

#content_container {
	width: 1000px;
	margin:0 auto;
	padding-top:90px;
	color: #CCCCCC;
	text-align:justify;
	line-height: 22px;
}

#footer_container {
	width: 1000px;
	margin:0 auto;
	padding-top:90px;
	color: #303030;
	font-size:12px;
}

#webdesign_container {
	width: 700px;
	padding-left: 87px;
}

#graphicdesign_container {
	width: 800px;
	padding-left: 87px;
}

#about_container {
	width: 900px;
	padding-left:40px;
}

.thumbail_spacer {
	margin: 3px;
	border:#474747 1px solid;
}

a:hover img.thumbail_spacer {border:#6e88ff 1px solid;}

#contact_email {
	text-transform: uppercase;
	font-size:16px;
}

.about_answers {
	font-size:10px;
}

.about_spacing {
	line-height: 17px;
	color:#999999;
}

.about_buller {
	color:#FFCC00;
	font-size:10px;
}

.about_intro {
	font-size:13px;
	line-height: 19px;
}

.about_infj {
	font-size:12px;
	line-height: 19px;
}



/* ANIMATION CONTAINERS */

.animation_spacers {
	padding-top: 16px;
	padding-left: 16px;
}

.reel_spacer {
	padding-top: 22px;
	padding-left: 22px;
}

#reel_container {
	width: 945px;
	height: 559px;
	margin:0 auto;
	background-image: url(mov_backgrounds/reel-background.jpg);
	background-repeat: no-repeat;
}

#zd_container {
	width: 932px;
	height: 553px;
	margin:0 auto;
	background-image: url(mov_backgrounds/zd-background.jpg);
	background-repeat: no-repeat;
}

#ec_container {
	width: 932px;
	height: 508px;
	margin:0 auto;
	background-image: url(mov_backgrounds/ec-background.jpg);
	background-repeat: no-repeat;
}

#euki_container {
	width: 744px;
	height: 448px;
	margin:0 auto;
	background-image: url(mov_backgrounds/euki-background.jpg);
	background-repeat: no-repeat;
}




/* ANIMATION INFO BOXES */
#reel_info_box {
	width: 845px;
	margin:0 auto;
	background-color:#474747;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	font-size: 12px;
}

#zd_info_box {
	width: 845px;
	margin:0 auto;
	background-color:#474747;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	font-size: 12px;
}

#ec_info_box {
	width: 845px;
	margin:0 auto;
	background-color:#474747;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	font-size: 12px;
}

#euki_info_box {
	width: 660px;
	margin:0 auto;
	background-color:#474747;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	font-size: 12px;
}

#info_box_spacer {
	width: 845px;
	height: 70px;
	margin:0 auto;
}

#flashvideo_helper {
	width: 845px;
	margin:0 auto;
	background-color:#303030;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	font-size: 12px;
}

#flashvideo_helper_euki {
	width: 660px;
	margin:0 auto;
	background-color:#303030;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	font-size: 12px;
}





/* HOVER MENU BUTTONS */
#button1 {
	width: 74px;
	height: 24px;
	background-image:url(menu/hover/mainmenu_03.jpg);
	background-repeat:no-repeat;
}

#button2 {
	width: 75px;
	height: 24px;
	background-image:url(menu/hover/mainmenu_04.jpg);
	background-repeat:no-repeat;
}

#button3 {
	width: 93px;
	height: 24px;
	background-image:url(menu/hover/mainmenu_05.jpg);
	background-repeat:no-repeat;
}

#button4 {
	width: 145px;
	height: 21px;
	background-image:url(menu/hover/mainmenu_08.jpg);
	background-repeat:no-repeat;
}

#button5 {
	width: 76px;
	height: 21px;
	background-image:url(menu/hover/mainmenu_09.jpg);
	background-repeat:no-repeat;
}

#button6 {
	width: 121px;
	height: 21px;
	background-image:url(menu/hover/mainmenu_10.jpg);
	background-repeat:no-repeat;
}

#button7 {
	width: 82px;
	height: 21px;
	background-image:url(menu/extra/hover/mainmenu_02.jpg);
	background-repeat:no-repeat;
}

#button8 {
	width: 160px;
	height: 21px;
	background-image:url(menu/extra/hover/mainmenu_03.jpg);
	background-repeat:no-repeat;
}

#about-drawings {
	width: 328px;
	height: 31px;
	background-image:url(../all_media/about/view-drawings-hover.jpg);
	background-repeat:no-repeat;
}

#about-art {
	width: 184px;
	height: 31px;
	background-image:url(../all_media/about/view-art-hover.jpg);
	background-repeat:no-repeat;
}

#about-art-films {
	width: 297px;
	height: 30px;
	background-image:url(../all_media/about/view-art-films-hover.jpg);
	background-repeat:no-repeat;
}

#resume_dl {
	width: 366px;
	height: 35px;
	background-image:url(../all_media/resume/resume-button-hover.jpg);
	background-repeat:no-repeat;
}

#resume_dl_spacer {
	padding-left:39px;
}

#reel_dl {
	width: 321px;
	height: 35px;
	background-image:url(../all_media/animation/download-reel-button-hover.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}

#reel_dl_spacer {
	width: 845px;
	height: 30px;
	margin:0 auto;
}

#about_jason {
	width: 334px;
	height: 469px;
	background-image:url(../all_media/about/jason-suit-hover.jpg);
	background-repeat:no-repeat;
}