body, table, a, p, tr, td, div, ul, li {
	font-size: 12px;
	font-family: Lucida Grande, Verdana, Arial, Helvetica;
	margin: 0;
	padding: 0;
}


img {
	border: 0;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 -12px 0;
	padding: 0;
}

h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 -12px 0;
	padding: 0;
}

h1, h2, h3, h4, .h4 {
	font-family: Segoe UI, Lucida Grande, Geneva, Veranda, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

h4, .h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-transform: uppercase;
}

.article h4 {
	font-size: 11px;
}

.mainContent {
	width: 100%;
	height: 473px;
}

.rounded {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


#header {
	width: 1185px;
	margin: 30px 0 18px 0;
	clear: both;
	float: left;
	position: absolute;
	top: 0px;
	z-index: 99;
}


#content {
	margin-top: 110px;

}

p {
	text-align: justify;
	margin: 0;
	padding: 0;
	line-height: 19px;
}


.nav {
	height: 18px;
	float: right;
	z-index: 5;
	margin: 40px -10px 0 0;
}

.nav ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;

}

.nav ul.submenu {
	list-style-type: none;
	opacity: .95;
	filter: alpha(opacity=95);

}
.nav ul.submenu li {
	clear: both;
}

.nav li {
	float: left;
	margin: 0 3px 0 3px;
}

.nav a {
	text-decoration: none;
	font-size: 14px;
	font-family: Segoe UI, Lucida Grande, Geneva, Veranda, Arial, Helvetica, sans-serif;
	margin: 4px 12px 4px 12px;
	display: block;
}


.nav .active .preview a, .nav .active.preview a {
	height: 20px;
	border-bottom: 2px solid #575757;
}

.nav .sub.active a {
	background: none;
}



.submenu ul a {
	font-size: 13px;
	margin: 1px 12px 1px 12px;
}

.submenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.submenu li {
	float: left;
}

.submenu .preview a {
	min-height: 25px;
	display: block;
}

.submenu .preview {
	position: relative;
	z-index: 10;
	
}

.submenu .full {
	padding: 25px 0 5px 0;
	margin: 4px 0 0 -2px;
	position: absolute;
	float: left;
	z-index: 9;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #222222;
	width: 72px;
}

.submenu .full div {
	float: left;
	clear: none;
	z-index: 9;
}

.submenu .full .content {
	float: left;
	clear: none;
}



.logo {
	width: 259px;
	float: left;
	height: 60px;
}

.subContent {
	margin: 20px 0 0 0;
	width: 1180px;
	padding: 10px;
}

#footer {
	clear: both;
	margin:80px 0 15px 0;
	width: 100%;
}

#logoImg {
	width: 259px;
	height: 55px;
	background-repeat: no-repeat;
}

#footImg {
	width: 50px;
	height: 47px;
	margin: 0 auto;
}

.listView a {
	text-decoration: none;
}

.listView .thumb {
	float: left;
	clear: left;
	margin: 0 0 12px 0;
}

.listView .label {
	width: 750px;
	float: right;
	clear: right;
	margin: 0 0 25px 0;
	line-height: 18px;
}

.divider {
	clear: both;
}

#content {
	opacity: 0.01;
}

#wrapper {
	position: absolute;
	width: 100%;
	margin-top: -155px;
	z-index:999;
}

#contents {
	width: 1200px;
	margin: 0 auto;
}

#starsbg {
	background: url(/assets/images/constellation_border_repeating.png) repeat-x;
	height: 120px;
	position: absolute;
	width: 100%;
	top: -15px;
	left: 0px;
	z-index: 1;
}


#sunbg {
	background:  url(/assets/images/grad-sun-bg.png) fixed bottom right no-repeat;
	height: 600px;
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	opacity: .40;
}

#logoImg {
	z-index: 5;
	position: absolute;
}


.slide { 
	width: 1178px;
	margin-top: 455px;
	padding: 11px 11px 2px 11px;
	height: 28px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	background-color: #000000;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;

}

.slide .title a {
	font-size: 14px;
	float: left;
	color: #FFFFFF;
	text-decoration : none;
}

.slide .detail  {
	font-size: 14px;
	float: right;
	color: #FFFFFF;
}


.pressImg.right {
	float: right;
	margin: 0 0 11px 11px;
	padding: 0 0 0 11px;
}

.pressImg.left {
	float: left;
	margin: 0 11px 11px 0;
}

