@charset "UTF-8";
/*Eric Meyer reset*/

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; background : transparent; }
#workList ul {
	top: 104px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	z-index: 200;
	width: 200px;
}

:focus { outline : 0; } 
/*ol, ul { list-style : none; }*/
table { border-collapse : collapse; 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 */
body {
	font-family: Georgia, serif;
	font-size: 80%;
	font-style: normal;
	line-height: 1;
	font-weight: normal;
	font-variant: normal;
}

/* =blocktext */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0; padding : 0; }
h1, h2, h3 { font-family : Georgia, serif; font-weight : normal; text-transform : uppercase; line-height : 1; }

/* =h1, h2 */
h1, h2 { font-size : 180%; }

/* =h3 */
h3 { font-size : 160%; }
li h3 { margin-left : 0; 
text-indent:-9999px;}

/* =h4 */
h4 { font-size : 140%; }
li h4 { margin-left : 0; }

/* =h5 */
h5 { font-size : 120%; }
li h5 { margin-left : 0; }

/* =p */
p { font-size : 100%; }
li p { margin-left : 0; }
form div p { margin-left : 0; }
dd p { margin-left : 0; padding-top : 0; }

/* =blockquote */
li blockquote { margin-left : 0; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }

/* =address */
address { font-style : normal; }
address span { display : block; }

/* =dl/dt/dd */
dt { font-weight : bold; }
dd { padding-bottom : 0; }

/* =ul */
/*ul { list-style-type : none; }
ul ul { margin-left : 0;  }*/

/* =ol */
ol ol { margin-left : 0; }

/* =img */
img, a img { border : none; }

/* =hr */
hr { display : none; }

/* =form */
input, select, textarea { font : 99% Georgia, serif; }

h2 a, h3 a { font-weight : inherit; }


/*END Eric Meyer reset*/


/* Normalizes margin, padding */
body, ol, li, h2, h3, p { margin : 0; padding : 0; }

/* Removes border from fieldset and img */
img { border : 0; }

/*end all testing add-ons - What follows is the original markup*/

ol {
	list-style-type: decimal;
	list-style-position:outside;
}
/* CSS Document */



html {
	text-align:center;
}

body {
	text-align: left;
	margin:0;
	padding:0;
	background-color:#E3E3E3;
}
#container {
	position:relative;
	height:740px;
	width:825px;
	margin:10px auto;
	background-color:#fc0;
	top: 10px;
	left: 0px;
}
div#clientSet {
	width:825px;
	height:740px;
	position:absolute;
	font-family:Georgia, "Book Antiqua", Palatino, serif;
	font-size:12px;
	line-height:1.12em;
	left:0px;
	top:0px;
	color:#000;
	z-index:0;
	text-decoration:none;
	background-color: #fc0;
	visibility: visible;
}
span {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-style:italic;
}
li a:link {
	color:#fff;
	text-decoration:none;
}
li a:hover {
	color:#FC3;
	color:#000;
	background-position:left;
	letter-spacing: normal;
}

#client_01 {
	position:absolute;
	left:200px;
	top:104px;
	width:100px;
	height:100px;
	z-index: 100;
	visibility: visible;
	background-image: url(images/current_01.jpg);
}
#client_02 {
	position:absolute;
	left:304px;
	top:104px;
	width:100px;
	height:100px;
	z-index:91;
	visibility: visible;
	display:block;
	background-image: url(images/homepageNav/waltDisney_200x100.jpg);
}	
#client_03 {
	position:absolute;
	left:408px;
	top:104px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 90;
}
#client_04 {
	position:absolute;
	left:512px;
	top:104px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 101;
	background-image: url(images/zanders_current_100x100.jpg);
}	
#client_05 {
	position:absolute;
	left:616px;
	top:104px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 100;
}
#client_06 {
	position:absolute;
	left:720px;
	top:104px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 99;
}	
#client_07 {
	position:absolute;
	left:200px;
	top:208px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 98;
	background-image: url(images/chrisDAngelo_200x100.jpg);
}
#client_08 {
	position:absolute;
	left:304px;
	top:208px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 97;
}	
#client_09 {
	position:absolute;
	left:408px;
	top:208px;
	width:100px;
	height:100px;
	z-index: 96;
	visibility: visible;
}
#client_10 {
	position:absolute;
	left:512px;
	top:208px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 94;
}	
#client_11 {
	position:absolute;
	left:616px;
	top:208px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 93;
}
#client_12 {
	position:absolute;
	left:720px;
	top:208px;
	width:100px;
	height:100px;
	visibility: visible;
	z-index: 92;
	display:block;
}
#clientSet {
	line-height:12px;
}
#clientSet li a {
		text-decoration: none;
}
#clientSet   a:hover {
	color: #CCC;
	color: #FFF;
}
#client_01, #client_02, #client_03, #client_04, #client_05, #client_06, #client_07, #client_08, #client_09, #client_10, #client_11, #client_12 {
	color: #666;
	font-size:12px;
	padding-left:2px;
	font-family:Georgia, serif;
}
#brandingBox {
	position:absolute;
	top:2px;
	left:410px;
	width:271px;
	visibility: visible;
	width:271px;
	height:59px;
	z-index:100;
}
#storyboardAnim {
	position: absolute;
	height: 58px;
	width: 190px;
	left: 202px;
	top: 2px;
	z-index:12;
}
div#enriqueTitles {
	position:absolute;
	width:186px;
	height:71px;
	top:2px;
	left:4px;
	z-index:100;
	visibility:visible;
}
#creditcontact {
	position:absolute;
	left:6px;
	top:763px;
	width:133px;
	height:137px;
	z-index:9;
	line-height: 10px;
	font-size: 10px;
	color: #000;
	visibility: visible;
}

