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

body {
	background-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	font-style: normal;
	color: #888888;
	text-decoration: none;
	text-align: left;
}

a {
	font-size: 10px;
	color: #9A0000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #AAAAAA;
}
a:hover {
	text-decoration: none;
	color: #DDDDDD;
}
a:active {
	text-decoration: none;
	color: #AAAAAA;
}


/*Below is the Main Container for the Site Elements*/


#wrapper {
	width: 1080px;
	height: 900px;
	background-color: #000000;
	position: relative;
	top: auto;
	margin: auto;
}


/*Below are the Top Background Slice and Main Title*/


#wrapper .topnav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1080px;
	height: 130px;
	background-color: #000000;
	background-image: url(../images/bg_1.jpg);
	background-repeat: no-repeat;
}

.title {
	vertical-align: top;
	float: right;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 68px;
	width: 688px;
	top: 8px;
	right: 8px;
}


/*Below is the Top Menu Bar and Links*/


#wrapper .menu {
	position: absolute;
	width: 1080px;
	height: 61px;
	z-index: 2;
	background: #161616;
	top: 62px;
	left: 0px;
	opacity: .90;
}

.dimension {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 16px;
	top: 25px;
	left: 178px;
	opacity: .75;
}

.dimension:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 16px;
	top: 25px;
	left: 178px;
	opacity: 1;
}

.spike1 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 61px;
	width: 1px;
	top: 0px;
	left: 217px;
}

.film {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 77px;
	top: 25px;
	left: 244px;
	opacity: .75;
}

.film:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 77px;
	top: 25px;
	left: 244px;
	opacity: 1;
}

.spike2 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 61px;
	width: 1px;
	top: 0px;
	left: 347px;
}

.photo {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 42px;
	top: 25px;
	left: 374px;
	opacity: .75;
}

.photo:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 42px;
	top: 25px;
	left: 374px;
	opacity: 1;
}

.spike3 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 61px;
	width: 1px;
	top: 0px;
	left: 442px;
}

.illust {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 79px;
	top: 25px;
	left: 469px;
	opacity: .75;
}

.illust:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 79px;
	top: 25px;
	left: 469px;
	opacity: 1;
}

.spike4 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 61px;
	width: 1px;
	top: 0px;
	left: 574px;
}

.web {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 74px;
	top: 25px;
	left: 601px;
	opacity: .75;
}

.web:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 74px;
	top: 25px;
	left: 601px;
	opacity: 1;
}

.spike5 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 61px;
	width: 1px;
	top: 0px;
	left: 701px;
}

.print {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 32px;
	top: 25px;
	left: 728px;
	opacity: .75;
}

.print:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 32px;
	top: 25px;
	left: 728px;
	opacity: 1;
}

.spike6 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 61px;
	width: 1px;
	top: 0px;
	left: 786px;
}

.theater {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 49px;
	top: 25px;
	left: 813px;
	opacity: .75;
}

.theater:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	height: 10px;
	width: 49px;
	top: 25px;
	left: 813px;
	opacity: 1;
}


/*Below are the Media Slice and Media Window Content Blocks*/


#wrapper .mediawindow {
	position: absolute;
	width: 819px;
	height: 376px;
	background-color: #000000;
	background-image: url(../images/bg_2.jpg);
	top: 130px;
	left: 0px;
}



.cube {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 280px;
	width: 280px;
	left: 685px;
	top: 350px;
	z-index: 50;
}

.cubemain {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 280px;
	width: 280px;
	left: 1px;
	top: 180px;
	z-index: 50;
}


#wrapper .mediablock {
	position: absolute;
	width: 780px;
	height: 310px;
	z-index: 2;
	background: #161616;
	top: 150px;
	left: 18px;
	display: block;
	float: left;
	opacity: 1;
	overflow: auto;
	border: 10px solid #161616;
}


.pic_media {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 282px;
	width: 520px;
	left: 155px;
	top: 176px;
}

.pic_mediav {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 520px;
	width: 282px;
	left: 280px;
	top: 176px;
}


.movie_qt {
	vertical-align: top;
	position: absolute;
	overflow: visible;
	z-index: 50;
	height: 290px;
	width: 537px;
	left: 150px;
	top: 170px;
}

.movie_older {
	vertical-align: top;
	position: absolute;
	overflow: visible;
	z-index: 50;
	height: 189px;
	width: 289px;
	left: 275px;
	top: 218px;
}

.movie_olderb {
	vertical-align: top;
	position: absolute;
	overflow: visible;
	z-index: 50;
	height: 189px;
	width: 251px;
	left: 295px;
	top: 218px;
}

