@charset "UTF-8";

/* CSS Document */

/*______________GENERAL______________*/
html, body {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#apDiv1 {
	position:absolute;
	left:570px;
	top:101px;
	width:168px;
	height:24px;
	z-index:3;
}
#apDiv2 {
	position:absolute;
	left:1px;
	top:488px;
	width:683px;
	height:202px;
	z-index:3;
}
#apDiv3 {
	position:absolute;
	left:363px;
	top:24px;
	width:148px;
	height:187px;
	z-index:5;
}
#apDiv4 {
	position:absolute;
	left:742px;
	top:168px;
	width:203px;
	height:157px;
	z-index:3;
}
#apDiv5 {
	position:absolute;
	left:573px;
	top:109px;
	width:233px;
	height:217px;
	z-index:4;
}
#apDiv6 {
	position:absolute;
	left:595px;
	top:435px;
	width:51px;
	height:41px;
	z-index:5;
}
#hole {
	position:absolute;
	left:246px;
	top:-240px;
	width:70px;
	height:70px;
	z-index:3;
	margin-top: 580px;
	margin-left: 330px;
}

#building {
	position:absolute;
	left:363px;
	top:24px;
	width:145px;
	height:283px;
	z-index:5;
}
#light_bulb {
	position:absolute;
	left:0px;
	top:0px;
	width:89px;
	height:107px;
	z-index:6;
	margin-top: 100px;
	margin-left: 750px;
	overflow: visible;
}

plug {
	position:absolute;
	left:0px;
	top:0px;
	width:795px;
	height:202px;
	z-index:3;
	margin-top: 40px;
	margin-left: 40px;
}

#telephone_gfx {
	position:absolute;
	left:0px;
	top:0px;
	width:500px;
	height:700px;
	z-index:3;
	margin-top: 60px;
	margin-left: 280px;
}

img { border: none;}

p { font-size: 11px; margin-top:0px; line-height: 12px;}

ul { font-size: 11px; margin-top:0px;}

a {outline: none;}

h2 {
	font-size: 12px; 
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}

#middle_column {
	position: absolute;
	z-index: 2;
	width: 308px;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 370px;
	left: 0;
	top: 0;
}

.new_work img:hover, #qt_framesholder img:hover {
	-moz-opacity: 0.90;
	opacity: 0.90;
}

/*______________GRAPHIC_ACCENTS______________*/

#gradient{
	position:fixed; 
	z-index:0; 
	width:100%; 
	height:100%;
}

#top_accent {
	position: absolute;
	overflow: hidden;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 322px;
	left: -15px;
	top: 0px;
}

#accent01 {
	position: absolute;
	overflow: hidden;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 950px;
	top: 7px;
	left: 5px;
}

#accent02 {
	position: absolute;
	overflow: hidden;
	margin-top: 800px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 800px;
}

/*______________NAVIGATION______________*/

.housereel { margin-top: 30px;}
.sectionhead {
	margin-top: 20px;
}
.sectionsub {
	margin-top: 5px;
}

#navigation {
	background-image: url(../images/nav_back.png);
	background-repeat: no-repeat;
	width: 317px;
	height: 500px;
	float: left;
	position: absolute;
	z-index: 2;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	left: 0px;
	top: 0px;
}

#navigation span {
	display: none;
}

#navigation a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#nav_txt {
	margin: 60px 0px 0px 121px;
	width: 150px;
}

#logo a {
	background-image: url(../images/logo.png);
	margin-left: 20px;
	height: 44px;
	background-repeat: no-repeat;
	display: block;	
}

#txt_hsreel a {
	background-image: url(../images/txt_hsshowreel.png);
	height: 11px;
	background-repeat: no-repeat;
	display: block;
}
#txt_library  a {
	background-image: url(../images/txt_featuredwork.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
}
#txt_service  a {
	background-image: url(../images/txt_services2.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
}
#txt_contact    a {
	background-image: url(../images/txt_contact.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	position: static;
}
#txt_location   a {
	background-image: url(../images/txt_location.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
}
#txt_steamfilms  a {
	background-image: url(../images/txt_steamfilms.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
}

#txt_services a {
	background-image: url(../images/txt_services2.png);
	height: 11px;
	background-repeat: no-repeat;
	display: block;
}

#txt_studio a {
	background-image: url(../images/txt_studio2.png);
	height: 9px;
	background-repeat: no-repeat;
	display: block;	
}

#txt_contact a {
	background-image: url(../images/txt_contact.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
}
#txt_refinery  a {
	background-image: url(../images/txt_refinery.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
}

#txt_client a {
	background-image: url(../images/txt_client2.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	margin-top: 20px;
}

/*______________HOME______________*/

.new_work {
	background-image: none;
	background-repeat: no-repeat;
	padding-top: 100%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100%;
}

.new_worktxt {
	margin-top: 20px;
	width: 367px;
}

.new_work p {
	margin-top: -7px;
	line-height: 13px;
}

/*______________BROADCAST DESIGN, CGI/VFX, PRINT, INTERACTIVE______________*/

.qt_frame { margin: 0px 25px 25px 0px; float: left;}

.qt_txt h2 { margin: 11px 0px 0px 0px;}

.qt_txt p { margin: 2px 0px 0px 0px;}

