/*NAVIGATION STYLES
*/

/*MAIN NAVIGATION*/	

	/* FEATURED WORK */
	
#navigation{  margin-top: 55px; margin-right: 100px; padding-top: 8px; padding-bottom: 9px; padding-left:0px; padding-right: 0px;
			background-color: #222; 
			width:80px;
			
			font-size:8pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 400;
			text-shadow: #000 0px 1px 0px; 
			float: right; text-align: left;
			width: 100%, z-index: -10, overflow: hidden, display: inline-block;
			list-style-type: none;
			}
		
			#navigation a{ 
			text-decoration:none; 
			padding-left: 0px; padding-right: 0px; padding-bottom: 9px; padding-top: 8px;
			outline: none; 
			color:#ccc; 
			background:#222; 
			width:80px;
			list-style-type: none;
			}
			
			#navigation a:hover{ background-color:#333;  color:#fff; 
 			list-style-type: none;
 			-webkit-transition: background 0.2s linear;
			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			transition: background 0.2s linear;			
			}
  
			#navigation > li {background:transparent none repeat scroll 0 0; cursor:pointer; 
			padding-left:10px;
 			border-bottom: 0px solid none; 
 			border-top: 0px solid none; 

			float:left; 
			position:absolute; 
			padding:0px 0px;
  			float: left; 
  			}

			#navigation > li a {background-color:#111;  color:#ccc;
			padding-top: 10px; padding-bottom: 10px; padding-left:10px; padding-right: 10px;			
 			list-style-type: none;
 			
 			border-bottom: 0px solid none; 
 			border-top: 0px solid none; 

 			-webkit-transition: background 0.2s linear;
			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			transition: background 0.2s linear;	
			}
			
			#navigation > li a:hover {background-color:#333; color:#fff;
			padding-top: 10px; padding-bottom: 10px; padding-left:10px; padding-right: 10px;			
 			
 			border-bottom: 0px solid #fff; 
  			border-top: 0px solid #fff; 
			
 			list-style-type: none;
 			-webkit-transition: background 0.2s linear;
			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			transition: background 0.2s linear;	
			}
			

@keyframes reset {
0% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
 
@keyframes fade-in {
0% {
    opacity: 0;
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}



.fade-in {
    animation-name: reset, fade-in;
    animation-duration: 3s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
}
 
.fade-in.one {animation-delay: 0, 0;}
.fade-in.two {animation-delay: 0, .25s;}
.fade-in.three {animation-delay: 0, .5s;}
.fade-in.four {animation-delay: 2, 1s;}
.fade-in.five {animation-delay: 0, 1.5s;}
.fade-in.six {animation-delay: 0, 2s;}
.fade-in.seven {animation-delay: 0, 2.5s;}
.fade-in.eight {animation-delay: 0, 3s;}

/* FEATURED sub-menus*/
#navigation ul {padding:0px; margin:0px; display:block; display:inline; 
				padding-left:0px; padding-right: 0px; }

#navigation li ul {
			position:absolute; 
			left:0px; top:0px; margin-top:26px; 
   			background:#111;    			
   			color:#fff; /* for IE */ display:none; float: right;
    		}
    
#navigation li:hover ul {display:block; color:#ccc; }

#navigation li ul li{
			display:block; border-bottom: solid 0px #fff;
    		list-style-type:none;   
    		float: left; 
    		}
    
#navigation li ul li:first-child { border-top: none; }

#navigation li ul li a {font-size: 9px; font-weight: 100; display:block; color:#fff;
			padding-left:10px;
			width:62px; 
			}

#navigation li ul li a:hover{ 
			background-color:#555; border-color:#ccc; color:#fff; 
 			border-top: 0px solid red; 
 			-webkit-transition: background 0.2s linear;
			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			transition: background 0.2s linear;			
			}
			