.movie_vid {
	vertical-align: top;
	position: absolute;
	overflow: visible;
	z-index: 50;
	height: 240px;
	width: 320px;
	left: 260px;
	top: 190px;
}

.movie_sm {
	vertical-align: top;
	position: absolute;
	overflow: visible;
	z-index: 50;
	height: 135px;
	width: 180px;
	left: 310px;
	top: 140px;
}


/*Below are the Text Parameters*/


#redcaps {
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
	color: #9A0000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: 600;
}

#ltgreycaps {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #DDDDDD;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: 500;
}

#ltgreycapslink {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #9A0000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: 500;
}

#ltgreycapslinkc {
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
	color: #9A0000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
}

#ltgrey {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #DDDDDD;
	text-decoration: none;
	text-align: left;
	font-weight: 500;
}

#dkgrey {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
}

#dkgrey_a {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none;
	text-align: left;
}

.blocky {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 74px;
	width: 192px;
	left: 855px;
	top: 155px;
}


/*Below are the Remaining Background Slices and Navigation Blocks*/


#wrapper .contentblock {
	position: absolute;
	width: 819px;
	height: 294px;
	background-color: #000000;
	background-image: url(../images/bg_3.jpg);
	top: 506px;
	left: 0px;
}

#wrapper .contentbox {
	position: absolute;
	width: 573px;
	height: 185px;
	z-index: 2;
	background: #161616;
	top: 506px;
	left: 244px;
	opacity: .80;
	border: 1px solid #7d7d7d;
}


#wrapper .leftbox {
	position: absolute;
	width: 213px;
	height: 185px;
	z-index: 2;
	background: #161616;
	top: 506px;
	left: 5px;
	opacity: .80;
	border: 1px solid #7d7d7d;
	overflow: hidden;
}

#wrapper .rightnavblock {
	position: absolute;
	width: 261px;
	height: 670px;
	background-color: #000000;
	background-image: url(../images/bg_4.jpg);
	top: 130px;
	left: 819px;
}

#wrapper .rightbox {
	position: absolute;
	width: 218px;
	height: 499px;
	z-index: 2;
	background: #161616;
	top: 256px;
	left: 843px;
	opacity: .80;
}

#wrapper .footerbox {
	position: absolute;
	width: 814px;
	height: 37px;
	z-index: 2;
	background: #161616;
	top: 718px;
	left: 5px;
	opacity: .80;
}


/*Below are the Home Right Titles*/


.lucy_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 109px;
	left: 942px;
	top: 264px;
}

.multi_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 151px;
	left: 900px;
	top: 283px;
}

.blog_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 33px;
	left: 935px;
	top: 773px;
	opacity: .75;
}

.blog_r:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 33px;
	left: 935px;
	top: 773px;
	opacity: 1;
}

/*Below are the Righthand 3d Page Navigation Elements*/


.extradheading_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 127px;
	right: 28px;
	top: 264px;
}

.r_3dconcept {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 97px;
	right: 28px;
	top: 281px;
	opacity: .75;
}

.r_3dconcept:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 97px;
	right: 28px;
	top: 281px;
	opacity: 1;
}

.r_3denviro {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 77px;
	right: 28px;
	top: 297px;
	opacity: .75;
}

.r_3denviro:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 77px;
	right: 28px;
	top: 297px;
	opacity: 1;
}

.r_3dobj {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 45px;
	right: 28px;
	top: 311px;
	opacity: .75;
}

.r_3dobj:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 45px;
	right: 28px;
	top: 311px;
	opacity: 1;
}

.r_3dfx {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 11px;
	right: 28px;
	top: 327px;
	opacity: .75;
}

.r_3dfx:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 11px;
	right: 28px;
	top: 327px;
	opacity: 1;
}

.r_3dchar {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 62px;
	right: 28px;
	top: 341px;
	opacity: .75;
}

.r_3dchar:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 62px;
	right: 28px;
	top: 341px;
	opacity: 1;
}

.r_3danime {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 62px;
	right: 28px;
	top: 355px;
	opacity: .75;
}

.r_3danime:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 62px;
	right: 28px;
	top: 355px;
	opacity: 1;
}


/*Below are the Righthand Film Page Navigation Elements*/


.filmvidheading_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 15px;
	width: 102px;
	right: 28px;
	top: 264px;
}


.r_filmvidedit {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 192px;
	right: 28px;
	top: 283px;
	opacity: .75;
}

