/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	/*width:9.45em;*/
	width:133px;
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
	margin-bottom:1.5em;
}
.nav li {
	/* background:#BDD2FF; 
	border-left:1px solid #fff;
	border-top:1px solid #CFDEFF;
	width:9.45em;*/
	width:133px;
}
.nav a {
	color: #13a;
	/*padding: .75em 0;*/
	width:133px;
	height:20px;
	text-decoration:none;
	text-indent: 2em;
}
.nav2 a {
	width:130px;
}
.nav a:active, .nav a:focus, .nav2 a:active, .nav2 a:focus {
border:none;border-width:0px;outline:0;
}
/*.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:#CFDEFF;
}
.nav li li {
	background:#AABDE6; 
}
.nav li li li {
	background:#9AAEDB;
}*/
#work {
	background-image:url(../images/nav_work_out.png);
}
#reel {
	background-image:url(../images/nav_reel_out.png);
}
#other {
	background-image:url(../images/nav_other_out.png);
}
.nav li.sfHover #work, #work span {
	background-image:url(../images/nav_work_over.png);
}
.nav li.sfHover a#reel:hover, #reel span {
	background-image:url(../images/nav_reel_over.png);
}
.nav li.sfHover a#other:hover, #other span {
	background-image:url(../images/nav_other_over.png);
}
#about {
	background-image:url(../images/nav_about_out.png);
}
#bio {
	background-image:url(../images/nav_bio_out.png);
}
#resume {
	background-image:url(../images/nav_resume_out.png);
}
#contact {
	background-image:url(../images/nav_contact_out.png);
}
.nav li.sfHover #about, #about span {
	background-image:url(../images/nav_about_over.png);
}
.nav li.sfHover a#bio:hover, #bio span {
	background-image:url(../images/nav_bio_over.png);
}
.nav li.sfHover a#resume:hover, #resume span {
	background-image:url(../images/nav_resume_over.png);
}
.nav li.sfHover a#contact:hover, #contact span {
	background-image:url(../images/nav_contact_over.png);
}