/* new item like storyboard and sportsStudio but changed to 'wind' and 'windData" */	

ul li {
		list-style:none;
}

div#clientSet ul li {
	color: #fff;
	width:100px;
	font-weight:bold;
	height:100px;
	display:block;
	line-height:12px;
}

div#clientSet ul li a {
	color: #fff;
	width:100px;
	height:100px;
	display:block;
	line-height:12px;
	font-weight: bold;
}

div#clientSet ul li span {
	color:#333;
	font-weight:normal;
}


li#client_08 a  {
	background: url(../images/homepageNav/nav_01_200x100.jpg);
	background: url(../images/navIntense/trickFilm_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color:#333
}
li#client_08 a:hover  {
	background-position: left;
	color:#333;
}


li#client_04 a {
	background: url(../images/homepageNav/waltDisney_200x100.jpg);
	background: url(../images/navIntense/waltDisney_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
li#client_04 a:hover {
	background-position:left;
	color:#333;
}
#client_05 a {
	background: url(../images/homepageNav/warnerBros_new_200x100.jpg);
	background: url(../images/navIntense/warnerBros_new_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#clientSet #client_05 a:hover {
	background-position: left;
	color:#333;
}

#clientSet  #client_10 a  {
	background-image: url(../images/homepageNav/zanders_100x200.jpg);
	background-image: url(../images/navIntense/zanders_100x200_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#clientSet #client_10 a:hover  {
	background-position: left;
	color:#333;
}
#clientSet   #client_03 a{
	background-image: url(../images/homepageNav/nickelodeon_200x100.jpg);
	background-image: url(../images/navIntense/nickelodeon_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#clientSet #client_03 a:hover {
	background-position: left;
	color:#333;	
} 
#clientSet #client_09 a {
	background-image: url(../images/homepageNav/gonewithwind_200x100.jpg);
	background-image: url(../images/navIntense/applause_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFF;
} 
#clientSet #client_09 a:hover {
	background-position: left;
	color:#333;
}
#clientSet #client_01 {
	background-image: url(../images/inTheMoonCdA/chrisDAngelo_200x100.jpg);
	background-image: url(../images/navIntense/chrisDAngelo_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: left;
	color: #fff;
} 
#clientSet #client_01 a {
	background-image: url(../images/inTheMoonCdA/chrisDAngelo_200x100.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
} 
#clientSet #client_01 a:hover {
	background-position: left;
	color:#333;
}
#clientSet #client_11 a {
	background-image: url(../images/homepageNav/sketch_200x100.jpg);
	background-image: url(../images/navIntense/mcCannErickson_200x100_intense.jpg);
	
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
} 
#clientSet #client_11 a:hover    {
	background-position: left;
	color:#333;
}
#clientSet #client_02 a {
	background: url(../images/homepageNav/mouse_200x100.jpg);
	background-image: url(../images/navIntense/mikeYoung_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
} 
#clientSet #client_02 a:hover {
	background-position:left;
	color:#333;
}
#clientSet #client_12 a {
	background-image: url(../images/homepageNav/mouse_200x100.jpg);
	background-image: url(../images/navIntense/halas_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
} 
#clientSet #client_12 a:hover {
	background-position: left;
	color:#333;
}
#clientSet #client_06 a {
	background-image: url(../images/homepageNav/lion_200x100.jpg);
	background-image: url(../images/navIntense/hannaBarbera_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
} 
#clientSet #client_06 a:hover {
	background-position: left;
	color:#333;
}
#client_07 a {
	background-image: url(../images/homepageNav/sketches_200x100.jpg);
	background-image: url(../images/navIntense/marvel_200x100_intense.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
} 
#client_07 a:hover {
	background-position: left;
	color:#333;
}

