body {
  background: #000000;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:0;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) 
  SCROLLBAR-BASE-color:  #000000;
  SCROLLBAR-ARROW-color: #FFFFFF; 
   bgcolor="#000000" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475" */
}

hr {
  height: 1px; 
  color: #004c75;
  background-color: #ffffff;
  border:0;
}

ul, li, p, td {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.tablehead {
  background-color: #e8e8e8;
  color: #004c75;
}

.tablebottom {
  background-color: #004C75;
}

.bordercolor {
  background-color: #CCCCCC;
}

.tablebgcolor {
  background-color: #ffffff;
  border: #CCCCCC 1px solid;
}

.navbar {
  background-color: #FFFFFF;
  color: #004c75;
}

.row1 {
  background-color: #e1e1e1;
  color: #000000;
  padding:5px;
}

.row2 {
  background-color: #efefef;
  color: #000000;
}

.row3 {
  background-color: #666666;
  color: #000000;
}


.head1 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B4BFF;
	padding: 2px;
	font-weight:bold
}

.head1 a:hover {
  background-color: #004C75;
  color: #FFFFFF
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.head2 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B4BFF;
	padding: 2px;
	font-weight:bold
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin:10px;
  color:#09F;
}

.title2 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;

}

#clickstream {
  /*
  background:url(images/clickstream-bg.png) no-repeat;
  filter:alpha(opacity=80);  IE's opacity
  opacity: 0.80;*/
  clear:both;  
  height:53px; 
  line-height:53px; font-size:24px; text-align:left; color:#FFFFFF; 
  padding-left:10px;
  padding-right:10px;
  width:1100px;
  margin:auto;
  margin-top:20px;
  overflow:hidden;
  
  
}

#clickstream a, #clickstream a:link, #clickstream a:visited, #clickstream span a, #clickstream span a:link, #clickstream span a:visited {color: #E6F1FF; text-decoration:underline; font-weight:bold}
#clickstream a:hover, #clickstream span a:hover {color: #FC0; text-decoration:none;}


.smalltext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.marktext {
  color: #FF0000;
  background-color: #ffffff;
}

.new {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FF0000;
}

a:link {
	color: #00a4e4;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00a4e4;
}
a:hover {
	text-decoration: none;
	color:#FC0;
}
a:active {
	text-decoration: none;
	color: #00a4e4;
}

form {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.logininput {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 1px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	color: #666666;
  	WIDTH: 130px;
}

.searchinput {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 1px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	color: #666666;
  	WIDTH: 130px;
}

.textarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #0f5475;
  font-size: 12px;
  width: 230px;
}

.input {
  font-family: Arial, Helvetica, sans-serif;
  color: #0f5475;
  font-size: 12px;
  width: 230px;
}

.select {
  font-family: Arial, Helvetica, sans-serif;
  color: #0f5475;
  font-size: 12px;
}

.setperpageselect {
  font-family: Arial, Helvetica, sans-serif;
  color: #0f5475;
  font-size: 12px;
}

.categoryselect {
  font-family: Arial, Helvetica, sans-serif;
  color: #0f5475;
  font-size: 12px;
}

.dropdownmarker {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #EEEEEE;
  color: #136c99;
  font-size: 12px;
}


.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color:#09F;
	border: none;
	padding: 10px;
}

.button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #999999;
	border: 1px solid #999999;
	padding: 1px;
}

/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #EFEFEF;
}

.maincat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.subcat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

/*--Images----------------------------------------------------*/
.imagerow1 {
}

.imagerow2 {
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #e1e1e1;
  color: #004c75;
}

.commentrow2 {
  background-color: #efefef;
  color: #004c75;
}

.commentspacerrow {
  background-color: #d1d1d1;
  color: #004c75;
}

.commenttextarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #0f5475;
  font-size: 12px;
  width: 270px;
}

.commentinput {
  font-family: Arial, Helvetica, sans-serif;
  color: #0f5475;
  font-size: 12px;
  width: 270px;
}

.SiteName {
	font-size: 14px;
	font-weight: bold;
}

#header_links{
	padding:0 0 0 7px;
	margin:0;
	list-style:none;
	height:67px;
	float:right;
	width:583px;
}

#header_links li{
	list-style:none;
	float:left;
	height:67px;
	padding:0;
	margin:0;
	display:block;
	border-right: #004a74 solid 1px;
}

#header_links li.last{
	border:none;
}
#header_links li a{
	display:block;
	color: #0097dd;
	text-align:right;
	height:67px;
	margin:0;
	padding-right:12px;
	padding-left:12px;
	line-height:67px;
	vertical-align:bottom;
	font-size:16px;
	text-transform:capitalize;
}
#header_links li a:hover{ text-decoration:none;color:#cbdd00}

