/*CSS Document */

span {
	position: absolute;
	left: -99999px;
}

#body {
	width: 1030px;
}

.centerText{
	text-align: center;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1030px;
	background-color: #000000;
	color: #927E50;
	font-family: helvetica neue, helvetica, arial, san-serif;
	font-size: 14px;
	
}

a {
	color: #927E50;
	text-decoration:none;
}

a:hover {
	color: #fcd48c;
}

p {
	padding-bottom: 17px;
}
#homeHeader {
	background-color: #000000;
	background-image: url(titleHeader.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 160px;
	width: 1030px;
	margin-bottom: 70px;
}

#blankHome {
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 160px;
	width: 1030px;
	margin-bottom: 70px;
	background-image: url(blankhead.jpg);
}

#blankHome #location {
	position: absolute;
	top: 61px;
	width: 199px;
	height: 28px;
	background-image: url(rollovers/texturingtitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#blankHome #home {
	position: relative;
	left: 940px;
	top: 61px;
	float: left;
	height: 24px;
	width: 89px;
	background-image: url(rollovers/maintitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#blankHome #homeNav {
	position: relative;
	right:90px;
}

#blankHome #rightList {
	width:109%;
}

#blankHome .thumbWide {
	margin-left: 0px;
}

#videoGameLocation {
	position: absolute;
	top: 61px;
	width: 311px;
	height: 27px;
	background-image: url(rollovers/video_game_arttitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}


#homeGallery {
	margin-right: 80px;
	background-color: #000000;
	float:left;
	margin-left: 54px;
	text-align: center;
}

#homeGallery img {
	border-color: #927E50;
	border-width: 2px;
	border-style: solid;
	margin-bottom: 10px;
}

#homeGallery img:hover {
	border-color: #fcd48c;
}

#matteHeader {
	background-color: #000000;
	background-image: url(blankhead.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 160px;
	width: 1030px;
	margin-bottom: 30px;
}

#matteHeader #location {
	position: relative;
	top: 61px;
	width: 322px;
	height: 25px;
	background-image: url(matte_paintingtitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#matteHeader #home {
	position: relative;
	left: 940px;
	top: 35px;
	float: left;
	height: 24px;
	width: 89px;
	background-image: url(maintitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#matteHeader #home:hover {
	background-image: url(maintitler.jpg);
}

#matteHeader #location:hover {
	background-image: url(matte_paintingtitler.jpg);
}

#matteNav {
	height:11px;
	position: relative;
	top: 120px;
}

#matteNav  #leftList{
	position: relative;
	left: -89px;
}

#matteNav  #rightList{
	margin-left: 160px;
}


#matteNav .Llink {
	height: 11px;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 3px
}

#matteNav .Rlink {
	height: 11px;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 3px;
}

#matteNav #l1 {
	width: 130px;
	margin-right: 140px;
	background-image: url(rollovers/liberty.jpg);
	background-position: left top;

}


#matteNav #l2 {
	width: 82px;
	margin-right: 170px;
	background-image: url(rollovers/venice.jpg);
	background-position: left top;
}

#matteNav #l3 {
	width: 186px;
	background-image: url(rollovers/change_of_season.jpg);
	background-position: left top;
}


#matteNav #l4 {
	width: 47px;
	background-image: url(rollovers/reel.jpg);
	margin-left: 186px;
	background-position: left top;
}

#matteDisplay #e {
	background-image: url(original.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 87px;
	height: 11px;
	float:left;
	margin-left: 380px;
	margin-top: 50px;
}

#matteDisplay #e:hover {
	background-image: url(originalr.jpg);
}

#matteDisplay #f {
	background-image: url(extended.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 94px;
	height: 11px;
	float:left;
	margin-left: 80px;
	margin-top: 50px;
}

#matteDisplay #f:hover {
	background-image: url(extendedr.jpg);
}

#matteDisplay {
	float:left;
	margin-bottom: 100px;
	width: 100%;
	font-family: helvetica neue, helvetica, arial, san-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: 600;
}

#textureDisplay {
	float:left;
	text-align: center;
	margin-left: 120px;
	margin-bottom: 100px;
}

#artHeader {
	background-color: #000000;
	background-image: url(blankhead.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 160px;
	width: 1030px;
	margin-bottom: 30px;
}