/* FEATURED main submenu */
#navigation #main { left:0px; top:-20px; padding-top:20px; background-color:#ccc; color:#fff;
    z-index:999;  float: left;}

#navigation { position: relative; z-index: 0 }
#navigation ul { position: relative; z-index: 2 }
#navigation ul li { position: relative; z-index: 2 }




	
		#logo{ 
			width: 20%;
			padding-left: 80px; 
			padding-top: 40px; 
			margin-bottom: 0px; 
			opacity: .6;
			}						

		#logo a:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
		
		#logo:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}
			
		#logo img:hover{ 	
			-webkit-transition: background 1.8s linear;
			-moz-transition: background 1.8s linear;
			-o-transition: background 1.8s linear;
			transition: background 1.8s linear;	
			opacity: 1;
			}			

		#nav_right2{ padding-left: 100px; padding-right: 100px; padding-top: 20px; padding-bottom: 0px; color:#fff; font-size:11pt; 
			font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 200;
			text-shadow: #000 0px .5px 0px; /*line-height:500%; */ float: right; text-align: right;
			/*background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.7) 7%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.7) 75%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */;*/
			width: 20%, z-index: -20, overflow: hidden, display: inline-block;
			}	
			
		#nav_right2 a:hover{ background-color:none; border-color:#000; color:#000; text-decoration: underline;
			border-bottom: 1px dotted #ddd; height: 30px;		

			-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;			
			}						


		#nav{  margin-top: 15px; margin-left: 30px; padding-top: 8px; padding-bottom: 9px; padding-left: 0px;
			background-color: rgba(0,0,0,0.1); 
		
			font-size:10pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 500;
			text-shadow: #000 0px 1px 0px; 
			float: left; text-align: left;
			width: 100%, z-index: -10, overflow: hidden, display: inline-block;
			border-top: 0px dotted #000; border-right: 0px solid #000; border-left: 0px solid #000;		
			}
			
		#nav a{ text-decoration:none; padding-left: 4px; padding-right: 4px; 
			outline: none; 
			color:#999; 
			background:rgba(0,0,0,0.0); 
			border-top:0px solid #333; 
			margin:0px 23px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}						
			
		#nav a:hover{ background-color:#111; border-color:#000; color:#fff; 
			 padding-left: 4px; padding-right: 4px; padding-bottom: 7px; padding-top: 7px;
 			border-bottom: 3px solid #fff; 
 			-webkit-transition: background 0.2s linear;
			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			transition: background 0.2s linear;			
			}	

		#nav ul li { display: inline; }

		#nav.current {
  			background: #C8C5C2; color:#36c50a; text-decoration:blink;
			}

		#nav li.current a { color: #fff; display: inline; text-decoration: none; 
			}
		#nav li.current a:hover { color: #000; background-color: #ccc; display: inline;
			}

		#nav li.selected li a {
  			padding: 0px;
  			background: none;
			display: inline;
			}

		#nav li.selected li a:hover {
  			color: #36c50a;
  			display: inline;
			}	



		#nav_footer{ padding-left: 0px; margin-left: 15px; padding-right: 0px; padding-top: 40px; margin-top: 0px; padding-bottom: 0px; 
			font-size:14pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 400; color:#fff; 
			text-shadow: #000 0px .5px 0px;
			float: center; text-align: left;
			width: 100%, z-index: -10, overflow: hidden, display: inline-block;
			border-top: 1px dotted #fff; border-bottom: 0px dotted #fff; border-right: 0px solid #000; border-left: 1px dotted #fff;		
			background: none; 
			}			

		#nav_footer a{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 0px;  margin-bottom: 20px; background-color: #000;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
		#nav_footer a:hover{ background-color:#fff; color:#ccc; 
			 padding-bottom: 10px;margin-left: 0px;
 			border-bottom: 0px dotted #fff;  			border-top: 3px solid #ccc; 

 			-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;			
			}	

		#nav_footer ul li { display: inline; }

		#nav_footer.current {
  			background: #C8C5C2; color:#36c50a; text-decoration:blink;
			}

		#nav_footer li.current a { color: #fff; display: inline; text-decoration: none; 
		/* border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; */
			}
		#nav_footer li.current a:hover { color: #000; background-color: #fff; display: inline;
			}

		#nav_footer li.selected li a {
  			padding: 3px;
  			background: none;
			display: inline;
			}

		#nav_footer li.selected li a:hover {
  			color: #36c50a;
  			display: inline;
			}				
			


		#nav_footer4{ padding-left: 0px; margin-left: 90px; margin-right: 90px; padding-right: 0px; padding-top: 20px; padding-bottom: 20px; color:#ccc; 
			font-size:10pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 400;
			text-shadow: #000 0px .5px 0px;
			float: center; text-align: center;
			width: 100%, z-index: -10, overflow: hidden, display: inline-block;
			border-top: 0px dotted #fff; border-bottom: 2px solid #404040; border-right: 2px solid #404040; border-left: 2px solid #404040;		
			background: none; 
			}			

		#nav_footer4 a{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 2px;  margin-right: 0px; margin-left: 0px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
		#nav_footer4 a:active{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 2px;  margin-right: 0px; margin-left: 0px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
		#nav_footer4 a:link{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 2px;  margin-right: 0px; margin-left: 0px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
			
		#nav_footer4 a:hover{ background-color:none; color:#888; 
			 padding-top: 15px;
 			border-top: 3px solid #fff; 
 			-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;			
			}	

		#nav_footer4 ul li { display: inline; }			
			

		#nav_footer3{ padding-left: 0px; margin-left: 115px; margin-right: 115px; padding-right: 0px; padding-top: 15px; margin-top: 0px; padding-bottom: 15px; 
			font-size:12pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 100; color:#fff; 
			text-shadow: #000 0px .5px 0px;
			float: center; text-align: center;
			width: 100%, z-index: -10, overflow: hidden, display: inline-block;
			border-top: 0px dotted #fff; border-bottom: 2px solid #404040; border-right: 2px solid #404040; border-left: 2px solid #404040;		
			background: none; 
			}			

		#nav_footer3 a{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 0px; margin-left: 30px; margin-right: 30px; background-color: #000;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
		#nav_footer3 a:active{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 0px; margin-left: 30px; margin-right: 30px; background-color: #000;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
		#nav_footer3 a:link{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 0px; margin-left: 30px; margin-right: 30px; background-color: #000;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}			
		#nav_footer3 a:hover{ background-color:#000; color:#888; 
			 padding-bottom: 19px; 
 			border-bottom: 0px dotted #fff; border-bottom: 3px solid #fff; 

 			-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;			
			}	

		#nav_footer3 ul li { display: inline; }
		

		#nav_footer2{ padding-left: 0px; margin-left: 165px; margin-right: 165px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; color:#ccc; 
			font-size:10pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 400;
			text-shadow: #000 0px .5px 0px;
			float: center; text-align: center;
			width: 100%, z-index: -10, overflow: hidden, display: inline-block;
			border-top: 0px dotted #fff; border-bottom: 1px solid #404040; border-right: 2px solid #404040; border-left: 2px solid #404040;		
			background: none;  
			}			

		#nav_footer2 a{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 2px; margin-left: 20px; margin-right: 20px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
		#nav_footer2 a:active{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 2px; margin-left: 20px; margin-right: 20px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}
		#nav_footer2 a:link{ text-decoration:none; outline: none; color:#fff; background:rgba(0,0,0,0.0); border-top:0px solid #333; 
			padding:0px 2px; margin-left: 20px; margin-right: 20px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
			}			
		#nav_footer2 a:hover{ background-color:none; color:#888; 
			 padding-top: 13px;
 			border-top: 3px solid #fff; 
 			-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;			
			}	

		#nav_footer2 ul li { display: inline; }		
			