#qt_framesholder { margin-top: 20px; width: 430px;}

#corner_accent {
	position: absolute;
	float: left;
	margin: 0px 0px 0px 375px;
}

/*______________PROFILE______________*/

#profile_column {
	position: absolute;
	margin: 175px 0px 0px 370px;
}

#telephone_pole {
	position: absolute;
	margin-left: 6px;
	z-index: 0;
	clip: rect(300px,auto,auto,100px);
	padding-top: 0px;
	padding-left: 0px;
	left: 269px;
	top: -15px;
}

#clients { 
	position: absolute;
	margin: 95px 0px 0px 0px;
	text-align: right;
	width: 88px;
	z-index: 2;
}

#press_kit {
	position: absolute;
	margin: 80px 0px 0px 143px;
	width: 400px;
	z-index: 2;
}

#awards {
	position: absolute;
	margin: 390px 0px 0px 144px;
	width: 400px;
	z-index: 2;
}

#pdf {float: left; margin-right: 20px;}

#press_kit p { margin: 10px 0px 0px 0px;}
#front_graphic {
	position:absolute;
	left:0px;
	top:0px;
	width:595px;
	height:506px;
	z-index:2;
	margin-top: 25px;
	margin-left: 250px;
}


/*______________SERVICES______________*/

#services_holder { width: 500px;}

#services_header h2 {float: left; margin-right: 40px;}

#services_header { margin: 0px 0px 27px 0px;}

.services_section { width: 130px; margin: 0px 32px 80px 0px; float: left;}

.service_descrip01 {height: 50px;}

.service_descrip02 {height: 40px;}

.services_frame {padding: 6px 0px 0px 0px;}

.services_name { font-style: oblique; margin: 15px 0px 0px 0px;}

.services_name p { margin: 0px 0px 5px 0px;}

/*______________STUDIO______________*/

#plug {
	position: absolute;
	margin: 100px 0px 0px 0px;
	left: 3px;
	top: 352px;
	width: 795px;
}

#gallery { padding: 20px 0px 0px 0px;}
#gallery ul li { display: inline; }

#gallery ul img {padding: 5px;}

#gallery img:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

/*______________CONTACT______________*/

#contact { padding: 20px 0px 0px 0px; }

.contact2 {margin-top: 15px;}

#map {
	margin-top: 100px;
	color: #000000;
	font-size: 11px;
}

#cassette {
	position: absolute;
	left: 304px;
	top: 11px;
}

#cassette_bottom { margin-left: 200px;}

#left_contact {
	position: absolute;
	width: 127px;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	left: 0px;
	top: 0px;
}

#right_contact {
	position: absolute;
	width: 115px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	left: 67px;
	top: -6px;
}

#left_contact p, #right_contact p { margin: 0px 0px 0px 0px;}

#left_contact h2, #right_contact h2 { margin: 0px 0px 0px 0px;}

#address {
	position: absolute;
	margin-top: 20px;
	line-height: 20px;
	left: 343px;
	top: 0px;
	width: 179px;
}

#left_contact a:link, #right_contact a:link { text-decoration: none; color: #FFFFFF;}

#left_contact a:hover, #right_contact a:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

/*______________POPUP______________*/

#stitch_barlogo {position: absolute; margin: 23px 0px 0px 24px;}
.popup_listing {margin: 75px 0px 0px 108px; float: left;}
.popup_listing p {margin: 4px 0px 0px 0px;}
#bookmark {position: absolute; margin: 135px 0px 0px 453px;}
#telephone_post {
	position: absolute;
	z-index: 2;
	width: 308px;
	margin-top: 175px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 450px;
	left: -133px;
	top: -34px;
}
#middle_librarystrip {
	position: absolute;
	z-index: 2;
	width: 308px;
	margin-top: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 370px;
	left: 0px;
	top: 0px;
}
#txt_library_roll {
	background-image: url(../images/txt_featuredwork.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -14px;
}
#txt_services_roll {
	background-image: url(../images/txt_services2.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -14px;
}
#txt_faculty_roll {
	background-image: url(../images/txt_faculty.png);
	height: 9px;
	background-repeat: no-repeat;
	display: block;
	position: static;
	background-position: 0px -11px;
}
#txt_contact2_roll {
	background-image: url(../images/txt_contact.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -14px;
}
#eyehole {
	position:absolute;
	left:559px;
	top:404px;
	width:68;
	height:72;
	z-index:5;
}
#eyehole_lib {
	position:absolute;
	left:26px;
	top:331px;
	width:68;
	height:72;
	z-index:5;
}
#eyehole_faculty {
	position:absolute;
	left:569px;
	top:557px;
	width:68;
	height:72;
	z-index:5;
}
#eyehole_contact {
	position:absolute;
	left:609px;
	top:163px;
	width:68;
	height:72;
	z-index:5;
}
#house_reel {
	position:absolute;
	left:0;
	top:0px;
	width:490;
	height:380px;
	z-index:2;
	margin-top: 155px;
	margin-left: 380px;
}
#txt_location_roll {
	background-image: url(../images/txt_location.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -14px;
}
#txt_hsreel_roll {
	background-image: url(../images/txt_hsfeaturework.png);
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -14px;
}
