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

**********************************************/

/*   for IE zoom: 1;  */

/*********************************************
*  	GLOBAL RESETS - BORROWED FROM ERIC MEYER
*  	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*
***********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.1;
	color: #fff;
	background: white;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10pt;
}
a, #navigation {
	text-decoration:none;
/*	font-size:10pt;*/
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body {
	text-align:center;
	background: #000000 url(../img/bg.jpg) repeat;
}
a, a:link, a:visited, a:active {
	color:#ffffff;
}
#outer {
	width:1000px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#intro {
	position:absolute;
	width:500px;
	top:100px;
	left:500px;
}
#intro p {
	font-size:11px;	
}
#logo {
	display:inline;
	float:left;
	margin:20px 0 20px 95px;
	padding:0;
}
#logo a {
	display:block;
	background:url(../img/sprites.png) no-repeat 0px -186px;	
	width:330px;
	height:115px;
	text-indent:-99999px;
}
#main_nav {
	height:150px;
	width:100%;
}
#main_nav ul {
	display:inline;
	float:right;
	margin:0;
	padding:0;
}
#main_nav li {
	position:relative;
	top:0;
	left:0;
	list-style:none;
	float:left;
}
#main_nav > ul > li > a {
	display:block;
	width:130px;
	height:40px;
	margin:5px;
	text-indent:-99999px;
}
#main_nav_motion {
	background:url(../img/sprites.png) no-repeat 21px 7px;
	height:35px;
}
#main_nav_still {
	background:url(../img/sprites.png) no-repeat -125px 7px;
	height:35px;
}
#main_nav_creative {
	background:url(../img/sprites.png) no-repeat -275px 7px;
	height:35px;
}
ul.secondary_nav{
	text-align:center;
	width:130px;
	margin:0 5px 20px !important;
}
ul.secondary_nav a {
	display:block;
	text-align:center;
	width:130px;
	text-decoration:none;
	padding:2px 0;
	border-bottom:1px dashed transparent;
	letter-spacing:0.1em;
	font-size:smaller;
}
ul.secondary_nav a:hover {
	border-bottom:1px dashed #ffffff;
}
/********** main_content ******/
#main_content {
	float:left;
}
#tumblr_feed_large {
	width:1000px;
	margin:0 auto;
	text-align:center;
}
#tumblr_feed_small li {
	width:155px;
	height:150px;
	float:left;
	margin:10px;
	overflow:hidden;
	padding:1px;
}
#tumblr_feed_large ol, #tumblr_feed_small ol {
	list-style-type:none;
}
#tumblr_feed_small img {
	width:150px;
}
#tumblr_feed_large a, #tumblr_feed_small a {
	color:#333;
}
#tumblr_feed_large a:hover, #tumblr_feed_small a:hover {
	color:#FFF;		
}
/********** footer ************/
#footer {
	float:left;
	margin-top:40px;
	width:100%;
}
#contact, #more_fun {
	float:left;
	width:30%;
	margin:0 10%;
}
#more_fun {
	margin-right:0;
	width:40%;
}
#contact h3 {
	background:url(../img/sprites.png) no-repeat -465px -5px;
	margin:0;
	padding:0;
	height:30px;
	text-indent:-99999px;
}
#more_fun h3 {
	background:url(../img/sprites.png) no-repeat -5px -59px;
	margin:0;
	padding:0;
	height:30px;
	text-indent:-99999px;
}
#footer ul.secondary_nav, #footer ul.secondary_nav a {
	text-align:left;
	width:auto;

}
#footer ul.secondary_nav {
	padding-left:0;	
}
#footer ul.secondary_nav li {
	padding:2px 0;
}

#footer ul.secondary_nav a {
	display:inline;
}


/************** tabs slideshow ***************/

#featured{ 
	width:750px; 
	padding-right:250px; 
	position:relative; 
	height:500px; 
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:740px; 
	list-style:none; 
	padding:0; margin:0; 
	width:260px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:0 5px 0 0; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px;
	line-height:13px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:94px; 
	color:#FFF; 
	line-height:20px;
	border: #FFF solid 1px;
	padding:10px;
	margin-bottom:10px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2;
	color:#333333;
}
#featured li.ui-tabs-selected{ 
	background:url(../img/sprites.png) no-repeat -585px -262px;
	
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
	color:#333333;
}
#featured .ui-tabs-panel{ 
	width:720px; height:480px; 
	position:relative;
	border:1px solid #fff;
	padding:10px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:430px; left:0; 
	height:70px; 
	background:#333;  
	padding:0 10px;
	opacity:0.9;
	width:719px;
}
#featured .info h2,.portfolioItem h3, .portfolioItem dt{ 
	font-size:18px;	font-family:"Andale Mono", Georgia, "Trebuchet MS", serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
