/*-------------------------*/
/* Reset Styles */
/*-------------------------*/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*-------------------------*/
/* Utility */
/*-------------------------*/
body									{ background-color:#fff; font-family:helvetica,arial,verdana,sans-serif; font-size:0.8em; color:#666; font-weight:normal;}
.fl										{ float:left; }
.clr									{ clear:both; }
h1										{ color:#3F4040; font-size:1em; margin:0; padding:0 0 20px 0; font-weight: normal; }
h2										{ color:#808285; font-size:1em; margin:0; padding:0 0 10px 0; font-weight: normal; }
p											{ margin:0 0 10px 0; line-height: 1.2em; font-size:0.9em; }
a:link, a:visited			{ color:#3F4040; text-decoration:underline; }
a:hover								{ text-decoration: none; }
img										{ padding:0 0 10px 0; }

/*-------------------------*/
/* Logo Section */
/*-------------------------*/
#cont_Logo						{ position:fixed; width:170px; background:#fff; height:100%; top:0px; left:0px; padding:15px 0 0 15px;}
#cont_Logo h1					{ width:145px; height:58px; background:url('../images/Studio_logo.jpg') top left no-repeat; }
#cont_Logo h1 span		{ display:none; }

/*-------------------------*/
/* Navigation Section */
/*-------------------------*/
#cont_Nav							{ position:fixed; width:350px; padding:110px 0 0 35px; background:#fff; height:80%; top:0px; left:585px; overflow: auto;}
#cont_Nav ul					{ padding:0 0 30px 0;}
#cont_Nav li					{ color:#808285; margin:0 0 3px 0;}
#cont_Nav li a:link,	
#cont_Nav li a:visited{ color:#808285; text-decoration: none; display: block;}
#cont_Nav li a:hover,	
#cont_Nav li .active a:link,
#cont_Nav li .active a:visited, 
#cont_Nav li .active a:hover { color:#3F4040; text-decoration: none; display: block;}
#cont_Nav li .active a span { display:inline; }
#cont_Nav li ul				{ margin:5px 0 0 10px; font-size:0.85em; }
#cont_Nav li.client ul					{ margin:0 0 0 80px; font-size:0.85em; padding:0;}

#clientList						{ position: absolute; left:150px; top:110px; font-size:0.85em; } 
.category							{ color:#BCBEC0; }
#cont_Nav li a span		{ display:none; }
#cont_Nav li a:hover span {display:inline; }

#cont_Nav li a.active:link,
#cont_Nav li a.active:visited,
#cont_Nav li a.active:hover { color:#3F4040; text-decoration: none; }

#cont_Nav li.open span 		{ display:none;}
#cont_Nav li.open span.active {display:block;}
/* #cont_Nav li.open:hover span { display: block;} */
#cont_Nav li.open span ul {	width:250px; }


/*-------------------------*/
/* Main Content */
/*-------------------------*/
#cont_Main						{ position:absolute; width:380px; top:0px; left:185px; padding:110px 10px 0px 10px;}
.new									{ margin:0 0 30px 0; }
.video								{ border:1px solid #BCBEC0; margin:0; padding:0;}

/*-------------------------*/
/* Job Dot */
/* Added July 29th 2010 by Jason Majewski */
/*-------------------------*/
#job_Dot{
	position:absolute;
	top:0px;
	left:5px;
	padding:215px 10px 0px 25px;
	width:150px;
	height:150px;	
}