/*WORK NAVIGATION*/	
		
		#nav_work {padding-left: 60px; padding-right: 60px; padding-top: 10px; padding-bottom: 10px; color:#404040; /*font-size:11pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; */
			font:16pt Georgia, Arial, serif; font-style:italic; margin-right: 0px;
			text-shadow: #000 0px 1px 0px; float: left;
				background:#fff; 
				border-bottom:1px solid #ccc;
				-moz-border-radius-topleft:0px;
    			-webkit-border-top-left-radius:0px;
    			-moz-border-radius-topright:0px;
    			-webkit-border-top-right-radius:0px;
    			-moz-border-radius-bottomleft:0px;
    			-webkit-border-bottom-left-radius:0px;
    			-moz-border-radius-bottomright:34px;
    			-webkit-border-bottom-right-radius:34px;  
    			width: 100%;
				}

				
							

/*		#nav_work {padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; color:#ddd; /*font-size:11pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; */
/*			font:16pt Georgia, Arial, serif; font-style:italic; margin-right: 0px;
			text-shadow: #000 0px 1px 0px; float: left;

				background: -moz-linear-gradient(left, rgba(0,0,0,0.695) 0%, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0.80) 50%, rgba(0,0,0,0.80) 75%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */	
				/*;			
				border-bottom:1px solid #ccc;
				-moz-border-radius-topleft:0px;
    			-webkit-border-top-left-radius:0px;
    			-moz-border-radius-topright:0px;
    			-webkit-border-top-right-radius:0px;
    			-moz-border-radius-bottomleft:0px;
    			-webkit-border-bottom-left-radius:0px;
    			-moz-border-radius-bottomright:34px;
    			-webkit-border-bottom-right-radius:34px;  
    			/*width: 100%;*/
				/*}*/

