#slide {	line-height: 14px; padding:0; margin:0; list-style:none; width:160px; height:315px; position:relative; overflow:hidden; font-family:  Helvetica, Arial, Verdana, sans-serif; font-size:13px; }
 
#slide li.sub,
#slide li.top
{display:block; font-weight: bold;float:left; width:190px; text-decoration:none; overflow:hidden; cursor:pointer;}
 
#slide li.sub { height: 15px; }
 
/*
#slide li.top a {text-decoration:none; color:#000; display:block; font-weight: bold; }
#slide li.top a:hover {color:#FFD83C; font-weight: bold; }
*/

#slide li.activeWork a:link, #slide li.activeWork a:visited {text-decoration:none; color:#ff46de; display:block; font-weight: bold; }
#slide li.activeWork a:hover {color:#ff46de; font-weight: bold; }
#slide li.activeAbout a:link, #slide li.activeAbout a:visited {text-decoration:none; color:#ffe033; display:block; font-weight: bold; }
#slide li.activeAbout a:hover {color:#ffe033; font-weight: bold; }
#slide li.activeContact a:link, #slide li.activeContact a:visited {text-decoration:none; color:#99ff66; display:block; font-weight: bold; }
#slide li.activeContact a:hover {color:#99ff66; font-weight: bold; }

#slide li.activeHome a:link, #slide li.activeHome a:visited {text-decoration:none; color:#57e8f9; display:block; font-weight: bold; }
#slide li.activeHome a:hover {color:#57e8f9; font-weight: bold; }

#slide li.activeProject a:link,#slide li.activeProject a:visited {text-decoration:none; color:#bababa; display:block; font-weight: normal; }
#slide li.activeProject a:hover {color:#bababa; font-weight: normal; }
.activeProject {color: #bababa;}

a.linkContact:link, a.linkContact:visited {	text-decoration:none; color: #000000; }
a.linkContact:hover { color: #99ff66; }

a.linkHome:link, a.linkHome:visited {	text-decoration:none; color: #000000; }
a.linkHome:hover { color: #57e8f9; }

a.linkWork:link, a.linkWork:visited {	text-decoration:none; color: #000000; }
a.linkWork:hover { color: #ff46de; }

a.linkAbout:link, a.linkAbout:visited {	text-decoration:none; color: #000000; }
a.linkAbout:hover { color: #ffe033; }

a.linkProjects:link, a.linkProjects:visited {	text-decoration:none; color: #000000; }
a.linkProjects:hover { color: #bababa; }

 
#slide li.clicked {color:#BBBBBB; font-weight: bold; }
 
/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div { width:160px; padding:0 15px; font-family: Helvetica, Arial, Verdana, sans-serif; text-indent:0;}
 
#slide li div ul {line-height: 14px; padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; width:100%; font-weight: normal;}
#slide li div ul li a {padding:0; margin:0;color:#bababa; text-decoration:none;font-size:13px; display:block; width:100%; text-indent:10px;}
#slide li div ul li a:hover {color:#ffffff;}



.contentLayer {
	position:absolute;
	left:213px;
	top:237px;
	width:395px;
	height:1px;
	z-index:9;
	visibility: hidden;
}

.contentLayer a:link {color:#FF46DF;text-decoration: none;}
.contentLayer a:visited {color:#FF46DF;text-decoration: none;}
.contentLayer a:hover {color:#FFFFFF;text-decoration: none;}
.contentLayer a:active {color:#FFFFFF;text-decoration: none;}