/* HTML Tags
-----------------------------------------------*/

body
{
	margin:0px;
	padding:0px;
	background-color:#00000e;
	font: normal 12px verdana;
	color:#d6d6d6;
}

a
{
	color:#3080ff;
	text-decoration:none;
	outline:none;
}

a:hover
{
	text-decoration:underline;
}

h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a img
{
	border:none;
}

/* Common classes
-----------------------------------------------*/
.clear
{
	clear:both;
}

.wide-hr
{
	height:34px;
	border:none;
	border-collapse:collapse;
	background: url("../images/ui/wide-hr.gif") repeat-x center;
	padding:0px;
}

.wide-hr hr
{
	display: none;
}

.clear-hr
{
	height:30px;
	border:none;
	border-collapse:collapse;
	padding:0px;
}

.clear-hr hr
{
	display: none;
}

.watchbox-link
{
	display:block;
	text-indent:-5000px;
	width:76px;
	height:16px;
	background:url("../images/ui/title-watchbox.gif");
	margin:0px 0px 20px 0px;
}


/* Titles
-----------------------------------------------*/

#title-featured-spot
{
	text-indent:-5000px;
	width:263px;
	height:43px;
	background:url("../images/ui/title-featured-spot.gif") no-repeat;
	margin:0px 0px 5px 0px;	
}

#title-recent-work
{
	text-indent:-5000px;
	width:211px;
	height:31px;
	background:url("../images/ui/title-recent-work.gif") no-repeat;
	margin:0px 0px 18px 0px;	
}

#title-news
{
	text-indent:-5000px;
	width:100px;
	height:34px;
	background:url("../images/ui/title-news.gif") no-repeat;
	margin:0px 0px 18px 0px;	
}

#title-the-studio
{
	text-indent:-5000px;
	width:107px;
	height:16px;
	background:url("../images/ui/title-the-studio.gif") no-repeat;
	margin:0px;
}

#title-the-info
{
	text-indent:-5000px;
	width:79px;
	height:16px;
	background:url("../images/ui/title-the-info.gif") no-repeat;
	margin:0px;
}

#title-the-team
{
	text-indent:-5000px;
	width:99px;
	height:16px;
	background:url("../images/ui/title-the-team.gif") no-repeat;
	margin:0px;
}

#title-the-awards
{
	text-indent:-5000px;
	width:117px;
	height:16px;
	background:url("../images/ui/title-the-awards.gif") no-repeat;
	margin:0px;
}

#title-2010
{
	text-indent:-5000px;
	width:53px;
	height:16px;
	background:url("../images/ui/title-2010.gif") no-repeat;
	margin:0px 0px 5px 0px;
}

#title-2009
{
	text-indent:-5000px;
	width:53px;
	height:16px;
	background:url("../images/ui/title-2009.gif") no-repeat;
	margin:0px 0px 5px 0px;
}

#title-2008
{
	text-indent:-5000px;
	width:53px;
	height:16px;
	background:url("../images/ui/title-2008.gif") no-repeat;
	margin:0px 0px 5px 0px;
}

#title-2007
{
	text-indent:-5000px;
	width:53px;
	height:16px;
	background:url("../images/ui/title-2007.gif") no-repeat;
	margin:0px 0px 5px 0px;
}

#title-2006
{
	text-indent:-5000px;
	width:53px;
	height:16px;
	background:url("../images/ui/title-2006.gif") no-repeat;
	margin:0px 0px 5px 0px;
}

#title-2005
{
	text-indent:-5000px;
	width:53px;
	height:16px;
	background:url("../images/ui/title-2005.gif") no-repeat;
	margin:0px 0px 5px 0px;
}

#title-blue-room
{
	text-indent:-5000px;
	width:180px;
	height:31px;
	background:url("../images/ui/title-blue-room.gif") no-repeat;
	margin:0px 0px 14px 0px;
}

#title-broadcast-rep
{
	text-indent:-5000px;
	width:249px;
	height:39px;
	background:url("../images/ui/title-broadcast-rep.gif") no-repeat;
	margin:0px 0px 6px 0px;
}

#title-jobs
{
	text-indent:-5000px;
	width:80px;
	height:31px;
	background:url("../images/ui/title-jobs.gif") no-repeat;
	margin:0px 0px 16px 0px;
}