.pressImg {
	width: 238px;
	height: 140px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.article {
	line-height: 19px;
}

.jobs, .people, .projects, .tools, .buzz {
	line-height: 32px;
}

.projects .project h4 {
	margin: -7px 0 0 0;
}

.projects .project p {
	line-height: 14px;
	text-align: left;
}

.jobs ul, .people ul, .jobContainer ul {
	list-style-type:circle;
	margin-left: 15px;
	line-height: 19px;
}

.jobContainer .job, .people .person, .tools .tool {
	width: 350px;
	vertical-align: top;
	padding-right: 40px;
	float: left;
}

.tooldetail .tool {
	margin: 25px 0 0px 0;
}

.tooldetail .tool h1 {
	margin: 0;
}


.people .person {
	width: 370px;
	padding-right: 20px;
}

.jobs .job {
	padding-bottom: 30px;
	clear: both;
}

.jobs .divider, .people .divider {
	padding-top: 30px;
}

.jobContainer .jobTitle {
	clear: both;
}

.jobs .jobTitle h1, h1.subtool, .jobContainer h1 {
	font-size: 15px;
	cursor: pointer;
}
.jobContainer h1.jobColumn {
	margin-bottom: 15px;
}

.press .article {
	float: left;

}

.projects .project {
	float: left;
	width: 390px;
	margin-left: 10px;
}

#tab_features .project {
	width: 190px;
}

#tab_features .project h2 {
	font-size: 12px;
	margin: -7px 0 -7px 0;
}

.project h2 {
	margin: 0 0 6px 0;
	font-size: 13px;
}

.vdiv {
	padding: 12px 12px 0 12px;
}

.credits table {
	text-align: center;
	width: 100%;
}
.credits th {
	text-align: right;
	width: 50%;
	padding: 0 4px 3px 0;
	font-size: 12px;
}

.credits td {
	text-align: left;
	opacity: .95;
	filter: alpha(opacity=95);
	width: 50%;
	padding: 0 0 3px 4px;
	font-size: 12px;
}

.person.credits th {
	text-align: left;
	padding: 0 0 0px 4px;
	font-size: 11px;
}

.person.credits td {
	vertical-align: top;
	font-size: 11px;
}

.person.credits td.staffpic {
	width: 40px;
	margin: 0;
	padding: 0;


}

.reel img {
	margin-bottom: 16px;
	width: 210px;
}

.job a.apply {
	background-color: #e6e6e6;
	display: block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 2px solid #888888;
	line-height:20px;
	text-transform: uppercase;
	width: 100px;
	height: 20px;
	margin: 15px 0 15px 0;
	padding: 0;
	text-align: center;
}

.jobTitle .active {
	float: right;
	background-color: #e22448;
	color: #f6f6f6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:10px;
	padding: 3px 5px 3px 5px;
	margin: 8px 80px 0 0;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

.toolicons img {
	margin: 4px;
	width: 100px;
}

#projectSlides .slidesImg {
	height: 93px;
	width: 226px;
	margin-bottom: 9px;
	cursor: pointer;
}

#mainContentVidControls {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color: #000000;
}


#projectSlidesContainer .left a {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	background-color: #000000;
	opacity: .6;
	filter: alpha(opacity=60);
	width: 12px;
	height: 93px;
	display: block;
}

#projectSlidesContainer .right a {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color: #000000;
	opacity: .6;
	filter: alpha(opacity=60);
	width: 12px;
	height: 93px;
	display: block;
}

#projectSlidesContainer .up {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	background-color: #000000;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 99;
}

#projectSlidesContainer .down {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color: #000000;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 99;
	margin-top: 371px;
}

.projectpage #projectSlidesContainer .up, .projectpage #projectSlidesContainer .down {
	position: absolute;
	z-index: 99;
}

.projectpage #projectSlidesContainer .down {
	margin-top: 382px;
}


#projectSlidesContainer .up a {
	display: block;
	width: 226px;
	height: 14px;
	background: url(/assets/images/scroller_top.png) center no-repeat;
}

#projectSlidesContainer .down a {
	display: block;
	width: 226px;
	height: 14px;
	background: url(/assets/images/scroller_bottom.png) center no-repeat;
}

.projectpage #projectSlidesContainer .up a, .projectpage #projectSlidesContainer .down a {
	height: 17px;
}

.projectpage #projectSlidesContainer .slides {
	position: absolute;
	z-index: 98;
}


.tooldetail .tool img {
	float: left;
	margin: 0 10px 10px 0;
	
}

.tooldetail .tool h4 {
	float: left;
	clear: none;
	
}

.tooldetail .subtool {
	clear: both;
}

