html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

* {margin:0;padding:0;} 


/*
	UTILITY
*/

.clear								{	clear:both;	}
.float-left							{	float:left;	}
.float-right						{	float:right; }
.centered							{	margin:0 auto;
										text-align:center;}


/* CLEAR FIX*/
.clearfix:after 					{	content: ".";
										display: block;
										height: 0;
										clear: both;
										visibility: hidden;}
.clearfix 							{	display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix 					{ 	height: 1%;}
.clearfix 							{	display: block;}
/* End hide from IE-mac */


/* -------------------------------------------------------- */



body 								{	background: #000 url(../images/bgimage-home.jpg) 0px 70px no-repeat; }

#home-background					{	background: #000 url(../images/bgimage-home.jpg) 0px 70px no-repeat;}

#black-background					{	background: #000;}

#wrapper 							{	margin: 0;	width: 1070px;	}

#header 							{	padding-top:10px;}

#logo								{	width:200px; float:left;
										z-index:920;	}

#logo img							{	padding:21px 0 0 20px; 	}

#content							{	padding:35px 10px 57px 10px; 
										width:1070px; }
										
#content-index						{	padding:0 10px 57px 10px; 
										width:1070px; }

#splash-box							{	width:620px; 
										margin:0 auto;}

#about-box							{	width:540px;
										padding:15px 20px 10px 20px;
										margin:0 100px 0 210px;
										background:url(../images/background-transp.png);
										}
										
#about-box-dark						{	width:540px;
										padding:15px 20px 10px 20px;
										margin:0 100px 0 210px;
										background:url(../images/background-transp-darker.png);
										}

#footer 							{	position: relative;
										margin-top: -27px; /* negative value of footer height */
										background:#000;
										width:100%;
										height: 27px;
										clear:both;
										z-index:91;}
										
#footer-transp 						{	position: relative;
										margin-top: -27px; /* negative value of footer height */
										height: 27px;
										clear:both;
										z-index:91;}
										

										
#copyright							{	float:left;
										width:171px;
										height: 26px;
										padding:1px 0 0 2px;
										background:#fb073b; }

#address							{	float:left;
										height: 26px;								
										padding:1px 0 0 7px; }



#footer	#address p					{	color:#999999;}


/* PROJECT PAGE FOOTER */

#content-project					{	padding:35px 10px 117px 10px; 
										width:1070px;}


#footer-project 					{	position: relative;
										margin-top: -27px; /* negative value of footer height */
										background:#000;
										clear:both;
										height: 27px;
										}
										

#footer #copyright p				{	color:#fff;}

#footer-project #copyright p		{	color:#fff;}

#footer-project	#address p			{	color:#999999;}


#footer-transp #copyright p			{	color:#fff;}

#footer-transp	#address p			{	color:#999999;}



#scroller							{	padding:0 20px; margin:0}

#scrollerwrapper					{	width:475px;
										height:370px;
										float:left;
										padding:10px 0 40px 0;
										margin:0 100px 0 210px;
										background:url(../images/background-transp.png);
										}

#scrollerwrapper-mainpage			{	width:475px;
										height:370px;
										float:left;
										padding:10px 0 40px 0;
										margin:0 100px 0 20px;
										background:url(../images/background-transp.png);
										}
										
#scrollerwrapper-project-about		{	width:475px;
										height:370px;
										float:left;
										padding:10px 0 40px 0;
										margin:0 100px 0 330px;
										background:url(../images/background-transp.png);
										}
										
										
#scroller-large							{	padding:0 20px; margin:0}

#scrollerwrapper-large					{	width:696px;
											height:400px;
											float:left;
											padding:10px 0 40px 0;
											margin:0 100px 0 210px;
											background:url(../images/background-transp.png);
										}

										
#main								{ 	float:left; }

#sidenav							{	float:left;
										width:200px; 
										padding:10px 0 0 20px;}

#qt-video							{	

}

										
#qt-centered 						{	width: 512px;
										height: 350px;
										background-color: black;
										left: 50%;
										top: 50%;
										margin-top: -170px;
										margin-left: -256px;
										position: fixed;	}

* html #qt-centered					{ 	position:absolute;	}

#social-icons						{	text-align:right;	
										padding-top:4px;
										}
										

										
#projects							{	padding:0 0 17px 0}