/*		#nav_work__ {padding:10px 50px 10px 50px; color: #ddd; font:16pt Georgia, Arial, serif; font-style:italic; font-weight: 500; text-decoration:none; /*outline: solid #ccc thin; */
/*			background:#454545; border-top:0px solid #fff; border-bottom:1px solid #ccc; 
			text-shadow: #000 0px 1px 0px;	
			-moz-border-radius-topleft:0px;
    			-webkit-border-top-left-radius:0px;
    			-moz-border-radius-topright:0px;
    			-webkit-border-top-right-radius:0px;
    			-moz-border-radius-bottomleft:0px;
    			-webkit-border-bottom-left-radius:0px;
    			-moz-border-radius-bottomright:21px;
    			-webkit-border-bottom-right-radius:21px;  		
				}
*/				
			#nav_work a{ color: #ddd; font:13pt Georgia, Arial, serif; font-style:italic; font-weight: 500; text-decoration:none; outline: none; color:#ddd; background:rgba(0,0,0,0.0); 
				border-top:0px solid #333; padding:2px 10px;  
				-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; }
				
			#nav_work a:hover{ background-color:#000; border-color:#000; color:#D86C1D;
			   -webkit-transition: background 0.8s linear;
	-moz-transition: background 0.8s linear;
	-o-transition: background 0.8s linear;
	transition: background 0.8s linear;	
			}		
			
			#nav_work ul li { display: inline; }


		#nav_work.current {
  		background: #C8C5C2; color:#36c50a; text-decoration:blink;
		}

		#nav_work li.current a { color: #ccc; 	display: inline;
		}
		#nav_work li.current a:hover { color: #36c50a;	display: inline;
		}

		#nav_work li.selected li a {
  			padding: 3px;
  			background: none;
			display: inline;
			}

		#nav_work li.selected li a:hover {
  			color: #36c50a;
  			display: inline;
			}
			