#header_links li a.active{ text-decoration:none; color:#000000}




.NavCell { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #791d7e; border-top: solid #CCCCCC 1px; border-left: solid #CCCCCC 1px; border-right: solid #CCCCCC 1px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; padding-top: 2px; }
.NavCell A:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #791d7e; text-decoration:none}
.NavCell A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #791d7e; text-decoration:none}
.NavCell A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #791d7e; text-decoration:none}

.NavCell_Left {height:470px; overflow:scroll; margin-left:1px; margin-top:1px;}

.NavCell_Left ul, .NavCell_Left ul li{
list-style:none; padding:0; margin:0; display:block; float:left;
}
.NavCell_Left ul li{width:288px; height:55px; margin:1px;list-style:none; padding:0; display:block; float:left; overflow:hidden;}
.NavCell_Left img {float:left; width:55px; height:55px; margin-right:10px;}
.NavCell_Left ul li A:link, .NavCell_Left li A:visited, .NavCell_Left li A:active, .NavCell_Left li A {width:288px;
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration:none; display:block; line-height:55px; vertical-align:middle; background:none; float:left;}
.NavCell_Left ul li A:hover {background:#CCCCCC;color: #FFFFFF; text-decoration:none}

.NavCell_Left_over {background-color: #CFCFCF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border: solid #FFFFFF 1px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; padding-top: 2px; cursor: hand;}
.NavCell_Left_over A:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration:none}
.NavCell_Left_over A:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration:none}
.NavCell_Left_over A:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration:none}