#featured .info p{ 
	margin:0 5px; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	border-bottom:1px dashed #ffffff;
}
#featured .ui-tabs-hide{ 
	display:none; 
}




				  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/

.shadedBox2									{ float:right; width:50%; }
.shadedBoxContent							{ float:left; color:#000; margin:100px 70px; padding:50px 15px 15px 150px; font-size:10pt; width:37%; position:absolute; right:0px; top:75px;}
.shadedBoxContent h3						{margin:10px 0px; font-size:16pt;}
.thumbnailGallery a img						{float:left; padding:2px; border:#FFFFFF solid 1px; margin:2px; opacity:1;}
.thumbnailGallery a:hover img						{ opacity:0.7; background:#FFF; }
.thumbnailGallery .bottomLink a				{float:none;}
.playButton									{width:450px; height:350px; background:url(/OX/images/play.png) no-repeat 50% 50%; position:absolute; }
.playButton:hover							{background:url(/OX/images/play-on.png) no-repeat 50% 50%; }

/*
	SLIDER
*/
.slider-wrap								{ width: 500px; position: absolute; top: 250px; left: 0px;
											border: #000000 solid 1px; padding:5px; background: url(images/transpBlack.png); }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 500px; height: 300px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 500px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -49px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.wrapper									{ height:300px; background:#FFFFFF;}
.wrapperSide1								{ position:relative; top:-250px; left:10px;}
.wrapperSide2								{ position:relative; top:-250px; left:10px;}
.wrapperSide1 img, .wrapperSide2 img		{ border: #FFFFFF 3px solid;}
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top:2px;
											  position: relative; padding: 1px; z-index: 9999; border:#FFFFFF solid 2px;}
.active-thumb 								{  border:#FF0000 solid 2px; }


.no_text_box 								{ padding: 0em 1em 0em; height:auto; float:right; width:190px;}

#windowContainer {
	overflow:hidden;
	width:750px;
	margin-left:30px;
	position:relative;
	height:410px;
	float:left;
	border:1px solid #FFF;
}
#windowContainer li {
	list-style: none;
	}
#navigation {
	margin:60px 0 0 0;
}

#navigation li {
	padding:3px 0px;
}
#navigation li a:hover {
	border-bottom:1px dashed transparent;
}
#navigation li a:hover {
	border-bottom:1px dashed #ffffff;
}

.portfolioItem			{ float:left; width:700px; padding: 15px; margin-left:15px;}

.portfolioItem a		{float:left;
}
.portfolioItem img, .portfolioItem .flashDiv { float:left; padding-right:15px; border:none;}

.portfolioItem dl {
	width:29%;
	list-style-type:none;
	margin:0px;
	padding:0;
	float:left;
}
.portfolioItem dt {
	clear:none;
	float:none;
	list-style-type:none;
	font-size:10pt;
	padding:0;
}
.portfolioItem dd {
	margin:0px;
	padding-bottom:10px;
	font-size:11px;
}

.portfolioRight {
	position:absolute;
	top:50%;
	right:15px;
	width:15px;
	height:45px;
	font-family:serif,sans-serif;
}
.portfolioRight a {
	display:block;
	font-size:18pt;
	text-decoration:none;
}
.portfolioRight a:hover, .portfolioLeft a:hover {
	color: #AE0000;
}

.portfolioLeft {
	position:absolute;
	top:50%;
	left:0px;
	width:15px;
	height:45px;
		font-family:serif,sans-serif;
}
.portfolioLeft a {
	display:block;
	font-size:18pt;
	text-decoration:none;
}

.portfolioDown {
	position:absolute;
	bottom:0px;
	left:50%;
	width:45px;
	height:15px;
}
.portfolioDown a {
	display:block;
	width:45px;
	height:15px;
	background: url(images/arrows.gif) no-repeat left top;
	text-decoration:none;
	text-indent:-99999px;
}
.portfolioDown a:hover {
	background: url(images/arrows.gif) no-repeat left bottom;
}
.selectedSub a {
	font-weight:bold;
	color:#ae0000;
}

.section{
	width:12000px;
	position:relative;
	clear:both;
	float:left;
}

.section .sub{
	position:relative;
	float:left;
	margin:0 50px 50px 0px;
	height:400px;
}