/*ACTIVE NAVIGATION ---Back to Lib + Previous Next*/

		#nav_work_categories {padding-left: 60px; padding-right: 60px; padding-top: 10px; padding-bottom: 10px; margin-top: 165px;
			color:#777; 
			font:12pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 600; margin-right: 0px; margin-left: 0px;
			text-shadow: #000 0px 1px 0px; float: left; text-align: left;
			background-color: rgba(0,0,0,0.0); 
			width: 100%, z-index: 10, overflow: hidden, position:inline-block; border-bottom: 0px dotted #999;
			}
	
		#nav_work_categories ul li { display: inline; background:none; background-color:none; }

		#nav_work_categories.current {
  			background:none; color:#404040; text-decoration:blink;
			}

		#nav_work_categories li.current a { color: #444; display: inline; font-style:italic; background:none; background-color:none;
			}

		#nav_work_categories li.current a:hover { color: #fff; background-color: #000;display: inline;
			}

		#nav_work_categories li.selected li a {
  			padding: 3px;
  			background:none; background-color:none; 
			display: inline; font-style:italic;
			color: #404040;
			}

		#nav_work_categories li.selected li a:hover {
  			color: #fff;
  			background-color: #000;
  			display: inline;
			}
				
		#nav_work_categories a{ 
			text-decoration:none; 
			background:none; background-color:none; 			
			outline: none; color:#777; 
			padding:6px 13px;border-right: 0px dotted #ccc; border-left: 0px dotted #ccc; 
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;
			}
		#nav_work_categories a:active{ 
			text-decoration:none; 
			background:none; background-color:none; 			
			outline: none; color:#777; 
			padding:6px 13px;border-right: 0px dotted #ccc; border-left: 0px dotted #ccc; 
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;
			}
		#nav_work_categories a:link{ 
			text-decoration:none; 
			background:none; background-color:none; 			
			outline: none; color:#777; 
			padding:6px 13px;border-right: 0px dotted #ccc; border-left: 0px dotted #ccc; 
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;
			}	
				
		#nav_work_categories a:hover{ background-color:none; border-color:none; color:#ccc;
			 padding:6px 13px; border-bottom: 0px dotted #fff; border-right: 0px solid #fff; border-left: 0px solid #fff;
		  	-webkit-transition: background 0.5s linear;
			-moz-transition: background 0.5s linear;
			-o-transition: background 0.5s linear;
			transition: background 0.5s linear;	
			}								




		#nav_work_categories2 {padding-left: 20px; padding-right: 0px; margin-top: 120px; padding-bottom: 20px; color:#777; 
			font:12pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 600; margin-right: 0px; margin-left: 0px;
			text-shadow: #000 0px 1px 0px; float: left; text-align: left;
			background:none; background-color:none; 
			width: 100%, z-index: -20, overflow: hidden, position:inline-block;border-bottom: 0px dotted #999;
			}	
			
		#nav_work_categories2 ul li { display: inline; background:none; background-color:none; 		
		}