.NavCell_Left_active {background-color: #B2B2B2; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; border: solid #FFFFFF 1px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; padding-top: 2px; cursor: hand;}


.NavCellNew {font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 24px; color: #FFFFFF; border-bottom: solid #000000 1px;  padding-left: 10px; padding-right: 10px; background:#CCCCCC; height:55px;}
.NavCellNew A, .NavCellNew A:visited, .NavCellNew A:active, .NavCellNew A:link {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; text-decoration:none; display:block; line-height:55px; vertical-align:middle; height:55px;}
.NavCellNew A:hover {color: #FFFFFF; text-decoration:none}


.portfolio_head {font-size: 10px; background-color:#75787D; color:#FFFFFF; font-weight:bold; text-transform:uppercase}
.portfolio_head A:link {color: #CCCCCC; text-decoration:none;}
.portfolio_head A:visited {color: #CCCCCC; text-decoration:none;}
.portfolio_head A:hover {color: #FFFFFF; text-decoration:underline;}
.portfolio_body {font-size: 10px; background-color:#CCCCCC; color:#949494; font-weight:bold; text-transform:uppercase}
.portfolio_body A:link {color: #75787D; text-decoration:none; font-size: 10px;}
.portfolio_body A:visited {color: #75787D; text-decoration:none; font-size: 10px;}
.portfolio_body A:hover {color: #000000; text-decoration:underline; font-size: 10px;}

.blog_portfolio_body {font-size: 10px; background-color:#CCCCCC; color:#949494; font-weight:bold; padding:5px}
.blog_portfolio_body A:link {color: #555555; text-decoration:none; font-size: 14px; text-transform:capitalize}
.blog_portfolio_body A:visited {color: #555555; text-decoration:none; font-size: 14px; text-transform:capitalize}
.blog_portfolio_body A:hover {color: #000000; text-decoration:underline; font-size: 14px; text-transform:capitalize}

.search_popup {
	background-color:#FFFFFF; border-bottom: 2px solid #999999; border-right: 2px solid #999999; margin-right:50px;
}

.search_popup_break {
	border-bottom:solid 1px #999999;
}

.contact_link {	color: #999999;	border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight:bold}
.contact_link A:link { color: #999999; text-decoration:none;}
.contact_link A:visited { color: #999999; text-decoration:none;}
.contact_link A:hover { color: #09F; text-decoration:none;}

.film_credits {font-size: 12px; background-color:#6B6969; color:#FFFFFF;}
.film_credits A:link {color: #FFFFFF; text-decoration:none;}
.film_credits A:visited {color: #FFFFFF; text-decoration:none;}
.film_credits A:hover {color: #FFFFFF; text-decoration:underline;}

.small_text {font-size: 10px; color:#999999;}

/*
 FF MOD SITEMAP
 START INSERT
*/
.sitemapinfo
{
  font-size: 9px;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	color: #8794A7;
}
.sitemaprow1
{
  background-color: #FFFFFF;
  color: #004c75;
}

.sitemaprow2
{
  background-color: #FFFFFF;
  color: #004c75;
}

/*
#footer{background:#000000; height:40px; position:fixed; bottom:0; margin:0; width:100%;}
*/



#footer{background: url(images/footer-bg.png) no-repeat; height:76px; padding-top:10px; width:920px; margin:auto;}

#footer_links{
	padding:0 0 0 7px;
	margin:auto;
	list-style:none;
	height:60px;
	width: 600px;
	/*background:url(_v3_images/gloss.jpg) repeat-x;*/
	
	
}
#footer_links li{
	list-style:none;
	float:left;
	height:60px;
	padding:0;
	margin:0;
	display:block;
	border-right: #003451 solid 1px;
}

#footer_links li.last{
	border:none;
}
#footer_links li a{
	display:block;
	color: #eeeeee;
	text-align:right;
	height:64px;
	margin:0;
	padding-right:20px;
	padding-left:20px;
	line-height:60px;
	vertical-align:bottom;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
#footer_links li a:hover{ color:#0097dd; text-decoration:none;}

/*#footer a{ color:#0099FF;}
#footer_links a{
	font-size:10px;
	font-weight:normal;
}
 MOD SITEMAP
 END INSERT
*/
#main_right{
/*	background:#00a4e4; */
	height:500px;
	width:220px;
	float:left;
	overflow:auto;
}
#cat_nav{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:10px
}

#cat_nav li{
 color:#666666;
 font-size:14px;
 text-transform:capitalize;
 padding:2px;
 display:block;
 padding-left:10px;
}

#cat_nav li a{
 color: #FFFFFF;
}

#cat_nav li a.active{
	background:#000;
	font-size:16px;
}




#main_nav{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	width:140px;
}
 
#main_nav li{
	list-style:none;
	float:left;
	height:30px;
	width:140px;
	padding:0px;
	margin-bottom:5px;
	display:block;
	clear:both
}
#main_nav li a{
	display:block;
	color: #FFFFFF;
	height:30px;
	width:140px;
	line-height:30px;
	padding: 0px;
	vertical-align:middle;
	font-size:14px;
	text-align:center;
	background:url(_v3_images/gloss-lt.jpg) repeat-x;
}
 
#main_nav li a:hover{text-decoration:none;}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
}

#main_nav li a.SiteZoneBG_home.active, #main_nav li a.SiteZoneBG_home:hover{ background:#D7006C;}
#main_nav li a.SiteZoneBG_advertising.active, #main_nav li a.SiteZoneBG_advertising:hover{ background:#ea6639;}
#main_nav li a.SiteZoneBG_production.active, #main_nav li a.SiteZoneBG_production:hover{ background:#a9bf2f;}
#main_nav li a.SiteZoneBG_animatics.active, #main_nav li a.SiteZoneBG_animatics:hover{ background:#3b9ee1;}
#main_nav li a.SiteZoneBG_illustration.active, #main_nav li a.SiteZoneBG_illustration:hover{ background:#ea6639;}
#main_nav li a.SiteZoneBG_categories.active, #main_nav li a.SiteZoneBG_categories:hover{ background:#a9bf2f;}
#main_nav li a.SiteZoneBG_digital.active, #main_nav li a.SiteZoneBG_digital:hover{ background:#770c7c;}
#main_nav li a.SiteZoneBG_media.active, #main_nav li a.SiteZoneBG_media:hover{ background:#ea6639;}
#main_nav li a.SiteZoneBG_blog.active, #main_nav li a.SiteZoneBG_blog:hover{ background:#a39f00;}
#main_nav li a.SiteZoneBG_film.active, #main_nav li a.SiteZoneBG_film:hover{ background:#770c7c;}
#main_nav li a.SiteZoneBG_apps.active, #main_nav li a.SiteZoneBG_apps:hover{ background:#3b9ee1;}

#body_main{
	background:#000;
	 /* 
filter:alpha(opacity=75); 
opacity: 0.75;
 */
	width:880px;
	height:417px;
	overflow:hidden;
	position:relative;
	float:left;	
}
#page_main{
	filter:alpha(opacity=100); /* IE's opacity*/
	opacity: 1;
	height:520px;
	overflow:hidden;
}
.holder{
	float: left;
}
.scrollpane{
	height:415px;
	overflow:auto;
}

#indexlist{
	width:215px;
	padding:0px;
	margin:0px;
	list-style:none;	
}

#indexlist li{
	list-style:none;
	float:left;
	padding:0px;
	margin-bottom:1px;
	display:block;
	clear:both;
	width:204px;
}

#indexlist li a{
	display:block;
	color: #FFFFFF;
	background:#659cc5;
	padding:2px;
	padding-left:5px;

}
#indexlist li a:hover{
	background:#004579;
}

#indexlist2{
	width:280px;
	padding:0px;
	margin:0px;
	list-style:none;	
}

#indexlist2 li{
	list-style:none;
	float:left;
	padding:0px;
	margin-bottom:1px;
	display:block;
	clear:both;
	width:269px;
}

#indexlist2 li a{
	display:block;
	/*color: #FFFFFF;*/
	color:#fb5300;
	background:#004579;
	padding:2px;
	padding-left:5px;

}

#indexlist2 li a.active,#indexlist2 li a.active:hover{
color:#FFFFFF;background:#000000;
}


#indexlist2 li a:hover{
	background:#659cc5;
	color:#000000;
}


#indexlist3{
	width:360px;
	padding:0px;
	margin:0px;
	list-style:none;	
}

