@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: url(../_images/bg_repeat.jpg) repeat;
	background-position: center;
}
#container  {
	width: 1182px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../_images/splash.jpg);
	height: 1108px;
}
#containerindex  {
	width: 1182px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../_images/splash_index.jpg);
	height: 1108px;
}
#navigationbox1 {
	width: 485px;
	margin-top: 94px;
	margin-left: 266px;
	height: 222px;
	position: absolute;
}
#navigationbox2 {
	width: 161px;
	margin-top: 94px;
	margin-left: 751px;
	height: 171px;
	position: absolute;
}
#mainContent  {
	height: 680px;
	width: 646px;
	position: absolute;
	margin-top: 372px;
	margin-right: 266px;
	margin-left: 266px;
}
#mainContentIndex  {
	height: 467px;
	width: 951px;
	position: absolute;
	margin-top: 247px;
	margin-left: 103px;
}
#indexLifedraw {
	height: 467px;
	width: 151px;
	margin-left: 610px;
	position: absolute;
	background: url(../_images/index_lifedrawing.jpg) no-repeat left top;
}
a:hover #indexLifedraw {
	background: url(../_images/index_lifedrawing.jpg) no-repeat center top;
	border-style: none;
}
a:active #indexLifedraw {
	background: url(../_images/index_lifedrawing.jpg) no-repeat right top;
	border-style: none;
}
#indexResume {
	height: 431px;
	width: 132px;
	margin-left: 819px;
	position: absolute;
	background: url(../_images/index_resume.jpg) no-repeat right top;
}
a:hover #indexResume {
	background: url(../_images/index_resume.jpg) no-repeat center top;
	border-style: none;
}
a:active #indexResume {
	background: url(../_images/index_resume.jpg) no-repeat left top;
	border-style: none;
}
#indexAnim {
	height: 431px;
	width: 178px;
	position: absolute;
	margin-left: 0px;
	background: url(../_images/index_anim.jpg) no-repeat left top;
}
a:hover #indexAnim {
	background: url(../_images/index_anim.jpg) no-repeat center top;
	border-style: none;
}
a:active #indexAnim {
	background: url(../_images/index_anim.jpg) no-repeat right top;
	border-style: none;
}
#indexStory {
	height: 468px;
	width: 132px;
	position: absolute;
	margin-left: 220px;
	background: url(../_images/index_story.jpg) no-repeat left top;
}
a:hover #indexStory {
	border-style: none;
	background: url(../_images/index_story.jpg) no-repeat center top;
}
a:active #indexStory {
	border-style: none;
	background: url(../_images/index_story.jpg) no-repeat right top;
}
#indexLevdesign {
	height: 467px;
	width: 117px;
	margin-left: 432px;
	position: absolute;
	background: url(../_images/index_leveldesign.jpg) no-repeat left top;
}
a:hover #indexLevdesign {
	background: url(../_images/index_leveldesign.jpg) no-repeat center top;
	border-style: none;
}
a:active #indexLevdesign {
	background: url(../_images/index_leveldesign.jpg) no-repeat right top;
	border-style: none;
}
#navigationbox2 td {
	padding-top: 14px;
}

#mainContent h2 {
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-align: center;
	border-bottom: 1px solid #996;
	font-weight: normal;
}
#navigationbox2_1 {
	height: 29px;
	width: 161px;
	margin-top: 8px;
}
#navigationbox2_1 a {
	border-style: none;
}

#nav_anim {
	background: url(../_images/buttons_animation.png) no-repeat left bottom;
	height: 29px;
	width: 119px;
	position: absolute;
}
a:hover #nav_anim {
	background: url(../_images/buttons_animation.png) no-repeat left center;
	height: 29px;
	width: 119px;
	position: absolute;
}
a:active #nav_anim {
	background: url(../_images/buttons_animation.png) no-repeat left top;
	height: 29px;
	width: 119px;
	position: absolute;
}