#title-infobox
{
	text-indent:-5000px;
	width:55px;
	height:16px;
	background:url("../images/ui/title-infobox.gif") no-repeat;
	margin:0px 0px 8px 0px;
}

#title-watchbox
{
	text-indent:-5000px;
	width:76px;
	height:16px;
	background:url("../images/ui/title-watchbox.gif") no-repeat;
	margin:0px 0px 8px 0px;
}

#title-watchbox a
{
	display:block;
	width:76px;
	height:16px;
}

#title-broadcast-design
{
	text-indent:-5000px;
	width:303px;
	height:34px;
	background:url("../images/ui/title-broadcast-design.gif") no-repeat;
	margin:17px 0px 17px 0px;
}

#title-show-packages
{
	text-indent:-5000px;
	width:276px;
	height:34px;
	background:url("../images/ui/title-show-packages.gif");
	margin:17px 0px 17px 0px;
}

#title-live-action
{
	text-indent:-5000px;
	width:188px;
	height:27px;
	background:url("../images/ui/title-live-action.gif") no-repeat;
	margin:17px 0px 24px 0px;
}

#title-virals
{
	text-indent:-5000px;
	width:89px;
	height:27px;
	background:url("../images/ui/title-virals.gif") no-repeat;
	margin:17px 0px 24px 0px;
}

#title-ad-sales
{
	text-indent:-5000px;
	width:148px;
	height:27px;
	background:url("../images/ui/title-ad-sales.gif") no-repeat;
	margin:17px 0px 24px 0px;
}

#title-welcome-lab
{
	text-indent:-5000px;
	width:880px;
	height:301px;
	background:url("../images/ui/TheLab.jpg") no-repeat;
	margin:0px 0px 15px 0px;
}

#title-watch
{
	text-indent:-5000px;
	width:87px;
	height:19px;
	background:url("../images/ui/title-watch.gif") no-repeat;
	margin:0px 0px 8px 0px;
}

#title-editorial
{
	text-indent:-5000px;
	width:134px;
	height:27px;
	background:url("../images/ui/title-editorial.gif") no-repeat;
	margin:17px 0px 24px 0px;
}

#title-featured
{
	text-indent:-5000px;
	width:253px;
	height:27px;
	background:url("../images/ui/title-featured.gif") no-repeat;
	margin:17px 0px 24px 0px;
}


#title-editors
{
	
	width:85px;
	height:16px;
	margin:0px 0px 16px 0px;
	float:left;
}

#title-editors a
{
	text-indent:-5000px;
	width:85px;
	height:16px;
	background:url("../images/ui/title-editors.gif") no-repeat;
	display:block;
}

#title-ifc-films
{
	text-indent:-5000px;
	width:367px;
	height:34px;
	background:url("../images/ui/title-ifc-films.gif") no-repeat;
	margin:17px 0px 17px 0px;
	padding:0px;
}

#title-logo-design
{
	text-indent:-5000px;
	width:211px;
	height:34px;
	background:url("../images/ui/title-logo-design.gif") no-repeat;
	margin:17px 0px 22px 0px;
}

#title-info
{
	text-indent:-5000px;
	width:39px;
	height:16px;
	background:url("../images/ui/title-info.gif") no-repeat;
	margin:0px 0px 8px 0px;
}

#title-info-big
{
	text-indent:-5000px;
	width:58px;
	height:31px;
	background:url("../images/ui/title-info-big.gif") no-repeat;
	margin:0px 0px 15px 0px;
}

#title-awards-big
{
	text-indent:-5000px;
	width:126px;
	height:31px;
	background:url("../images/ui/title-awards.gif") no-repeat;
	margin:0px 0px 15px 0px;
}

#title-branding-history
{
	text-indent:-5000px;
	width:497px;
	height:34px;
	background:url("../images/ui/title-branding-history.gif") no-repeat;
	margin:17px 0px 22px 0px;
}

/* Main wrap
-----------------------------------------------*/

#wrapper
{
	margin:0px auto;
	width:898px;
}

/* Header area
-----------------------------------------------*/

#header
{
	height:96px;
	background: url(../images/ui/header-bg.gif) repeat-x;
}

#header #logo
{
	padding-top:35px;
	float:left;
}

