/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }

#page-wrap { width: 540px; margin: 10px auto; }


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }




/* Specific to example two */

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

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; height: 40px; }

#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: 125px; 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: #000; color: white; font-size: 18px; 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;}


/* Specific to example three */

#example-three .list-wrap { background: #eee; padding: 20px; margin: 0 0 15px 0; line-height: 20px; }

#example-three ul { list-style: none; }
#example-three ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666;}

#example-three ul li a:hover { background: #333; color: white; }
#example-three ul li:last-child a { border: none; }

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

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


/* Specific to example four */

#example-four .list-wrap { background: #eee; padding: 20px; margin: 0 0 15px 0; line-height: 20px; }

#example-four ul { list-style: none; }
#example-four ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666;}

#example-four ul li a:hover { background: #333; color: white; }
#example-four ul li:last-child a { border: none; }

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

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