.r_filmvidedit:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 192px;
	right: 28px;
	top: 283px;
	opacity: 1;
}

.r_filmprod {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 92px;
	right: 28px;
	top: 300px;
	opacity: .75;
}

.r_filmprod:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 92px;
	right: 28px;
	top: 300px;
	opacity: 1;
}

.r_filmsteadi {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 65px;
	right: 28px;
	top: 315px;
	opacity: .75;
}

.r_filmsteadi:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 65px;
	right: 28px;
	top: 315px;
	opacity: 1;
}


/*Below are the Righthand Photo Page Navigation Elements*/


.photoheading_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 57px;
	right: 28px;
	top: 264px;
}

.r_photobw {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 83px;
	right: 28px;
	top: 281px;
	opacity: .75;
}

.r_photobw:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 83px;
	right: 28px;
	top: 281px;
	opacity: 1;
}

.r_photocolor {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 32px;
	right: 28px;
	top: 295px;
	opacity: .75;
}

.r_photocolor:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 32px;
	right: 28px;
	top: 295px;
	opacity: 1;
}


/*Below are the Righthand Illustration Page Navigation Elements*/


.illustheading_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 105px;
	right: 28px;
	top: 264px;
}

.r_illustpen {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 78px;
	right: 28px;
	top: 281px;
	opacity: .75;
}

.r_illustpen:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 78px;
	right: 28px;
	top: 281px;
	opacity: 1;
}

.r_illustpaint {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 50px;
	right: 28px;
	top: 298px;
	opacity: .75;
}

.r_illustpaint:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 50px;
	right: 28px;
	top: 298px;
	opacity: 1;
}

.r_illustfractal {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 45px;
	right: 28px;
	top: 314px;
	opacity: .75;
}

.r_illustfractal:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 45px;
	right: 28px;
	top: 314px;
	opacity: 1;
}

.r_illustblue {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 58px;
	right: 28px;
	top: 328px;
	opacity: .75;
}

.r_illustblue:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 58px;
	right: 28px;
	top: 328px;
	opacity: 1;
}


/*Below are the Righthand Web Page Navigation Elements*/


.webheading_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 99px;
	right: 28px;
	top: 264px;
}

.r_webcase {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 75px;
	right: 28px;
	top: 281px;
	opacity: .75;
}

.r_webcase:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 75px;
	right: 28px;
	top: 281px;
	opacity: 1;
}

.r_webgraphic {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 107px;
	right: 28px;
	top: 297px;
	opacity: .75;
}

.r_webgraphic:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 107px;
	right: 28px;
	top: 297px;
	opacity: 1;
}


/*Below are the Righthand Print Page Navigation Elements*/


.printheading_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 42px;
	right: 28px;
	top: 264px;
}

.r_printbrochure {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 60px;
	right: 28px;
	top: 280px;
	opacity: .75;
}

.r_printbrochure:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 60px;
	right: 28px;
	top: 280px;
	opacity: 1;
}

.r_printcal {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 61px;
	right: 28px;
	top: 294px;
	opacity: .75;
}

.r_printcal:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 61px;
	right: 28px;
	top: 294px;
	opacity: 1;
}

.r_printposter {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 43px;
	right: 28px;
	top: 308px;
	opacity: .75;
}

.r_printposter:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 43px;
	right: 28px;
	top: 308px;
	opacity: 1;
}

.r_printevent {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 103px;
	right: 28px;
	top: 324px;
	opacity: .75;
}

.r_printevent:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 103px;
	right: 28px;
	top: 324px;
	opacity: 1;
}

.r_printbrand {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 121px;
	right: 28px;
	top: 340px;
	opacity: .75;
}

.r_printbrand:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 121px;
	right: 28px;
	top: 340px;
	opacity: 1;
}

.r_printpackage {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 66px;
	right: 28px;
	top: 356px;
	opacity: .75;
}

.r_printpackage:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 66px;
	right: 28px;
	top: 356px;
	opacity: 1;
}


/*Below are the Righthand Theater Page Navigation Elements*/


.theaterheading_r {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 66px;
	right: 28px;
	top: 264px;
}

.r_theaterprod {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 73px;
	right: 28px;
	top: 280px;
	opacity: .75;
}

.r_theaterprod:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 73px;
	right: 28px;
	top: 280px;
	opacity: 1;
}



.slide_mediar {
	vertical-align: top;
	position: absolute;
	overflow: visible;
	z-index: 100;
	height: 150px;
	width: 200px;
	left: 852px;
	top: 425px;
	float: right;
}