a:link {
	/*font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;*/
	text-decoration: none;
}
a:visited {
	/*color: #000;*/
	text-decoration: none;
}
a:hover {
	/*color: #FFF;*/
	text-decoration: none;
}
a:active {
	/*color: #000;*/
	text-decoration: none;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

#closeShow, #closeShow_1, #closeShow_2, #closeShow_3, #closeShow_4, #closeShow_5a, #closeShow_6, #closeShow_7, #closeShow_8, #closeShow_9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 300;
	left: 382px;
	top: 25px;
	cursor:pointer;
	visibility: hidden;
}
#closeShow_504_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 480;
	left: 485px;
	top: 5px;
	cursor:pointer;
	visibility: hidden;
}
#closeShow a, #closeShow_1 a, #closeShow_2 a, #closeShow_3 a, #closeShow_4 a, #closeShow_5 a, #closeShow_6 a, #closeShow_7 a, #closeShow_9 a, closeShow_504_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	width: 20px;
	height:20px;
	position: absolute;
	z-index: 300;
	display:block;
	color: #333;
	cursor:pointer;
}
#closeShow a:hover, #closeShow_1 a:hover, #closeShow_2 a:hover, #closeShow_3 a:hover, #closeShow_4 a:hover, #closeShow_5 a:hover, #closeShow_6 a:hover, #closeShow_7 a:hover, #closeShow_8 a:hover, #closeShow_9 a:hover, closeShow_504_1 {
	color:#999;
	cursor:pointer;
}

#closeStoryboard_1, #closeStoryboard_2, #closeStoryboard_3, #closeStoryboard_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 501;
	left: 798px;
	left:795px;
	top: 5px;
	cursor:pointer;
	visibility: hidden;
}
#closeStoryboard_1 a, #closeStoryboard_2 a, #closeStoryboard_3 a, #closeStoryboard_4 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	height: 11px;
	width: 20px;
	position: absolute;
	z-index: 501;
	left: 798px;
	left:0px;
	top: 0px;
	cursor:pointer;
}

#closeStoryboard a:hover, #closeStoryboard_1 a:hover, #closeStoryboard_2 a:hover, #closeStoryboard_3 a:hover, #closeStoryboard_4 a:hover {
	color:#999;
	cursor:pointer;
}
a .colorChange {
		visibility:hidden;
}
a:hover .colorChange {
	color: #000;
	visibility: visible;
	font-style: italic;
	font-weight:normal;
}
	

/*#templateLeft {
	position:absolute;
	left:6px;
	top:312px;
	width:400px;
	height:400px;
	background-color:#D3D6BC;
	z-index:9;
	visibility: hidden;
}
*/
#templateLeft, #templateLeft_1, #templateLeft_2, #templateLeft_3, #templateLeft_4 {
	position:absolute;
	left:6px;
	top:312px;
	width:400px;
	height:400px;
	background-color:#fff;
	z-index:9;
	visibility: hidden;
}
#templateLeft_504_1 {
	position:absolute;
	left:6px;
	top:312px;
	width:504px;
	height:400px;
	background-color:#FFF;
	z-index:9;
	visibility: hidden;
}
#wideTemplate, #wideTemplate_1, #wideTemplate_2, #wideTemplate_3, #wideTemplate_4, #wideTemplate_5 {
	width:815px;
	height:400px;
	position:absolute;
	left:6px;
	top:312px;
	background-color:#fff;
	z-index:10;
	visibility: hidden;
}
#showSportsStudio {	
	z-index:20;
}		

#projectsListBox {
	height: 204px;
	width: 195px;
	position: absolute;
	left: 4px;
	top: 104px;
	z-index:300;
	color: #333;
}
#projectsListBox .caption {
		font-weight:bold;
}
#projectsListBox a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color:#333;
}
#projectsListBox a:hover {
	color:#fff;
}
#projectsListBox a:active {
	color:#666;
}
#projectsListBox ul li a {
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		cursor:pointer;
}
.smallSpace {
		font-size:6px;
		line-height:6px;
}

#text_01, #text_02, #text_03, #text_04, #text_05, #text_06, #text_07, #text_08, #text_09, #text_10, #text_11, #text_12 {
	position:absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	line-height: 1.12em;
	color: #333;
	width: 192px;
	z-index:100;
	visibility: visible;
}
/*#trickPoses, #krakenSQ, #sportsSQ {
	position:absolute;
	width:815px;
	height:400px;
	z-index:50;
	left: 6px;
	top: 312px;
	visibility: visible;
}
*/