.tooldetail h1 {
	margin-bottom: 10px;
}

#mainContentVid {
	background-color: #000000;
}

#mainContent {
	margin-bottom: 50px;
}

h1#reelTitle {
	text-align:center;
	background-color: #000000;
	color: #FFFFFF;
	opacity: 0.70;
	filter: alpha(opacity=70);
	padding: 2px 0 4px 0;
	margin: 0 0 5px 0;
	font-size: 14px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	
}




ul.staffHover, ul.staffHover li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.staffHover .small img {
	height: 80px;
	width: 80px;
}

.staffHover.mini .small img {
	height: 40px;
	width: 40px;
	padding: 0;
	margin: 0;
}

.staffHover .large {
	opacity: 0;
	filter: alpha(opacity=0);
	height: 40px;
	width: 40px;
}



.staffHover .large div {
	position: absolute;
	z-index: 99999;

}



.staffHover {
	float: right;
}

.people .person img {
	padding: 0 0 11px 11px;
}

.staffHover {
	cursor: pointer;
}

.staffwrap .pic {
	float: left;
	clear: none;
	width: 40px;
	height: 40px;
	white-space: nowrap;

}
.staffwrap {
	white-space: nowrap;
}

.staffwrap .staff {
	float: left;
	clear: none;
	height: 12px;
	line-height: 20px;
	padding: 0;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0;
}

.newsfeed {
	margin-top: 5px;
	padding: 5px 0 0 9px;
	background: url(/assets/images/feed-bg.png);
	height: 20px;
	width: 1191px;
}

.newsfeed a:hover {
	text-decoration: underline;
}

ul.tabs {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.tablinks.separate {
	text-align: center;
	font-size: 13px;
	background: url(/assets/images/tab-bg.png) repeat-x bottom;
	margin: 0 0 20px 0;
	padding-top: 3px;
	padding-bottom: 10px;
}

.tablinks.separate a {
	font-size: 13px;
}

.projects, .buzz {
	padding: 0;
	width: 1200px;
}

.projects li.contents, .buzz li.contents {
	padding: 0 0 0 10px;
}


.buzz li {
	line-height: 19px;
}

.tablinks .inactive {
	color: #989898;
}

.tab {
	float: left;
	position: absolute;
}

ul.reelLink, ul.reelLink li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.reelLink .download {
	margin-top: -5px;
	text-align: center;
}

ul.reelLink .download img {
	opacity: 0;
	filter: alpha(opacity=0);
}


.aboutinfo {
	height: 22px;
	background: url(/assets/images/feed-bg.png);
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	padding: 0 5px 0 5px;
	margin-top: 425px;
	text-align: center;
	padding-top: 5px;
}

.aboutinfo, .aboutinfo a {
	font-size: 13px;
}

.homeContent {
	display: none;
}


.tabarrow {
	background: url(/assets/images/arrow-tabs.png);
	width: 15px;
	height: 9px;
	margin: 31px 0 0 22px;
	position: absolute;
}

.article.activeArticle .label {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
}

.hasslides {
	width: 152px;
	background-color: #000;
	line-height:10px;
	padding: 8px 0 0 0;
	margin: -28px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	opacity: .8;
	height: 20px;

}

.hasslides a {
	color: #f6f6f6;
	font-size: 10px;
}



.meta {
	text-align: left;
	float: left;
	width: 860px;
}
.meta th {
	font-weight: normal;
	color: #8d8d8d;
	text-align: right;
}


.meta th, .meta td {
	font-size: 11px;
	padding: 3px;
}

.meta td {
	padding-right: 9px;
	text-align: left;
}

.meta .metawrap {
	width: 860px;
	margin-top: -10px;
}

.topRounded {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	background-color: #d5d5d5;
	height: 40px;
	text-align: center;
	padding-top: 0px;
}

.topRounded td {
	vertical-align: middle;
	height: 40px;
}

.topRounded table {
	width: 1200px;
}


.feedCredit {
	color: #898989;
}


a.imageDownload {
	display: block;
	width: 186px;
	height: 36px;
	background: url(/assets/images/download_images.png);
}

a.imageDownload span {
	display: none;
}

.feedContainer {
	width: 1200px;
}

.projectFeed .feedContainer {
	background: url(/assets/images/feed-bg.png);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 9px;
	width: 1179px;
}

.projectFeed {
	line-height: 18px;
	height: 50px;
	padding: 5px;
}

.projectFeed .feedCredit {
	color: #797979;
}

#mbImage .qtcontrols {
	background-color: #9d9d9d;
}