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; 	}


/* HOMEPAGE SLIDER
======================================= */

#slider								{ width:840px; margin-bottom:65px; height:380px; }


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

#splash-box							{	width:840px; 
										margin:60px 0 0 190px;}

#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;
										width:1040px;
										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;}


.footer_container					{	width:1040px }


/* 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;}


/* FOOTER SOCIAL ICONS
==================================== */

.footer_social { float:right; }
.footer_social a { opacity:0.85 }
.footer_social a:hover { opacity:1 }

.s_youtube, .s_vimeo,
.s_facebook,.s_blogspot,
.s_linkedin, .s_twitter, .s_gplus	{ background:url(../images/social-icons_16.png); display:inline-block; width:16px; height:16px; text-indent:-9999px; margin-left:5px; }

.s_youtube							{ background-position:0 0; }
.s_twitter							{ background-position:-20px 0; }
.s_linkedin							{ background-position:-40px 0; }
.s_facebook							{ background-position:-60px 0; }
.s_blogspot							{ background-position:-80px 0; }
.s_vimeo							{ background-position:-100px 0; }
.s_gplus							{ background-position:-120px 0; }


/* SCROLLER
=============================== */


#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);
										}

#rightpanel 							{	width:420px; height:420px; background:url(../images/background-transp.png); float:left; }										


.panel-fullwidth					{ 	width:1010px;
										padding:10px 0 40px 20px;
										margin:0 100px 0 20px;
										background:rgba(0,0,0,0.37);
									}
									
.servicesbox { float:left; width:230px; padding-right:20px;}
									

#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: 50;
										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/nav-sprite.gif) 0px 0px no-repeat; }
    #nav-home a:hover {background:url(../images/nav-sprite.gif) 0px -120px no-repeat; }
	#nav-home.current a {background:url(../images/nav-sprite.gif) 0px -60px no-repeat; }
	#nav-home.current a:hover {background:url(../images/nav-sprite.gif) 0px -120px no-repeat; }
	
	#nav-news a {background:url(../images/nav-sprite.gif) -70px 0px no-repeat; }
    #nav-news a:hover {background:url(../images/nav-sprite.gif) -70px -120px no-repeat; }
	#nav-news.current a {background:url(../images/nav-sprite.gif) -70px -60px no-repeat; }
	#nav-news.current a:hover {background:url(../images/nav-sprite.gif) -70px -120px no-repeat; }
	
	#nav-about a {background:url(../images/nav-sprite.gif) -140px 0px no-repeat; }
    #nav-about a:hover {background:url(../images/nav-sprite.gif) -140px -120px no-repeat; }
	#nav-about.current a {background:url(../images/nav-sprite.gif) -140px -60px no-repeat; }
	#nav-about.current a:hover {background:url(../images/nav-sprite.gif) -140px -120px no-repeat; }
	
	#nav-work a {background:url(../images/nav-sprite.gif) -210px 0px no-repeat; }
    #nav-work a:hover, #nav-work.hovered a {background:url(../images/nav-sprite.gif) -210px -120px no-repeat; }
	#nav-work.subhover a {background:url(../images/nav-sprite.gif) -210px -120px no-repeat; }
	#nav-work.current a {background:url(../images/nav-sprite.gif) -210px -60px no-repeat; }
	#nav-work.current a:hover {background:url(../images/nav-sprite.gif) -210px -120px no-repeat; }

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

	#nav-services a {background:url(../images/nav-sprite.gif) -350px 0px no-repeat; }
    #nav-services a:hover {background:url(../images/nav-sprite.gif) -350px -120px no-repeat; }
	#nav-services.current a {background:url(../images/nav-sprite.gif) -350px -60px no-repeat; }
	#nav-services.current a:hover {background:url(../images/nav-sprite.gif) -350px -120px no-repeat; }
	
	#nav-sound a {background:url(../images/nav-sprite.gif) -420px 0px no-repeat; }
    #nav-sound a:hover {background:url(../images/nav-sprite.gif) -420px -120px no-repeat; }
	#nav-sound.current a {background:url(../images/nav-sprite.gif) -420px -60px no-repeat; }
	#nav-sound.current a:hover {background:url(../images/nav-sprite.gif) -420px -120px no-repeat; }
	
	#nav-contact a {background:url(../images/nav-sprite.gif) -490px 0px no-repeat; }
    #nav-contact a:hover {background:url(../images/nav-sprite.gif) -490px -120px no-repeat; }
	#nav-contact.current a {background:url(../images/nav-sprite.gif) -490px -60px no-repeat; }
	#nav-contact.current a:hover {background:url(../images/nav-sprite.gif) -490px -120px no-repeat; }
	
	#nav-shop a {background:url(../images/nav-sprite.gif) -560px 0px no-repeat; }
    #nav-shop a:hover {background:url(../images/nav-sprite.gif) -560px -120px no-repeat; }
	#nav-shop.current a {background:url(../images/nav-sprite.gif) -560px -60px no-repeat; }
	#nav-shop.current a:hover {background:url(../images/nav-sprite.gif) -560px -120px no-repeat; }
	
	#nav-subscribe a {background:url(../images/nav-sprite.gif) -630px 0px no-repeat; }
    #nav-subscribe a:hover {background:url(../images/nav-sprite.gif) -630px -120px no-repeat; }
	#nav-subscribe.current a {background:url(../images/nav-sprite.gif) -630px -60px no-repeat; }
	#nav-subscribe.current a:hover {background:url(../images/nav-sprite.gif) -630px -120px no-repeat; }
	
	#nav-links a {background:url(../images/nav-sprite.gif) -700px 0px no-repeat; }
    #nav-links a:hover {background:url(../images/nav-sprite.gif) -700px -120px no-repeat; }
	#nav-links.current a {background:url(../images/nav-sprite.gif) -700px -60px no-repeat; }
	#nav-links.current a:hover {background:url(../images/nav-sprite.gif) -700px -120px no-repeat; }
	
	#nav-blog a {background:url(../images/nav-sprite.gif) -770px 0px no-repeat; }
    #nav-blog a:hover {background:url(../images/nav-sprite.gif) -770px -120px no-repeat; }
	#nav-blog.current a {background:url(../images/nav-sprite.gif) -770px -60px no-repeat; }
	#nav-blog.current a:hover {background:url(../images/nav-sprite.gif) -770px -120px no-repeat; }
	
	
	#nav-work .subnav #subnav-work-overview a {background:url(../images/nav-sprite.gif) 0px -180px no-repeat; }
    #nav-work .subnav #subnav-work-overview a:hover {background:url(../images/nav-sprite.gif) 0px -240px no-repeat; }
	
	#nav-work .subnav #subnav-work-video a {background:url(../images/nav-sprite.gif) -70px -180px no-repeat; }
    #nav-work .subnav #subnav-work-video a:hover {background:url(../images/nav-sprite.gif) -70px -240px no-repeat; }
	
	#nav-work .subnav #subnav-work-flash a {background:url(../images/nav-sprite.gif) -140px -180px no-repeat; }
    #nav-work .subnav #subnav-work-flash a:hover {background:url(../images/nav-sprite.gif) -140px -240px no-repeat; }
	
	#nav-work .subnav #subnav-work-illustration a {background:url(../images/nav-sprite.gif) -210px -180px no-repeat; }
    #nav-work .subnav #subnav-work-illustration a:hover {background:url(../images/nav-sprite.gif) -210px -240px no-repeat; }
	
	#nav-work .subnav #subnav-work-sketchbook a {background:url(../images/nav-sprite.gif) -280px -180px no-repeat; }
    #nav-work .subnav #subnav-work-sketchbook a:hover {background:url(../images/nav-sprite.gif) -280px -240px 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-sketches					{	width:52px; }
