/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/
/*
* { margin: 0; padding: 0; }
body { font: 12px Georgia, serif; }
html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }
p { font-size: 15px; margin: 0 0 20px 0; }
#page-wrap { width: 499px; margin: 80px auto; }
h1 { font: bold 40px Sans-Serif; margin: 0 0 20px 0; }
*/
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example two */
#example-two{background:url(../images/BG_Whole.png) no-repeat; background-position:0px 25px;}

#example-two .list-wrap {  padding:5px 0px 4px 13px; margin: 0px; width:445px;}

#example-two ul { list-style:none; }
#example-two ul li a { display:block; padding:4px; color:#666; }
#example-two ul li a:hover { background:#444; color:white; }
/*
#example-two ul li:last-child a { border: none; }
*/

#example-two .organicNav { overflow:hidden; padding:3px 0px 2px 9px;}
#example-two .organicNav li { float:left; margin:0px 3px 0px 0px; }
#example-two .organicNav li.last { margin-right: 0; }
#example-two .organicNav li a { display: block; padding:7px 20px 5px 20px; background:url(../images/BG_TabComm.png) no-repeat top left; color:#d6d6d6; font-size:14px; line-height:16px; font-weight:normal; text-align:left; font-family:Arial,Verdana, Geneva,Tahoma, Geneva, sans-serif; }

#example-two li a.current,#example-two li a.current:hover { background:url(../images/BG_TabON.png) no-repeat top left; color:black; }
#example-two .organicNav li a:hover, #example-two .organicNav li a:focus { background:url(../images/BG_TabON.png) repeat; color: #343434;}