#artHeader #location {
	position: relative;
	top: 61px;
	width: 322px;
	height: 25px;
	background-image: url(rollovers/art_instructiontitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#artHeader #home {
	position: relative;
	left: 940px;
	top: 35px;
	float: left;
	height: 24px;
	width: 89px;
	background-image: url(rollovers/maintitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#artNav {
	height:11px;
	position: relative;
	top: 120px;
}

#artNav  #leftList{
	float: left;
	position: relative;
	left: -89px;
}

#artNav  #rightList{
	float: left;
	margin-left: 160px;
}


#artNav .Llink {
	height: 11px;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 3px;
}

#artNav .Rlink {
	height: 11px;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 3px;
}

#artNav #l1 {
	width: 130px;
	margin-right: 160px;
	background-image: url(rollovers/life_drawing.jpg);
	background-position: top;

}

#artNav #l2 {
	width: 82px;
	margin-right: 10px;
	background-image: url(rollovers/painting.jpg);
	background-position: top;
}

#artNav #l3 {
	width: 153px;
	background-image: url(rollovers/storyboarding.jpg);
	background-position: top;
}

#artNav #l4 {
	width: 120px;
	background-image: url(rollovers/testimonial.jpg);
	margin-left: 126px;
	background-position: top;
}

#artGallery {
	background-color: #000000;
	float:left;
	width: auto;
	margin-right: 50px;
}

#artsGallery{
	background-color: #000000;
	float:left;
	margin-right: 130px;
	width: 300px;
}

#artDisplay {
	float:left;
	margin-bottom: 100px;
	width: 500px;
	font-family: helvetica neue, helvetica, arial, san-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: 600;
}

#testimonialDisplay {
	width: 506px;
	font-family: helvetica neue, helvetica, arial, san-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: 600;
	float: left;
	margin-left: 254px;
}

#storyGallery {
	margin-top: 20px;
	margin-left: 143px;
	float:left;
	text-align: center;
	margin-bottom: 20px;
}

#storyDisplay {
	float:left;
	text-align: center;
	margin-left: 214px;
}

#illustrationHeader {
	background-color: #000000;
	background-image: url(blankhead.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 160px;
	width: 1030px;
	margin-bottom: 30px;
}

#funLocation {
	position: relative;
	top: 61px;
	width: 200px;
	height: 27px;
	background-image: url(fun_stuff/fun_stufftitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#funGallery {
	float:left;
	text-align: center;
	margin-bottom: 20px;
}

#funDisplay {
	float:left;
	margin-left: 10px;
}

#funGallery .thumbWide {
	margin-left: 35px;
}

#subDisplay {
	margin-left: 100px;
	margin-top: 20px;
}

#subDisplay img {
	float:left;
}

#dougPic {
	float:left;
	position: relative;
	bottom: 28px;
	margin-right: 40px;
}

#linkLocation {
	position: absolute;
	top: 61px;
	width: 104px;
	height: 27px;
	background-image: url(links/links.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#linkGallery {
float: left;
margin-left: 40px;
}

#linkDisplay {
float: left;
margin-left: 40px;
}

#illustrationHeader #location {
	position: relative;
	top: 61px;
	width: 311px;
	height: 26px;
	background-image: url(rollovers/illustrationtitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#illustrationHeader #home {
	position: relative;
	left: 940px;
	top: 35px;
	float: left;
	height: 24px;
	width: 89px;
	background-image: url(rollovers/maintitle.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.display{
	text-align: center;
}

#illustrationGallery {
	margin-left: 40px;
	background-color: #000000;
	float:left;
	width:100px;
	margin-right: 150px;
}

#pinballGallery {
	background-color: #000000;
	float:left;
	width:291px;
	height:420px;
	margin-right: 30px;
}

#designGallery {
	background-color: #000000;
	float: left;
	width: 290px;
	/*height: 420px;*/
}

#illustrationDisplay {
	float:left;
	margin-bottom: 100px;
}

#homeDisplay {
	float:left;
	margin-bottom: 100px;
	text-align: center;
	
}

#homeDisplay img {
	border-color: #35517E;
	border-width: 2px;
	border-style: solid;
	padding: 7px 7px 7px 7px;
	margin-bottom: 20px;
}

.thumb {
	padding: 3px 3px 3px 3px;
	margin-left: 20px;
	background-image: url(thumbborder.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 20px;
}

#storyGallery .thumbWide {
	margin-left: 40px;
}