#link_mediar {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #9A0000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	z-index: 100;
}

.base {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 88px;
	width: 101px;
	left: 900px;
	top: 650px;
}

.base_blue {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 120px;
	width: 120px;
	left: 892px;
	top: 600px;
}

.xyzred {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 185px;
	width: 186px;
	left: 859px;
	top: 555px;
}

.slide_textr {
	vertical-align: top;
	position: absolute;
	overflow: visible;
	z-index: 100;
	height: 150px;
	width: 200px;
	left: 852px;
	top: 375px;
	float: right;
}

#ltgreycapsr {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #DDDDDD;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: 500;
	z-index: 100;
}

#dkgreyr {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none;
	text-align: left;
	z-index: 100;
}

#softtitler {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	z-index: 100;
}

#softr {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none;
	text-align: right;
	z-index: 100;
}


/*Below are the Left Title Elements*/


.welcome {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 84px;
	left: 127px;
	top: 515px;
}

.lucyheading {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 109px;
	left: 102px;
	top: 515px;
}

.multiheading {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 151px;
	left: 60px;
	top: 536px;
}

.xyz {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 185px;
	width: 186px;
	left: 19px;
	top: 509px;
}

.base_l {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 88px;
	width: 101px;
	left: 65px;
	top: 575px;
}


/*Below are the Content Box Navigation Elements*/


.latest {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 106px;
	left: 253px;
	top: 515px;
}


/*Below are the Content Box 3d Navigation Elements*/


.concept {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 143px;
	left: 253px;
	top: 515px;
}

.environment {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 116px;
	left: 253px;
	top: 515px;
}

.objects {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 69px;
	left: 253px;
	top: 515px;
}

.fx {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 17px;
	left: 253px;
	top: 515px;
}

.texture {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 64px;
	left: 253px;
	top: 515px;
}

.character {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 98px;
	left: 253px;
	top: 515px;
}

.animation {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 93px;
	left: 253px;
	top: 515px;
}


/*Below are the Content Box Film Navigation Elements*/


.videdit {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 291px;
	left: 253px;
	top: 515px;
}

.filmprod {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 147px;
	left: 253px;
	top: 515px;
}

.steadi {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 14px;
	width: 93px;
	left: 253px;
	top: 515px;
}


/*Below are the Content Box Photo Navigation Elements*/


.bw {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 121px;
	left: 253px;
	top: 515px;
}

.color {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 59px;
	left: 253px;
	top: 515px;
}


/*Below are the Content Box Illustration Navigation Elements*/


.pen {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 109px;
	left: 253px;
	top: 515px;
}

.paint {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 83px;
	left: 253px;
	top: 515px;
}

.fractal {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 78px;
	left: 253px;
	top: 515px;
}

.blueprint {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 88px;
	left: 253px;
	top: 515px;
}


/*Below are the Content Box Web Navigation Elements*/


.case {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 107px;
	left: 253px;
	top: 515px;
}

.graphic {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 157px;
	left: 253px;
	top: 515px;
}


/*Below are the Content Box Print Navigation Elements*/


.brochure {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 95px;
	left: 253px;
	top: 515px;
}

.cal {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 97px;
	left: 253px;
	top: 515px;
}

.poster {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 66px;
	left: 253px;
	top: 515px;
}

.event {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 154px;
	left: 253px;
	top: 515px;
}

.brand {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 192px;
	left: 253px;
	top: 515px;
}

.packaging {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 101px;
	left: 253px;
	top: 515px;
}


/*Below are the Content Box Theater Navigation Elements*/


.productions {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 115px;
	left: 253px;
	top: 515px;
}



/*Below are the Content Box Curriculum Vitae Navigation Elements*/


.i_cv {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 13px;
	width: 155px;
	left: 253px;
	top: 515px;
}

.i_exp {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 84px;
	left: 253px;
	top: 548px;
}

.i_3d {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 23px;
	left: 253px;
	top: 571px;
}

.i_multi {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 61px;
	left: 253px;
	top: 585px;
}

.i_web {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 62px;
	left: 253px;
	top: 599px;
}

.i_film {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 147px;
	left: 253px;
	top: 613px;
}

.i_print {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 26px;
	left: 253px;
	top: 627px;
}

.i_progr {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 81px;
	left: 253px;
	top: 641px;
}

.i_know {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 91px;
	left: 418px;
	top: 548px;
}

.i_educ {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 58px;
	left: 418px;
	top: 571px;
}

.i_tech {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 89px;
	left: 418px;
	top: 585px;
}