#header #logo h1
{
	padding:0px;
	margin:0px;
	line-height:12px;
}

#header #logo h1 a
{
	display:block;
	width:121px;
	height:55px;
	text-indent:-5000px;
	background:url("../images/ui/logo.gif");
}

#header #nav
{
	float:left;
	padding:77px 0px 0px 23px;
}

#header #nav ul
{
	margin:0px;
	padding:0px;
}

#header #nav li
{
	list-style:none;
	height:12px;
	text-indent:-5000px;
	float:left;
	display:inline;
}

#header #nav li a
{
	display:block;
	margin-right:20px;
	height:12px;
	line-height:10px;
}

#header #nav #n-reel a
{
	width:33px;
	background:url("../images/ui/nav-reel.gif") no-repeat bottom;
}

#header #nav #n-work a
{
	width:40px;
	background:url("../images/ui/nav-work.gif") no-repeat bottom;
}

#header #nav #n-lab a
{
	width:61px;
	background:url("../images/ui/nav-lab.gif") no-repeat bottom;
}

#header #nav #n-about a
{
	width:49px;
	background:url("../images/ui/nav-about.gif") no-repeat bottom;
}

#header #nav #n-contact a
{
	width:65px;
	background:url("../images/ui/nav-contact.gif") no-repeat bottom;
}

#header #nav #n-reel a:hover, #header #nav #n-work a:hover, #header #nav #n-lab a:hover, #header #nav #n-about a:hover, #header #nav #n-contact a:hover
{
	background-position:top;
}

#active-page-work #header #nav #n-work a, #active-page-lab #header #nav #n-lab a, #active-page-about #header #nav #n-about a, #active-page-contact #header #nav #n-contact a
{
	background-position:top;
}

#nav-cover-work
{
	display:none;
	position:absolute;
	width:48px;
	height:32px;
	top:73px;
	margin-left:194px;
	background:url("../images/ui/nav-cover-dropdown-work.gif") no-repeat;
}

#work-dropdown
{
	display:none;
	position:absolute;
	top:105px;
	margin-left:194px;
	z-index:500;
}

#work-dropdown #work-dropdown-lists
{
	padding:7px;
	background:url("../images/ui/dropdown-bg.png") repeat;
}

#work-dropdown #list-1
{
	float:left;
}

#work-dropdown #list-2
{
	float:left;
	padding-left:42px;
}

#work-dropdown ul
{
	margin:0px;
	padding:0px;
}

#work-dropdown li
{
	list-style:none;
	display:block;
	height:26px;
	width:158px;
	margin:0px 0px 6px 0px;
	background:url("../images/ui/dropdown-li-border.png") repeat-x bottom;
}

#work-dropdown li a
{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	height:26px;
	width:158px;
}

#work-dropdown li a:hover
{
	text-decoration:none;
	color:#3080ff;
}

#header #login
{
	padding-top:72px;
	color:#ffffff;
	float:right;
	text-align:right;
}

#header #login #rememberme-box
{
	display:block;
	margin-top:9px;
}

#header #login .logintext
{
	width:83px;
	height:15px;
	border:none;
}

/* Footer
-----------------------------------------------*/
#footer
{
	padding-top:82px;
	padding-bottom:72px;
}

#footer #footer-line
{
	border-top:solid 1px #3080ff;
	padding-top:4px;
	
}

#footer #copyright
{
	padding-right:26px;
	float:left;
}

#footer #address
{
	padding-right:23px;
	float:left;
}

#footer #telephone
{
	padding-right:26px;
	float:left;
}

#footer #fax
{
	padding-right:13px;
	float:left;
}

#sociallink-small
{
	float:right
}

#sociallink-small ul
{
	margin:0px;
	padding:0px;
}

#sociallink-small li
{
	list-style:none;
	float:left;
	display:inline;
	margin-left:9px;
}

#sociallink-small li a
{
	display:block;
	width:19px;
	height:19px;
	text-indent:-5000px;
}

#sociallink-small #button-footer-linked-in a
{
	background:url("../images/ui/button-linked-in-footer.jpg");
}

#sociallink-small #button-footer-facebook a
{
	background:url("../images/ui/button-facebook-footer.jpg");
}

#sociallink-small #button-footer-twitter a
{
	background:url("../images/ui/button-twitter-footer.jpg");
}