.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#example-one {margin: 40px 0 0 0;}

#example-one .nav { overflow: hidden; margin: 0 0 10px -18px;border-bottom:1px solid #ebebeb;padding-bottom:5px;}
#example-one .nav li { width: 97px; float: left;}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; color: #3a3a3a; border:0; border-right:1px solid #ebebeb;
text-align: center; height:20px; font:16px/22px 'Arimo', sans-serif; text-decoration:none;
-webkit-border-radius:	2px;
				-khtml-border-radius:	2px;
				border-radius:			2px;
				behavior: url(PIE.htc);
}
				
#example-one ul li.nav-one a.current,#example-one ul li.nav-two a.current,#example-one ul li.nav-three a.current, #example-one .nav li a:hover {text-decoration:none;
background: #373737 url("../images/gradient-bg-2.png") repeat-x top;
	    -o-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
	    -webkit-background-size: 100% 100%;
	    background-size: 100% 100%;
	    /* Internet Explorer */
	    *background: #373737;
	    background: #373737\0/;
	    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF464646, endColorstr=#FF373737);
	    /* Recent browsers */
	    background-image: -webkit-gradient(
	        linear,
	        left top, left bottom,
	        from(#464646),
	        to(#373737)
	    );
	    background-image: -webkit-linear-gradient(
	        top,
	        #464646,
	        #373737
	    );
	    background-image: -moz-linear-gradient(
	        top,
	        #464646,
	        #373737
	    );
	    background-image: -o-linear-gradient(
	        top,
	        #464646,
	        #373737
	    );
	    background-image: linear-gradient(
	        top,
	        #464646,
	        #373737
	    );
		

-moz-border-radius:	2px;
				-webkit-border-radius:	2px;
				-khtml-border-radius:	2px;
				border-radius:			2px;
				behavior: url(PIE.htc);
}

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.tab1 li a:hover {background: url(../images/button_bg.jpg) repeat-x;
height:20px;color: white; text-decoration:none;-moz-border-radius:	2px;
				-webkit-border-radius:	2px;
				-khtml-border-radius:	2px;
				border-radius:			2px;
				behavior: url(PIE.htc);}
#example-one ul li.nav-two a.current, #example-one ul.tab2 li a:hover {background: url(../images/button_bg.jpg) repeat-x; 
height:20px;color: white; text-decoration:none;-moz-border-radius:	2px;
				-webkit-border-radius:	2px;
				-khtml-border-radius:	2px;
				border-radius:			2px;
				behavior: url(PIE.htc);}
#example-one ul li.nav-three a.current, #example-one ul.tab3 li a:hover {background: url(../images/button_bg.jpg) repeat-x; 
height:20px;color: white; text-decoration:none;-moz-border-radius:	2px;
				-webkit-border-radius:	2px;
				-khtml-border-radius:	2px;
				border-radius:			2px;
				behavior: url(PIE.htc);}



/* Specific to example two */

#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;text-decoration:none;}