.projectbox							{	float:left;
										padding: 0 0 20px 65px;}
										
.projectinfo						{	width: 188px; }										


.projectinfo						{ text-align:center;	}



/*
	NAVIGATION
*/

#nav 								{	width:840px;
										height:60px;
										float:left;    }
										

.subnav								{	z-index: 5;
										width:70px;
										display:none;}

#nav span 							{	display: none;	}

#nav li, #nav a 					{	height:60px;
    									display:block;	}

#nav li 							{   float:left;
										list-style:none;
    									display:inline;	}
	
ul.subnav 							{	list-style: none;  
										position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
										left: 410px; top: 70px;  
 
										float: left;  
										width: 70px;	}  
 
ul.subnav li 						{	float: left;  
										margin: 0; 
										width:70px;
										padding: 0 15px 0 0;  
										position: relative; /*--Declare X and Y axis base for sub navigation--*/  } 
										

	


	

    #nav-home, #nav-news, #nav-about, #nav-work,
	#nav-services, #nav-shop, #nav-contact,
	#nav-subscribe, #nav-links, #nav-sound, #nav-showreel, #nav-blog	 {	width: 70px;	}




	#nav-home a {background:url(../images/button-home.gif) 0px 0px no-repeat; }
    #nav-home a:hover {background:url(../images/button-home.gif) 0px -120px no-repeat; }
	#nav-home.current a {background:url(../images/button-home.gif) 0px -60px no-repeat; }
	#nav-home.current a:hover {background:url(../images/button-home.gif) 0px -120px no-repeat; }
	
	#nav-news a {background:url(../images/button-news.gif) 0px 0px no-repeat; }
    #nav-news a:hover {background:url(../images/button-news.gif) 0px -120px no-repeat; }
	#nav-news.current a {background:url(../images/button-news.gif) 0px -60px no-repeat; }
	#nav-news.current a:hover {background:url(../images/button-news.gif) 0px -120px no-repeat; }
	
	#nav-about a {background:url(../images/button-about.gif) 0px 0px no-repeat; }
    #nav-about a:hover {background:url(../images/button-about.gif) 0px -120px no-repeat; }
	#nav-about.current a {background:url(../images/button-about.gif) 0px -60px no-repeat; }
	#nav-about.current a:hover {background:url(../images/button-about.gif) 0px -120px no-repeat; }
	
	#nav-work a {background:url(../images/button-work.gif) 0px 0px no-repeat; }
    #nav-work a:hover, #nav-work.hovered a {background:url(../images/button-work.gif) 0px -120px no-repeat; }
	#nav-work.subhover a {background:url(../images/button-work.gif) 0px -120px no-repeat; }
	#nav-work.current a {background:url(../images/button-work.gif) 0px -60px no-repeat; }
	#nav-work.current a:hover {background:url(../images/button-work.gif) 0px -120px no-repeat; }


	#nav-showreel a {background:url(../images/button-showreel.gif) 0px 0px no-repeat; }
    #nav-showreel a:hover {background:url(../images/button-showreel.gif) 0px -120px no-repeat; }
	#nav-showreel.current a {background:url(../images/button-showreel.gif) 0px -60px no-repeat; }
	#nav-showreel.current a:hover {background:url(../images/button-showreel.gif) 0px -120px no-repeat; }

	#nav-services a {background:url(../images/button-services.gif) 0px 0px no-repeat; }
    #nav-services a:hover {background:url(../images/button-services.gif) 0px -120px no-repeat; }
	#nav-services.current a {background:url(../images/button-services.gif) 0px -60px no-repeat; }
	#nav-services.current a:hover {background:url(../images/button-services.gif) 0px -120px no-repeat; }
	
	#nav-shop a {background:url(../images/button-shop.gif) 0px 0px no-repeat; }
    #nav-shop a:hover {background:url(../images/button-shop.gif) 0px -120px no-repeat; }
	#nav-shop.current a {background:url(../images/button-shop.gif) 0px -60px no-repeat; }
	#nav-shop.current a:hover {background:url(../images/button-shop.gif) 0px -120px no-repeat; }

	#nav-contact a {background:url(../images/button-contact.gif) 0px 0px no-repeat; }
    #nav-contact a:hover {background:url(../images/button-contact.gif) 0px -120px no-repeat; }
	#nav-contact.current a {background:url(../images/button-contact.gif) 0px -60px no-repeat; }
	#nav-contact.current a:hover {background:url(../images/button-contact.gif) 0px -120px no-repeat; }
	
	#nav-subscribe a {background:url(../images/button-subscribe.gif) 0px 0px no-repeat; }
    #nav-subscribe a:hover {background:url(../images/button-subscribe.gif) 0px -120px no-repeat; }
	#nav-subscribe.current a {background:url(../images/button-subscribe.gif) 0px -60px no-repeat; }
	#nav-subscribe.current a:hover {background:url(../images/button-subscribe.gif) 0px -120px no-repeat; }
	
	#nav-links a {background:url(../images/button-links.gif) 0px 0px no-repeat; }
    #nav-links a:hover {background:url(../images/button-links.gif) 0px -120px no-repeat; }
	#nav-links.current a {background:url(../images/button-links.gif) 0px -60px no-repeat; }
	#nav-links.current a:hover {background:url(../images/button-links.gif) 0px -120px no-repeat; }
	
	#nav-sketchbook a {background:url(../images/button-sketchbook.gif) 0px 0px no-repeat; }
    #nav-sketchbook a:hover {background:url(../images/button-sketchbook.gif) 0px -120px no-repeat; }
	#nav-sketchbook.current a {background:url(../images/button-sketchbook.gif) 0px -60px no-repeat; }
	#nav-sketchbook.current a:hover {background:url(../images/button-sketchbook.gif) 0px -120px no-repeat; }
	
	#nav-sound a {background:url(../images/button-sound.gif) 0px 0px no-repeat; }
    #nav-sound a:hover {background:url(../images/button-sound.gif) 0px -120px no-repeat; }
	#nav-sound.current a {background:url(../images/button-sound.gif) 0px -60px no-repeat; }
	#nav-sound.current a:hover {background:url(../images/button-sound.gif) 0px -120px no-repeat; }
	
	#nav-blog a {background:url(../images/button-blog.gif) 0px 0px no-repeat; }
    #nav-blog a:hover {background:url(../images/button-blog.gif) 0px -120px no-repeat; }
	#nav-blog.current a {background:url(../images/button-blog.gif) 0px -60px no-repeat; }
	#nav-blog.current a:hover {background:url(../images/button-blog.gif) 0px -120px no-repeat; }
	
	
	#nav-work .subnav #subnav-work-overview a {background:url(../images/button-work-overview.gif) 0px 0px no-repeat; }
    #nav-work .subnav #subnav-work-overview a:hover {background:url(../images/button-work-overview.gif) 0px -60px no-repeat; }
	
	#nav-work .subnav #subnav-work-video a {background:url(../images/button-work-video.gif) 0px 0px no-repeat; }
    #nav-work .subnav #subnav-work-video a:hover {background:url(../images/button-work-video.gif) 0px -60px no-repeat; }
	
	#nav-work .subnav #subnav-work-flash a {background:url(../images/button-work-flash.gif) 0px 0px no-repeat; }
    #nav-work .subnav #subnav-work-flash a:hover {background:url(../images/button-work-flash.gif) 0px -60px no-repeat; }
	
	#nav-work .subnav #subnav-work-illustration a {background:url(../images/button-work-illustration.gif) 0px 0px no-repeat; }
    #nav-work .subnav #subnav-work-illustration a:hover {background:url(../images/button-work-illustration.gif) 0px -60px no-repeat; }
	
	#nav-work .subnav #subnav-work-sketchbook a {background:url(../images/button-work-sketchbook.gif) 0px 0px no-repeat; }
    #nav-work .subnav #subnav-work-sketchbook a:hover {background:url(../images/button-work-sketchbook.gif) 0px -60px no-repeat; }
	
	
	