#nav_leveldesign {
	background: url(../_images/buttons_leveldesign.png) no-repeat left bottom;
	height: 29px;
	width: 137px;
	position: absolute;
}
a:hover #nav_leveldesign {
	background: url(../_images/buttons_leveldesign.png) no-repeat left center;
	height: 29px;
	width: 137px;
	position: absolute;
}
a:active #nav_leveldesign {
	background: url(../_images/buttons_leveldesign.png) no-repeat left top;
	height: 29px;
	width: 137px;
	position: absolute;
}
#nav_lifedraw {
	background: url(../_images/buttons_lifedrawing.png) no-repeat left bottom;
	height: 29px;
	width: 143px;
	position: absolute;
}
a:hover #nav_lifedraw {
	background: url(../_images/buttons_lifedrawing.png) no-repeat left center;
	height: 29px;
	width: 143px;
	position: absolute;
}
a:active #nav_lifedraw {
	background: url(../_images/buttons_lifedrawing.png) no-repeat left top;
	height: 29px;
	width: 143px;
	position: absolute;
}
#nav_story {
	background: url(../_images/buttons_storyboards.png) no-repeat left bottom;
	height: 29px;
	width: 148px;
	position: absolute;
}
a:hover #nav_story {
	background: url(../_images/buttons_storyboards.png) no-repeat left center;
	height: 29px;
	width: 148px;
	position: absolute;
}
a:active #nav_story {
	background: url(../_images/buttons_storyboards.png) no-repeat left top;
	height: 29px;
	width: 148px;
	position: absolute;
}
#nav_resume {
	background: url(../_images/buttons_resume.png) no-repeat left bottom;
	height: 29px;
	width: 90px;
	position: absolute;
}
a:hover #nav_resume {
	background: url(../_images/buttons_resume.png) no-repeat left center;
	height: 29px;
	width: 90px;
	position: absolute;
}
a:active #nav_resume {
	background: url(../_images/buttons_resume.png) no-repeat left top;
	height: 29px;
	width: 90px;
	position: absolute;
}
#mainContent h3 {
	font-family: Candara, sans-serif;
	font-size: 16px;
	color: #996;
	text-align: left;
	line-height: 16px;
	font-weight: normal;
}
#mainContent h4 {
	font-family: Candara, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #996;
	text-align: center;
	font-weight: normal;
}
#lifedrawingwrap {
	margin-top: 0px;
	height: 632px;
	width: 600px;
	position: absolute;
	padding: 24px;
}
#lifedrawingwrap img {
	cursor: pointer;
}
#lifedrawingwrap td {
	padding: 15px 12px;
}

#anmtn1wrap {
	height: 152px;
	width: 646px;
	margin-top: 15px;
	position: absolute;
}
#anmtn1left {
	height: 109px;
	width: 215px;
	position: absolute;
	padding-top: 43px;
}

#anmtn1center {
	height: 152px;
	width: 216px;
	margin-left: 215px;
	position: absolute;
}
#anmtn1center table {
	margin-top: 4px;

}


#anmtn1right {
	height: 113px;
	width: 211px;
	margin-left: 431px;
	position: absolute;
	padding: 37px 0px 2px 4px;
}
#anmtn2wrap {
	height: 152px;
	width: 646px;
	margin-top: 181px;
	position: absolute;
}
#anmtn1right td {
	padding: 4px 1px 5px;
}

#anmtn2left {
	height: 109px;
	width: 215px;
	position: absolute;
	padding-top: 43px;
}
#anmtn2center {
	height: 152px;
	width: 216px;
	margin-left: 215px;
	position: absolute;
}
#anmtn2center table {
	margin-top: 4px;
}
#anmtn2right {
	height: 113px;
	width: 211px;
	margin-left: 431px;
	position: absolute;
	padding: 37px 0px 2px 4px;
}
#anmtn2right td {
	padding: 4px 1px 5px;
}
#anmtn3wrap {
	height: 152px;
	width: 646px;
	margin-top: 347px;
	position: absolute;
}
#anmtn3left {
	height: 109px;
	width: 215px;
	position: absolute;
	padding-top: 43px;
}
#anmtn3center {
	height: 152px;
	width: 216px;
	margin-left: 215px;
	position: absolute;
}
#anmtn3center table {
	margin-top: 4px;
}