#nav_work_categories2 ul li div {
margin-left: 60px;

    -webkit-transition-property: left;
    -webkit-transition-duration: 300ms;        
    -moz-transition-property: left;
    -moz-transition-duration: 300ms;
    -o-transition-property: left;
    -o-transition-duration: 300ms;
    transition-property: left;
    transition-duration: 300ms;
    
    position: absolute;
    left: -60px;
    top: 0;
    background-color: none;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#nav_work_categories2 ul li:hover div {
    -webkit-transition-property: left;
    -webkit-transition-duration: 300ms;        
    -moz-transition-property: left;
    -moz-transition-duration: 300ms;
    -o-transition-property: left;
    -o-transition-duration: 300ms;
    transition-property: left;
    transition-duration: 300ms;

	color: #fff;
    background-color: black;    
    left:0;  
} 

		#nav_work_categories2.current {
  			background:none; color:#404040; text-decoration:blink;
			}


		#nav_work_categories2 li.current a {
			padding-top: 12px;
  			border-top: 3px solid #404040; 
  			color: #444; display: inline; 
  			font-style:italic; 
  			background:none; background-color:none;
}



		#nav_work_categories2 li.current a:hover { color: #fff; background-color: #000;display: inline;
    -webkit-transition-property: color;
    -webkit-transition-duration: 300ms;        
    -moz-transition-property: color;
    -moz-transition-duration: 300ms;
    -o-transition-property: color;
    -o-transition-duration: 300ms;
    transition-property: color;
    transition-duration: 300ms;
    
    color: #ccc;
		
			}

		#nav_work_categories2 li.selected li a {
  			background:none; background-color:none; 
			display: inline; font-style:italic;
			color: #404040;
			}

		#nav_work_categories2 li.selected li a:hover {
  			border-top: 10px solid #fff; 
  			color: #fff;
  			background-color: #000;
  			display: inline;

    -webkit-transition-property: color;
    -webkit-transition-duration: 300ms;        
    -moz-transition-property: color;
    -moz-transition-duration: 300ms;
    -o-transition-property: color;
    -o-transition-duration: 300ms;
    transition-property: color;
    transition-duration: 300ms;
    
    color: #ccc;  			
			}
				
		#nav_work_categories2 a{ 
			text-decoration:none; 
			background:none; background-color:none; 			
			outline: none; color:#777; 
			padding:6px 13px;border-right: 0px dotted #ccc; border-left: 0px dotted #ccc; 
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;
			}
		
		#nav_work_categories2 a:active{ 
			text-decoration:none; 
			background:none; background-color:none; 			
			outline: none; color:#777; 
			padding:6px 13px;border-right: 0px dotted #ccc; border-left: 0px dotted #ccc; 
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;
			}	
			
		#nav_work_categories2 a:link{ 
			text-decoration:none; 
			background:none; background-color:none; 			
			outline: none; color:#777; 
			padding:6px 13px;border-right: 0px dotted #ccc; border-left: 0px dotted #ccc; 
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;
			}		
				
		#nav_work_categories2 a:hover{ 
			padding-top: 12px;
  			border-top: 3px solid #404040; 
			background-color:none; border-color:none; color:#ccc;
			padding-left:13px; border-bottom: 0px dotted #fff; border-right: 0px solid #fff; border-left: 0px solid #fff;

    -webkit-transition-property: color;
    -webkit-transition-duration: 300ms;        
    -moz-transition-property: color;
    -moz-transition-duration: 300ms;
    -o-transition-property: color;
    -o-transition-duration: 300ms;
    transition-property: color;
    transition-duration: 300ms;
			}								
	

		


/* FEATURED NAVIGATION */

			#featured{ 	
			padding-right: 40px; padding-top: 0px; padding-bottom: 5px; 
			font:7pt "Helvetica Neue", "Helvetica", Arial, sans-serif; 
			text-shadow: #000 0px .5px 0px; line-height:16px; vertical-align:left;
			background:rgba(0,0,0,0.0);					
			z-index:-1000;
			list-style:none; float: left; text-align: left; overflow: stack; 
			}
			
			#featured a {
			text-decoration:none; 
			outline: none; 
			color:#fff; 
			font-weight: 600;
			background:transparent;			
			border-top:0px solid #333;  margin-bottom:0px;
			-moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; 
   			-moz-border-radius-topright:0px;
    		-webkit-border-top-right-radius:0px;
			}			
			
			#featured a:link {
			font-size:5pt; font-weight: 600; text-decoration:none; 
			outline: none; 
			background:transparent;			
			color:#999;  
			-moz-box-shadow: 0px 0px 0px #000; 
			-webkit-box-shadow: 0px 0px 0px #000; 
			box-shadow: 0px 0px 0px #000; 
   			
   			-moz-border-radius-topright:0px;
    		-webkit-border-top-right-radius:0px;
			}	
