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

* { margin: 0; padding: 0; }
body {  }
html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }
#page-wrap { width: 800px; margin: 10px auto; }

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


/* Specific to example two */

#example-two .list-wrap {display:inline; float:none; position:relative;  float:left; width:100%; text-align:left; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; }

#example-two ul { position:relative; list-style: none; text-align: left; margin:10px 0 auto 0; text-decoration:none !important;}
#example-two ul li a { display: block; border-bottom: 1px solid #F6F6F6; padding: 4px; color: #F6F6F6; }
#example-two ul li a:hover { background: #fff; color: white; }
#example-two ul li:last-child a { border: none; }

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

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