#credit_GC {
	position:absolute;
	width:150px;
	left:410px;
	top:763px;
	z-index:100;
	line-height: 10px;
	font-size: 10px;
	color: #000;
	visibility: visible;
}
#movie_1, #movie_2, #movie_3 {
	position:absolute;
	width:412px;
	height:390px;
	top:312px;
	left:411px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, sans-serif;
	/*margin-left:9px;*/
	
	background-color:#000;
	z-index: 10;
	text-align: center;
	padding-top: 30px;
	visibility: hidden;
}
#frogMovie {
	position:relative;
	margin:0 auto;
}
#elfMovie {
	position:relative;
	margin:0 auto;
}
#zanders {
	position:relative;
	margin:0 auto;
}
#zanderFrog {
	position:relative;
	margin:0 auto;
}
#zanderElf {
	position:relative;
	margin:0 auto;
}
#zanders {
	position:relative;
	margin:0 auto;
}
#pirates {
	position:relative;
	margin:0;
}
#hercules {
	position:relative;
	margin:0;
}
#peanuts {
	position:relative;
	margin:0;
}	

#closeMovie_1, #closeMovie_2, #closeMovie_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 500;
	left: 385px;
	top: 5px;
	visibility: hidden;
}
#closeMovie_1 a, #closeMovie_1 a:visited, #closeMovie_2 a, #closeMovie_2 a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor:pointer;
	
}	
#closeMovie_1:hover, #closeMovie_2:hover {
	color:#999;
	visibility: visible;
	cursor:pointer;
}
#closeShow_4 a:hover {
	color:#999;
}
#closeShow_4:hover {
	color: #666;
	cursor:pointer;
}
#creditcontact .copyrtregular a {
	color: #000;
}
#credit_GC a {
	color: #000;
}
#container #credit_GC a:hover {
	color: #FFF;
}
#creditcontact .copyrtregular a:hover {
	color: #FFF;
}
#closeShow_1 a, #closeShow_2 a, #closeShow_3 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container #clientSet #client_05 a {
	background-image: url(../images/warnerBros_new_200x100.jpg);
	background-position:left;
}
#container #clientSet #client_05 a:hover {
	background-image: url(../images/warnerBros_new_200x100.jpg);
	background-position:right;
}
#container #clientSet #client_01 a {
	background-image: url(../images/chrisDAngelo_200x100.jpg);
	background-position:right;
}
#container #clientSet #client_01 a:hover {
	background-image: url(../images/chrisDAngelo_200x100.jpg);
	background-position:left;
}
#homebase {
	position:absolute;
	/*border:1px dotted #333;*/
/*	background-color:#ff3;*/
	left:721px;
	height:97px;
	top:2px;
	color:#333;
}
#clientSet #homebase a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:16px;
	/*color: #666;*/
	color:#000;
	font-weight: normal;
}
#container #clientSet #homebase a:hover {
	color: #000;
	/*background-color: #FF9;*/
}
#container #clientSet #homebase a:hover {
	color: #FFF;
}
#container #clientSet #homebase a:active {
	color: #666;
}
#companyStillImageLeft {
	position:absolute;
	width:815px;
	height:421px;
	left:6px;
	top:312px;
	z-index:2;
}
a:active {
	color:#fff;
}
#container #clientSet a:active {
	color: #fff;
	color:#666;
}
#clientSet #homebase a:active {
	color: #666;
}
#templateLeft_504_1 #closeShow_504_1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#closeShow_1 a:hover, #closeShow_2 a:hover, #closeShow_3 a:hover, #templateLeft_504_1 #closeShow_504_1 a:hover {
	color: #999;
}
#templateLeft_1 #closeShow_1 a:hover {
	color: #999;
}
	
div#clientSet ul li:hover {
	color:#333;
	font-weight:bold;
	z-index:500;
	outline:6px solid rgba(255,255,255,.9);
}
div#clientSet ul li:active {
	z-index:500;
	opacity:.6;
	outline:6px solid rgba(255,255,255,.5);
/*	outline:6px solid rgba(0,0,0,0.5);*/
}
	
div#clientSet ul li.select {
	z-index:999;
	background-position: left;
	outline:6px solid #1F1F1F;
}
#container #clientSet #homebase:hover, #container #clientSet #homebase:active {
	outline:none;
	
}
#container #projectsListBox span a:active {
	color: rgba(255,255,255,.6);
}
body {
background-color:#0c6;}#container #clientSet #homebase a:hover {
	background-color: #180E01;
}
p#notice em {
	background-color:#ff3;
	border:1px solid #333;
	width: 182px;
	position: absolute;
	top: 275px;
	left: 4px;
	text-align: left;
	padding: 3px 5px;
	color:#333;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	font-style: normal;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	z-index: 2;
	opacity: .6;
}
#notice em span {
	color:red;
	font-style:italic;
	font-size:12px;
}