/* Project footer navigation */



#nav-project						{	height:97px;
										margin-top: -97px; /* negative value of footer height */
										display:none;
										z-index:700; width:970px;	
										}

#nav-project-wrapper				{	padding-left:210px; background:#000;}



#navbar-project						{	padding:26px 0 0 0; }
										
									


#navbar-project span				{	display:none;}



#navbar-project a, 
#navbar-project li					{	height:10px;
										display:block; }

#navbar-project li					{	display:inline;
										list-style:none;
										float:left;
										padding:0 10px;}
										
										
										
#navbar-project-secondary			{	padding:26px 0 0 0;
										margin-left:-131px;}
										
									


#navbar-project-secondary	 span				{	display:none;}



#navbar-project-secondary	 a, 
#navbar-project-secondary	 li					{	height:10px;
													display:block; }

#navbar-project-secondary	 li					{	display:inline;
										list-style:none;
										float:left;
										padding:0 10px;}
										

#projnav-about						{	width:38px;}
#projnav-movie						{	width:36px;}
#projnav-movies						{	width:43px;}
#projnav-image-gallery				{	width:86px;}
#projnav-storyboards				{	width:80px;}
#projnav-story						{	width:35px;}
#projnav-posters					{	width:46px;}
#projnav-xmas-card					{	width:65px;}
#projnav-bible						{	width:27px;}
#projnav-official-movie-site		{	width:112px;}
#projnav-characters					{	width:70px;}
#projnav-test-animation				{	width:91px;}
#projnav-launch-project				{	width:96px;}