*/			
			#featured a:hover{
			border-bottom:3px solid #333; 
			padding-bottom: 0px;

			-moz-border-radius-topleft:0px;
    		-webkit-border-top-left-radius:0px;
    		-moz-border-radius-topright:21px;
    		-webkit-border-top-right-radius:21px;
    		-moz-border-radius-bottomleft:0px;
    		-webkit-border-bottom-left-radius:0px;
    		-moz-border-radius-bottomright:21px;
    		-webkit-border-bottom-right-radius:21px;  
    		-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;	
    		}
  
			#featured > li {/*background:transparent none repeat scroll 0 0;*/ cursor:pointer; float:left; position:absolute; 
  			}
			#featured > li a:hover {
			border-bottom:3px solid #fff; ;
			padding-bottom: 0px;

			-webkit-transition: background 0.5s linear;
			-moz-transition: background 0.5s linear;
			-o-transition: background 0.5s linear;
			transition: background 0.5s linear;	
			
			}


/* FEATURED sub-menus*/
#featured ul {padding:0px; margin:0px; display:block; display:inline; background:rgba(0,0,0,0.0);

}
#featured li ul {
		padding-bottom: 0px;
		position:absolute; left:0px; top:0px; 
		margin-top:0px;
		margin-left:85px;
		width:95px; 
		line-height:12.5px;
    	color:#fff; /* for IE */ display:none; float: right;
    	background-color: #111;

    	-moz-border-radius-bottomleft:22px;
    	-webkit-border-bottom-left-radius:22px;
    	}
    
#featured li:hover ul {	

		
		display:block; 
		color:#fff; 
	
		-webkit-transition: background 0.5s linear;
		-moz-transition: background 0.5s linear;
		-o-transition: background 0.5s linear;
		transition: background 0.5s linear;	
		}

#featured li ul li{
font-style: italic;
		display:block; 
		margin:4px 0px; 
		padding-right: 4px;
		padding-left: 8px;
		border-top: /*dotted*/ 1px #fff;
    	list-style-type:none; float: left; 
    	}
    
#featured li ul li:first-child { border-top: none; }

#featured li ul li a {
			font-size: 10px; font-weight: 100; font-style: normal;
			display:block; color:none; 
			padding-top: 0px;
			padding-right: 4px;
			padding-left: 0px;

			margin-right: 0px;

			-moz-border-radius-topleft:0px;
    		-webkit-border-top-left-radius:0px;
    		-moz-border-radius-topright:21px;
    		-webkit-border-top-right-radius:21px;
    		-moz-border-radius-bottomleft:0px;
    		-webkit-border-bottom-left-radius:0px;
    		-moz-border-radius-bottomright:21px;
    		-webkit-border-bottom-right-radius:21px; 		

			background-color: none
			}
			
#featured li ul li a:hover { 
		color:#fff; 
		background-color: #111;

	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;	
}

/* FEATURED main submenu */
#featured #main { left:0px; top:-20px; padding-top:20px; background-color:none; color:#fff;
    z-index:999;  float: left;}




/* FEATURED NAVIGATION */
			#keyboard_nav-right justified{ 	
			padding-right: 140px; padding-top: 6px; padding-bottom: 0px; 
			font:8pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 200;
			text-shadow: #000 0px .5px 0px; line-height:22px; vertical-align:left;
			background:rgba(0,0,0,0.0);					
			z-index:6000;
			list-style:none; float: right; text-align: left; overflow: stack;
			}
			
			#keyboard_nav{ 	
			padding-left: 215px; padding-top: 4px; padding-bottom: 0px; 
			font:8pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 200;
			text-shadow: #000 0px .5px 0px; line-height:22px; vertical-align:left;
			background:rgba(0,0,0,0.0);					
			z-index:6000;
			list-style:none; float: left; text-align: left; overflow: stack;
			}
			
			#keyboard_nav a {
			z-index:6000;
			color:#fff; 
			background:transparent;			
			}			
			
			#keyboard_nav a:link {
			z-index:6000;
			font-size:7pt; font-weight: 400;
			background:transparent;			
			color:#fff;  
			}	
			
			#keyboard_nav a:hover{
			z-index:6000;
			background-color: #000;
    		}
  
			#keyboard_nav > li { background:transparent none repeat scroll 0 0; cursor:pointer; float:left; position:absolute; z-index:6000;
  			}
			#keyboard_nav > li a:hover {
			z-index:6000;
			padding-bottom: 0px;
			background-color: #000;			
			}