#projnav-2poems						{	width:49px; }
#projnav-character-designs			{	width:115px; }

#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; }

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

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

#projnav-character-designs	a												{	background:url(../images/buttons-project.gif) -1121px 0 no-repeat; }
#projnav-character-designs	a:hover, #projnav-character-designs.current a			{	background:url(../images/buttons-project.gif) -1121px -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-ladybird					{	width:51px;}
#projnav-hunchback					{	width:69px;}

#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-hunchback	a											{	background:url(../images/buttons-characters.gif) -383px 0 no-repeat; }
#projnav-hunchback	a:hover, #projnav-hunchback.current a			{	background:url(../images/buttons-characters.gif) -383px -10px no-repeat; }

#projnav-ladybird	a											{	background:url(../images/buttons-characters.gif) -463px 0 no-repeat; }
#projnav-ladybird	a:hover, #projnav-ladybird.current a			{	background:url(../images/buttons-characters.gif) -463px -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 */

#itrocentered						{ margin-top:20px; }



#video-icons						{ margin-top:40px; }

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

#video-icons span					{	display:none;}

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

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


#icon-quicktime					{ width:25px; }
#icon-vimeo						{ width:95px; }
#icon-youtube					{ width:25px;}


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




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




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



/* SUBSCRIBE FORM 
*/

#subscribeform div { padding-bottom:10px; }

#subscribeform .subscribebutton { display:block; width:85px; height:33px; background:url(../images/subscribe_button.gif) top left no-repeat; border:none; text-indent:-9999px; cursor:pointer; }
#subscribeform .subscribebutton:hover { background-position:0px -33px; }

#subscribeform textarea {  overflow: auto;  }

input.textfield, textarea.textfield { font-family: "Myriad Pro", Arial; font-size:13px; border:none; background:rgba(0, 0, 0, 0.4); padding:10px; color:#777; width:415px; outline:none;}

input.textfield:focus, textarea.textfield:focus { background:rgba(0, 0, 0, 0.5); color:#fff;}

.button {
	border:none;
	cursor:pointer;
   border-top: 1px solid #96d1f8;
   background: #087296;
   background: -webkit-gradient(linear, left top, left bottom, from(#0b92bf), to(#087296));
   background: -moz-linear-gradient(top, #0b92bf, #087296);
   padding: 5px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #0e95c2;
   background: #0e95c2;
   color: #ffffff;
   }
.button:active {
   border-top-color: #0b92bf;
   background: #0b92bf;
   }