#projnav-about	a										{	background:url(../images/buttons-project.gif) 0 0 no-repeat; }
#projnav-about	a:hover, #projnav-about.current a		{	background:url(../images/buttons-project.gif) 0 -10px no-repeat; }

#projnav-movie	a										{	background:url(../images/buttons-project.gif) -747px 0 no-repeat; }
#projnav-movie	a:hover, #projnav-movie.current a		{	background:url(../images/buttons-project.gif) -747px -10px no-repeat; }

#projnav-movies	a										{	background:url(../images/buttons-project.gif) -250px 0 no-repeat; }
#projnav-movies	a:hover, #projnav-movies.current a		{	background:url(../images/buttons-project.gif) -250px -10px no-repeat; }

#projnav-image-gallery a												{	background:url(../images/buttons-project.gif) -47px 0 no-repeat; }
#projnav-image-gallery a:hover, #projnav-image-gallery.current a		{	background:url(../images/buttons-project.gif) -47px -10px no-repeat; }

#projnav-storyboards a												{	background:url(../images/buttons-project.gif) -152px 0 no-repeat; }
#projnav-storyboards a:hover, #projnav-storyboards.current a 		{	background:url(../images/buttons-project.gif) -152px -10px no-repeat; }

#projnav-story	a													{	background:url(../images/buttons-project.gif) -303px 0 no-repeat; }
#projnav-story	a:hover, #projnav-story.current a					{	background:url(../images/buttons-project.gif) -303px -10px no-repeat; }

#projnav-posters	a											{	background:url(../images/buttons-project.gif) -355px 0 no-repeat; }
#projnav-posters	a:hover, #projnav-posters.current a 		{	background:url(../images/buttons-project.gif) -355px -10px no-repeat; }

#projnav-xmas-card	a											{	background:url(../images/buttons-project.gif) -413px 0 no-repeat; }
#projnav-xmas-card	a:hover, #projnav-xmas-card.current a		{	background:url(../images/buttons-project.gif) -413px -10px no-repeat; }

#projnav-bible	a												{	background:url(../images/buttons-project.gif) -493px 0 no-repeat; }
#projnav-bible	a:hover, #projnav-bible.current a				{	background:url(../images/buttons-project.gif) -493px -10px no-repeat; }

#projnav-official-movie-site a																{	background:url(../images/buttons-project.gif) -524px 0 no-repeat; }
#projnav-official-movie-site a:hover, #projnav-official-movie-site.current a				{	background:url(../images/buttons-project.gif) -524px -10px no-repeat; }

#projnav-characters	a												{	background:url(../images/buttons-project.gif) -661px 0 no-repeat; }
#projnav-characters	a:hover, #projnav-characters.current a			{	background:url(../images/buttons-project.gif) -661px -10px no-repeat; }

#projnav-test-animation	a												{	background:url(../images/buttons-project.gif) -895px 0 no-repeat; }
#projnav-test-animation	a:hover, #projnav-test-animation.current a			{	background:url(../images/buttons-project.gif) -895px -10px no-repeat; }

#projnav-launch-project	a												{	background:url(../images/buttons-project.gif) -791px 0 no-repeat; }
#projnav-launch-project	a:hover, #projnav-launch-project.current a			{	background:url(../images/buttons-project.gif) -791px -10px no-repeat; }








