/* NAV 
***************************/

#nav {
	padding:0;
	margin:0;
	position:fixed;
	top:0;
	left:0;
	width:120px;
	height:100%;
	z-index:3;
	background:#000;
	zoom:1;
}


#nav ul {
    list-style: none;
    width: 170px;
	padding:0;
	margin:0;
	width:120px;
	height:100%;
	zoom:1;
    }

#nav li {
    position: relative;
    display: table;
    width:120px;
	text-align:center;
	height:20%;
	font-weight:bold;
	font-size:0.7em;
	zoom:1;
    }


#nav ul a {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
	zoom:1;
    }

#nav a {
	text-decoration:none;
	color:#fff;
	zoom:1;
	display:block;
    }

	#nav a.selected, #nav a.selected:hover {
		background:#000;
	    }

#nav a:hover {
    }

#nav a span { display:inline; }

  b.special {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    /*following is IEMac hack.  Needs width to exist
      margin negates width*/
    width: 1px;
    margin-left: -1px;
    } 

#navAbout {	background-color:#990100;}
#navPaintings {	background-color:#a45601;}
#navIllustration {background-color:#54815a;}
#navComics {background-color:#938e6e;}
#navContact {background-color:#10353b;}


#navAbout a:hover { background-color:#b34140; }
#navPaintings a:hover {	background-color:#bb8041; }
#navIllustration a:hover {	background-color:#7fa183; }
#navComics a:hover  { background-color:#aeaa92;}
#navContact a:hover { background-color:#4c686c;}