.thumbWide {
	padding: 3px 3px 3px 3px;
	margin-left: 20px;
	background-image: url(thumbborder.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-bottom: 20px;
	float:left;
}

.thumb:hover {
	background-image: url(thumbglow.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.thumbWide:hover {
	background-image: url(thumbglow.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#footer {
	height: 18px;
	margin-top: 771px;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 37px;
	text-align: left;
}

#homeFooter {
	clear: both;
	height: 18px;
	margin-top: 100px;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 37px;
	text-align: left;
}

#thinFooter {
	clear: both;
	height: 18px;
	margin-top: 50px;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 37px;
	text-align: left;
}


#homeNav .Llink {
	height: 11px;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	top: 149px;
	margin-right: 19px;
	background-position: left;
	background-repeat: no-repeat;
}

#homeNav .Rlink {
	height: 11px;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	top: 149px;
	margin-left: 68px;
	background-position: left;
	background-repeat: no-repeat;
}

.link a {
display: block; 
width: 100%;
height: 100%;
}

#homeNav #l1 {
	width: 146px;
	margin-right: 25px;
	background-image: url(rollovers/art_instruction.jpg);
	background-position: left top;
	background-color: #000000;

}

#homeNav #l1:hover,#homeNav #l2:hover,#homeNav #l3:hover,#homeNav #l4:hover,#homeNav #l5:hover,#homeNav #l6:hover,#homeNav #l6:hover,#artNav #l1:hover,#artNav #l2:hover,#artNav #l3:hover,#artNav #l4:hover,#illustrationNav #l1:hover,#illustrationNav #l2:hover,#illustrationNav #l3:hover,#illustrationNav #l4:hover,#illustrationHeader #location:hover,#illustrationHeader #home:hover,#videoGameLocation:hover,#blankHome #location:hover,#blankHome #home:hover,#matteNav #l1:hover,#matteNav #l2:hover,#matteNav #l3:hover,#matteNav #l4:hover,#artHeader #home:hover,#artHeader #location:hover {
	background-position: left bottom;
}

#homeNav #l2 {
	width: 115px;
	margin-right: 10px;
	background-image: url(rollovers/illustration.jpg);
	background-color: #000000;
	background-position: left top;
}


#homeNav #l3 {
	width: 155px;
	background-image: url(rollovers/video_game_art.jpg);
	background-color: #000000;
	background-position: left top;
}


#homeNav #l4 {
	width: 148px;
	margin-left: 129px;
	background-image: url(rollovers/matte_painting.jpg);
	background-color: #000000;
	background-position: left top;
}


#homeNav #l5 {
	width: 94px;
	background-image: url(rollovers/fun_stuff.jpg);
	background-color: #000000;
	background-position: left top;
}

#homeNav #l6 {
	width: 53px;
	background-image: url(rollovers/links.jpg);
	background-color: #000000;
	background-position: left top;
}

#illustrationNav {
	height:10px;
	position: relative;
	top: 120px;
}

#illustrationNav  #leftList{
	float: left;
	position: relative;
	left: -89px;
}

#illustrationNav  #rightList{
	float: left;
	margin-left: 115px;
}


#illustrationNav .Llink {
	height: 12px;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 2px;
}

#illustrationNav .Rlink {
	height: 12px;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 2px;
}

#illustrationNav #l1 {
	width: 162px;
	margin-right: 110px;
	background-image: url(rollovers/pinball_gallery.jpg);
	background-position: top;
}


#illustrationNav #l2 {
	width: 142px;
	margin-right: 10px;
	background-image: url(rollovers/black_and_white.jpg);
	background-position: top;
}


#illustrationNav #l3 {
	width: 130px;
	background-image: url(rollovers/concept_art.jpg);
	background-position: top;
}


#illustrationNav #l4 {
	width: 68px;
	background-image: url(rollovers/design.jpg);
	background-position: top;
	margin-left: 204px;
}

.middle {
	margin-left: 69px;
}

#whoText {
	text-align: left;
	width: 800px;
	line-height: 17px;
	margin-left: 174px;
	float: left;
}

#whoText img {
	float:left;
	background-color: #ab8f61;
	padding-top:2px;
	padding-left:2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-right: 10px;
	margin-bottom: 5px;
	
}

#amazonDisplay {
	float:left;
	margin-left: 53px;
	margin-bottom: 50px;
}