/* Project Character Page Navigation */

#projnav-red						{	width:19px;}
#projnav-blue						{	width:22px;}
#projnav-green						{	width:36px;}
#projnav-doc						{	width:26px;}
#projnav-general					{	width:50px;}
#projnav-yellow						{	width:46px;}
#projnav-other						{	width:35px;}
#projnav-main-menu					{	width:85px; margin-right:26px;}


#projnav-red	a											{	background:url(../images/buttons-characters.gif) 0 0 no-repeat; }
#projnav-red	a:hover, #projnav-red.current a				{	background:url(../images/buttons-characters.gif) 0 -10px no-repeat; }

#projnav-blue	a											{	background:url(../images/buttons-characters.gif) -24px 0 no-repeat; }
#projnav-blue	a:hover, #projnav-blue.current a			{	background:url(../images/buttons-characters.gif) -24px -10px no-repeat; }

#projnav-green	a											{	background:url(../images/buttons-characters.gif) -54px 0 no-repeat; }
#projnav-green	a:hover, #projnav-green.current a			{	background:url(../images/buttons-characters.gif) -54px -10px no-repeat; }

#projnav-doc	a											{	background:url(../images/buttons-characters.gif) -98px 0 no-repeat; }
#projnav-doc	a:hover, #projnav-doc.current a				{	background:url(../images/buttons-characters.gif) -98px -10px no-repeat; }

#projnav-general	a										{	background:url(../images/buttons-characters.gif) -129px 0 no-repeat; }
#projnav-general	a:hover, #projnav-general.current a		{	background:url(../images/buttons-characters.gif) -129px -10px no-repeat; }

#projnav-yellow	a											{	background:url(../images/buttons-characters.gif) -190px 0 no-repeat; }
#projnav-yellow	a:hover, #projnav-yellow.current a			{	background:url(../images/buttons-characters.gif) -190px -10px no-repeat; }

#projnav-other	a											{	background:url(../images/buttons-characters.gif) -246px 0 no-repeat; }
#projnav-other	a:hover, #projnav-other.current a			{	background:url(../images/buttons-characters.gif) -246px -10px no-repeat; }

#projnav-main-menu	a										{	background:url(../images/buttons-characters.gif) -289px 0 no-repeat; }
#projnav-main-menu	a:hover, #projnav-main-menu.current a	{	background:url(../images/buttons-characters.gif) -289px -10px no-repeat; }





/* Project Movie Page Navigation */
#video-icons						{ margin-top:90px; }

#video-icons.quicktimefix			{ margin-top:75px;}

#video-icons span					{	display:none;}

#video-icons a, 
#video-icons li						{	height:26px;
										display:block;
										outline:none;}

#video-icons li						{	display:inline;
										list-style:none;
										float:left;
										padding:0 10px 0 0;}


#icon-quicktime					{ width:18px; }
#icon-flash						{ width:18px; }
#icon-vimeo						{ width:62px; }



#icon-quicktime  a {background:url(../images/buttons-video.png) 0px 0px no-repeat; }
#icon-quicktime a:hover {background:url(../images/buttons-video.png) 0px -26px no-repeat; }
#icon-quicktime.current a {background:url(../images/buttons-video.png) 0px -26px no-repeat; }
#icon-quicktime.current a:hover {background:url(../images/buttons-video.png) 0px -26px no-repeat; }

#icon-flash  a {background:url(../images/buttons-video.png) -28px 0px no-repeat; }
#icon-flash a:hover {background:url(../images/buttons-video.png) -28px -26px no-repeat; }
#icon-flash.current a {background:url(../images/buttons-video.png) -28px -26px no-repeat; }
#icon-flash.current a:hover {background:url(../images/buttons-video.png) -28px -26px no-repeat; }


#icon-vimeo  a {background:url(../images/buttons-video.png) -51px 0px no-repeat; }
#icon-vimeo a:hover {background:url(../images/buttons-video.png) -51px -26px no-repeat; }
#icon-vimeo.current a {background:url(../images/buttons-video.png) -51px -26px no-repeat; }
#icon-vimeo.current a:hover {background:url(../images/buttons-video.png) -51px -26px no-repeat; }