#anmtn3right {
	height: 113px;
	width: 211px;
	margin-left: 431px;
	position: absolute;
	padding: 37px 0px 2px 4px;
}
#anmtn3right td {
	padding: 4px 1px 5px;
}
#anmtn4wrap {
	height: 152px;
	width: 646px;
	margin-top: 513px;
	position: absolute;
}
#anmtn4left {
	height: 109px;
	width: 215px;
	position: absolute;
	padding-top: 43px;
}
#anmtn4center {
	height: 152px;
	width: 216px;
	margin-left: 215px;
	position: absolute;
}
#anmtn4center table {
	margin-top: 4px;
}
#anmtn4right {
	height: 113px;
	width: 211px;
	margin-left: 431px;
	position: absolute;
	padding: 37px 0px 2px 4px;
}
#anmtn4right td {
	padding: 4px 1px 5px;
}
#inforight {
	height: 680px;
	width: 446px;
	margin-top: 0px;
	margin-left: 170px;
	padding-top: 0px;
	position: absolute;
	padding-left: 20px;
	padding-right: 24px;
}
#inforight h2  {
	font-family: Candara, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #999;
	line-height: 20px;
	text-align: left;
}

#inforight h3 {
	font-family: Candara, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #996;
	line-height: 20px;
	text-decoration: none;
}

#inforight h4 {
	font-family: Candara, sans-serif;
	font-size: 14px;
	color: #996;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}
#inforight h5 {
	font-family: Candara, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #996;
	line-height: 18px;
	font-style: italic;
}
#inforight h6 {
	font-family: Candara, sans-serif;
	font-size: 14px;
	color: #999;
	line-height: 16px;
}
#inforight p {
	font-size: 7px;
}
#id {
	height: 89px;
	width: 170px;
	margin-top: 30px;
	position: absolute;
	text-align: center;
}
#wdfa {
	height: 83px;
	position: absolute;
	margin-top: 145px;
	width: 170px;
	text-align: center;
}
#jba {
	height: 43px;
	width: 170px;
	margin-top: 255px;
	position: absolute;
	text-align: center;
}
#iw {
	height: 71px;
	width: 170px;
	margin-top: 325px;
	position: absolute;
}
#contact {
	height: 255px;
	width: 170px;
	position: absolute;
	margin-top: 425px;
}
#contact h1 {
	font-family: Candara, sans-serif;
	color: #996;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
}
#contact h2 {
	font-family: Candara, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	line-height: 18px;
	text-align: left;
	margin-top: 12px;
	border-style: none;
}
#contact h3 {
	font-family: Candara, sans-serif;
	font-size: 14px;
	color: #996;
	font-weight: bold;
	line-height: 20px;
	margin-top: 6px;
}








#infoleft {
	height: 680px;
	width: 170px;
	position: absolute;
	margin-top: 0px;
}
#infoleft #contact p {
	font-size: 12px;
}

#infoleft a:link {
	font-family: Candara, sans-serif;
	font-size: 14px;
	color: #996;
	font-weight: bold;
	line-height: 20px;
}
#infoleft a:visited {
	font-family: Candara, sans-serif;
	font-size: 14px;
	color: #996;
	font-weight: bold;
	line-height: 20px;
}

#infoleft a:hover {
	font-family: Candara, sans-serif;
	font-size: 14px;
	color: #996;
	font-weight: bold;
	line-height: 20px;
}
#infoleft a:active {
	font-family: Candara, sans-serif;
	font-size: 14px;
	color: #996;
	font-weight: bold;
	line-height: 20px;
}
#story1left {
	height: 112px;
	width: 205px;
	position: absolute;
	padding-top: 40px;
	padding-left: 10px;
}
#story2left {
	height: 112px;
	width: 205px;
	position: absolute;
	padding-top: 40px;
	padding-left: 10px;
}
#story3left {
	height: 112px;
	width: 205px;
	position: absolute;
	padding-top: 40px;
	padding-left: 10px;
}
#story4left {
	height: 112px;
	width: 205px;
	position: absolute;
	padding-top: 40px;
	padding-left: 10px;
}

