/*
	 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; }
p { font-size: 15px; margin: 0 0 15px 0; }
#page-wrap { width: 600px; margin: 20px 150px;}

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


/* Specific to example one */

#example-one {
padding: 10px; margin: 0 0 15px 0; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 130px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #5E463F; color: white; font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #820025; }

 
#example-one ul { list-style: none; }
#example-one ul li a { display: block; padding: 4px; color: #5E463F; }
#example-one ul li a:hover { background: #820025; color: white; }
#example-one ul li:last-child a { border: none; }


#example-one ul li.nav-one a.current, #example-one ul.blog1 li a:hover { background-color: #820025; color: white; }
#example-one ul li.nav-two a.current, #example-one ul.blog2 li a:hover { background-color: #820025; color: white; }
#example-one ul li.nav-three a.current, #example-one ul.blog3 li a:hover { background-color: #820025; color: white; }



/* Specific to example two */