/* FEATURED sub-menus*/
#keyboard_nav ul {
			padding:0px; margin:0px; 
			display:block; display:inline; 
			background-color: none;
			z-index:6000;
			}
#keyboard_nav li ul {
		z-index:6000;
		padding-bottom: 11px;
		position:absolute; right:0px; top:0px; 
		margin-top:0px;
		margin-right:50px;
		width:90px; 
		line-height:12px;
    	color:#fff; /* for IE */ display:none; float: right;
    	}
    
#keyboard_nav li:hover ul {	
		z-index:6000;
		display:block; 
		color:#fff; 
		background-color: #000;			
		}

#keyboard_nav li ul li{
		z-index:6000;
		font-style: normal; font-size: 8pt;
		display:block; 
    	list-style-type:none; float: right; 
    	}
    
#keyboard_nav li ul li:first-child { border-top: none; z-index:6000;}

#keyboard_nav li ul li a {
			z-index:6000;
			font-weight: 100; font-style: normal; font-size: 8pt;
			display:block; color:none; 
			padding-top: 0px;
			padding-right: 0px;
			margin-right: 0px;	
			background-color: none;
			}
			
#keyboard_nav li ul li a:hover { 
		z-index:6000;
		color:#fff; 
		background-color: none;
}





		#work_scroll { padding-bottom: 100px;
			padding-left: 0px;
			}




		#work_thumb2 {padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 100px; color:#fff; /*font-size:11pt; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; */
			font:13pt Georgia, serif; font-style:italic; font-weight: 500; 
			text-shadow: #ccc 0px .5px 0px; /*line-height:500%; */ /* text-align: center;*/ text-align: center; float: center;
			background:0%; 
 			width: 100%;
			}

		#work_thumb2 a{ color: #fff;  background:#fff; 
			text-decoration:underline; 
			outline: none;  
			border-top:0px solid #ccc; margin:5px 5px 5px 5px; margin-bottom: 5px; 
			}			

/*		#work_thumb a:hover{ background-color:fff; color:#fff;
			border-top: 1px dotted #040404; border-bottom: 1px dotted #040404; border-image: 1px dotted #ccc; 
			height: 158px;
			padding-top: 138px;
		  	
		  	-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;	
			}	
*/			
		#work_thumb2 a:hover{ background-color:fff; color:#fff;
			border-top: 2px dotted #040404; border-bottom: 1px dotted #040404; border-image: 1px dotted #ccc; 
			height: 158px;
			padding-bottom: 20px;
		  	
		  	-webkit-transition: background 0.8s linear;
			-moz-transition: background 0.8s linear;
			-o-transition: background 0.8s linear;
			transition: background 0.8s linear;	
			}				
			

		#work_thumb2 ul { display: block; padding-bottom: 0px;  padding-top: 0px;
		margin-bottom: 10px; margin-top: 0px; 
		}

		#work_thumb2 ul li { display: inline; padding-bottom:15px; 
		margin-bottom: 10px; margin-top: 10px; padding-top: 10px;
		}



		
		#tools {
			width: 240px;
			margin: 0 30px;
			padding: 10px;
			border: solid 1px #303;
			background: #e1e1ff;
		}
		#tools img {vertical-align: middle; margin: 3px; cursor: pointer;}
		
		#content {}
		#content p {}