.i_acco {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 90px;
	left: 578px;
	top: 548px;
}

.i_award {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 44px;
	left: 578px;
	top: 571px;
}

.i_rec {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 105px;
	left: 578px;
	top: 585px;
}

.i_misc {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 12px;
	width: 36px;
	left: 741px;
	top: 548px;
}

.i_mem {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 69px;
	left: 741px;
	top: 571px;
}

.i_int {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 46px;
	left: 741px;
	top: 585px;
}

.i_word {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 9px;
	width: 93px;
	left: 490px;
	top: 675px;
}


/*Below are the Content Box Image Navigation Controls*/


.pic_top1 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 253px;
	top: 558px;
	opacity: .70;
}

.pic_top1:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 253px;
	top: 558px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_bottom1 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 253px;
	top: 626px;
	opacity: .70;
}

.pic_bottom1:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 253px;
	top: 626px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_top2 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 366px;
	top: 558px;
	opacity: .70;
}

.pic_top2:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 366px;
	top: 558px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_bottom2 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 366px;
	top: 626px;
	opacity: .70;
}

.pic_bottom2:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 366px;
	top: 626px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_top3 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 479px;
	top: 558px;
	opacity: .70;
}

.pic_top3:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 479px;
	top: 558px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_bottom3 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 479px;
	top: 626px;
	opacity: .70;
}

.pic_bottom3:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 479px;
	top: 626px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_top4 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 592px;
	top: 558px;
	opacity: .70;
}

.pic_top4:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 592px;
	top: 558px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_bottom4 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 592px;
	top: 626px;
	opacity: .70;
}

.pic_bottom4:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 592px;
	top: 626px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_top5 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 705px;
	top: 558px;
	opacity: .70;
}

.pic_top5:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 705px;
	top: 558px;
	opacity: 1;
	border: 1px solid #000000;
}

.pic_bottom5 {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 705px;
	top: 626px;
	opacity: .70;
}

.pic_bottom5:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 58px;
	width: 105px;
	left: 705px;
	top: 626px;
	opacity: 1;
	border: 1px solid #000000;
}

.pageturn {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 11px;
	width: 46px;
	left: 765px;
	top: 526px;
}


/*Below are the Footer Navigation Elements*/


.artist {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 88px;
	left: 18px;
	top: 732px;
	opacity: .75;
}

.artist:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 88px;
	left: 18px;
	top: 732px;
	opacity: 1;
}

.contact {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 61px;
	left: 745px;
	top: 732px;
	opacity: .75;
}

.contact:hover {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 10px;
	width: 61px;
	left: 745px;
	top: 732px;
	opacity: 1;
}

.rights {
	vertical-align: top;
	position: absolute;
	overflow: hidden;
	z-index: 8;
	height: 34px;
	width: 124px;
	left: 5px;
	top: 761px;
}




/*Below are the Lightbox Gallery Elements*/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
















.buttons {
	position: relative;
	z-index: 5;
	overflow: hidden;
	height: 10px;
	bottom: 25px;
}

.spike {
	position: relative;
	z-index: 5;
	height: 61px;
	width: 1px;
	padding-right: 26px;
	padding-left: 26px;
	bottom: 2px;
}

#header ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}

#header ul li {
	padding: 0 .5em;
	float: center;
}

#nav {
	overflow: hidden;
	min-height: 50px;
	background: #161616;
	opacity: .70;
}

#content {
	overflow: hidden;
	min-height: 300px;
	background: #161616;
	opacity: .70;
}

#footer {
	overflow: hidden;
	min-height: 10px;
	background: #161616;
	opacity: .70;
}


#container .topnavblock {
	position: absolute;
	margin: 1px auto;
	width: 1080px;
	height: 60px;
	border: 1 px solid #7c7d7b;
	background: #161616;
}

#container .mediablock {
	position: absolute;
	margin: 1px auto;
	width: 575px;
	height: 187px;
	border: 1 px solid #7c7d7b;
	background: #161616;
}

#container .contentblock {
	position: absolute;
	margin: 1px auto;
	width: 215px;
	height: 187px;
	border: 1 px solid #7c7d7b;
	background: #161616;
}

#container .verticalblock {
	position: absolute;
	margin: 1px auto;
	width: 217px;
	height: 500px;
	background: #161616;
}

#container .footerblock {
	position: absolute;
	margin: 1px auto;
	width: 814px;
	height: 37px;
	background: #161616;
}

#container .imageblock {
	position: absolute;
	margin: 1px auto;
	width: 105px;
	height: 58px;
	background: #161616;
}