#story1center {
	height: 37px;
	width: 431px;
	margin-left: 215px;
	position: absolute;
}
#story1center h2 {
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-align: left;
	border-bottom: 1px solid #996;
	font-weight: normal;
}

#story1acenter {
	height: 111px;
	width: 423px;
	margin-left: 215px;
	position: absolute;
	margin-top: 40px;
	padding-left: 8px;
}
#story1acenter table {
	margin-left: 7px;
}

#story1acenter td {
	padding: 0px 12px 9px 0px;
}

#story2center {
	height: 152px;
	width: 431px;
	margin-left: 215px;
	position: absolute;
}
#story2center h2 {
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-align: left;
	border-bottom: 1px solid #996;
	font-weight: normal;
}
#story2center table {
	margin-top: 48px;
	margin-left: 15px;
}
#story3center {
	height: 152px;
	width: 431px;
	margin-left: 215px;
	position: absolute;
}
#story3center table {
	margin-top: 48px;
	margin-left: 15px;
}


#story3center h2 {
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-align: left;
	border-bottom: 1px solid #996;
	font-weight: normal;
}
#story4center {
	height: 152px;
	width: 435px;
	margin-left: 215px;
	position: absolute;
}
#story4center h2 {
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-align: left;
	border-bottom: 1px solid #996;
	font-weight: normal;
}
#story4center table {
	margin: 15px;
}
#story4center td {
	padding: 0px 28px 20px 0px;
}
table {
	border-style: none;
}



a img {
	border-style: none;
}

div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dl, dd, dt, img {
	margin: 0px;
	padding: 0px;
}
#levDesignHeader {
	margin: 0px;
	height: 50px;
	width: 646px;
	font-family: Candara, sans-serif;
	color: #996;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
#levDesignDownload {
	height: 50px;
	width: 646px;
	margin-top: 0px;
	border-top: 3px solid #996;
	border-bottom: 3px solid #996;
}
#levDesignDownload h1 {
	text-align: center;
	font-family: Candara, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #996;
}
#levDesignDownload h1 a {
	color: #996;
}

#levDesignDownload p {
	font-size: 4px;
	font-family: Candara, sans-serif;
}

#levDesignBody {
	margin: 0px 0px 12px;
	height: 330px;
	width: 646px;
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-decoration: underline;
	line-height: 50px;
}
#levDesignBody h1 {
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-decoration: underline;
	line-height: 40px;
	font-weight: normal;
}
#levDesignBody p {
	font-family: Candara, sans-serif;
	font-size: 5px;
	color: #996;
	text-decoration: underline;
	line-height: 25px;
	font-weight: normal;
}
#levDesignBody td {
	padding-left: 83px;
	padding-right: 83px;
	padding-top: 0px;
}
img#levdesignvideo {
	cursor: pointer;
}
#levDesignScreen {
	margin: 0px;
	height: 152px;
	width: 646px;
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-decoration: underline;
	line-height: 40px;
}
#levDesignScreen td {
	padding-left: 8px;
	padding-bottom: 12px;
}
#levDesignScreen img {
	cursor: pointer;
}
#levDesignScreen2 {
	margin: 0px;
	height: 100px;
	width: 646px;
	font-family: Candara, sans-serif;
	font-size: 20px;
	color: #996;
	text-decoration: underline;
	line-height: 40px;
}
#levDesignScreen2 td {
	padding-left: 0px;
	padding-bottom: 12px;
}
#levDesignScreen2 table {
	margin-left: 6px;
}

#levDesignScreen2 img {
	cursor: pointer;
}