#indexlist3 li{
	list-style:none;
	float:left;
	padding:0px;
	margin-bottom:1px;
	display:block;
	clear:both;
	width:349px;
}

#indexlist3 li a{
	display:block;
	/*color: #FFFFFF;*/
	color:#fb5300;
	background:#004579;
	padding:2px;
	padding-left:5px;

}

#indexlist3 li a.active,#indexlist3 li a.active:hover{
color:#FFFFFF;background:#000000;
}


#indexlist3 li a:hover{
	background:#659cc5;
	color:#000000;
}


#indexlist4{
	width:215px;
	padding:0px;
	margin:0px;
	list-style:none;	
}

#indexlist4 li{
	list-style:none;
	float:left;
	padding:0px;
	margin-bottom:1px;
	display:block;
	clear:both;
	width:204px;
}

#indexlist4 li a{
	display:block;
	color: #6c6c6c;
	background:#FFF;
	padding:2px;
	padding-left:5px;

}
#indexlist4 li a:hover{
	background:#659cc5;
}



#artist_portfolio{
	height:402px;
	overflow:hidden;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still. */ 
div.scrollable {
 /* required settings */
position:relative;
overflow:hidden;
width: 880px;
height:407px;
background:#000000;
 /* 
filter:alpha(opacity=75); 
opacity: 0.75;
 */
margin:auto;
padding-top:10px;
float:right;
}  /*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element. */ 
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute; 
	
}  /*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most. */ 
div.scrollable div.items {
	float:left; 
}  /* you may want to setup some decorations to active the item */ 
div.items div.active {
	border:1px inset #ccc;
	background-color:#fff; 
}

/* position and dimensions of the navigator */
.navi {     margin-left:328px;     width:300px;     height:20px; }
   /* items inside navigator */
.navi a {     width:8px;     height:8px;     float:left;     margin:3px;     background:url(images/navigator.png) 0 0 no-repeat;     display:block;     font-size:1px;}
  /* mouseover state */
.navi a:hover {     background-position:0 -8px;      }
  /* active state (current page state) */
.navi a.active {     background-position:0 -16px;     }

.sub_nav{
	padding:0px;
	margin:0px;
	margin-left:5px;
	list-style:none;
	float:left;
	width:870px;
	height:400px;
	margin-top:-10px;

}
.sub_nav li{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	width:205px;
	height:130px;
	vertical-align:top;
	margin-left:10px;
	overflow:hidden;

}

.sub_nav li a{
	 width:200px;
	height:130px;
	color: #FFFFFF;
	padding: 2px;
	vertical-align:top;
	font-size:15px;
	text-align:left;
	overflow:hidden;
}
.sub_nav li a:hover{text-decoration:none; color:#00a4e4}

.right{
	float:right;
}
.left{
	float:left;
}
	
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	/*margin:40px 10px;*/
	margin-top:15px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 10px;float:right;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 10px; float:left;} 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

#pagination{margin:auto; width:500px; height:60px; margin-bottom:5px;  text-decoration:none;}
#clickstream ul.navipages li a {text-decoration:none; }
ul.navipages {list-style:none; padding:0; margin:0; width:500px;; height:60px;}
ul.navipages li{ float:left; margin:0; margin-left:5px; margin-bottom:5px; list-style:none; padding:0; display:block;}
ul.navipages li.first{font-size:14px; background:#000; color:#FFF; padding:3px 5px 1px 5px; font-weight:bold; display:block;}
ul.navipages li a {padding:3px 5px 1px 5px;  background:#000; text-decoration:none; font-size:14px; display:block;}
ul.navipages li a:hover {background:#FFF;}

ul.navipages li.active a {background:#FFFFFF; color:#FFF; text-decoration:none;}
/*<div id="pagination"><ul class="navipages">{navipages}</ul></div>*/
.famous_clickstream span{
	color:#ff8400;
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
	background:#033c57;
}
.famous_clickstream a{
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
	background:#077dd6;
}