@charset "UTF-8";
/* CSS Document */

/* ----------------- nav wrapper (contains bg image) */
	div#navwrap {
	width: 710px;
	height:24px;
	float:left;
	background-image:url(../images/navbg.jpg);
	background-repeat:no-repeat;
	}


/* ----------------- overall navigation */

#nav {
	position:relative;
	display:block;
	
	text-decoration: none;
	width: 680px;
	margin-left:15px;
	}


			#nav ul {
			float: left;
			list-style: none;
			margin: 0 0 0 0;
			width: 680px;
			}
			
			#nav a {
			display: block;
			height: 23px;
			text-align:center;
			color:#FFFFFF;
			
			text-decoration: none;
			font-size: 1.5em;
			font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			margin-top: 1px;
			
			}
			
			#nav a:active {
			color:#000000;
			}
			
			
					#nav a:hover {
					color: #000;
					margin-top:1px;
					}
			
			
			#nav li {
			float: left;
			}
			
			
			
			
			
			

					li.home a {
					display:block;
					height: 23px;
					width: 77px;
					text-align: center;
					color: #FFF;
					text-decoration: none;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight:bold;
					}
					
					li.home a:hover, li.home a:active {
					display:block;
					background-image: url(../images/nav/home_over.jpg);
					background-repeat:no-repeat;
					width: 77px;
					font-weight:bold;
					}	
					
					li.homeactive, li.homeactive a:hover, li.homeactive a:active, li.homeactive a:link {
					display:block;
					background-image: url(../images/nav/home_over.jpg);
					background-repeat:no-repeat;
					width: 77px;
					font-weight:bold;
					margin-top: 1px;
					font-size: 1.5em;

					
					height: 23px;
					color: #000;
					text-align: center;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					line-height: 23px;
					}
			
			
			
			
					li.threed a {
					display:block;
					height: 23px;
					width: 54px;
					text-align: center;
					color: #FFF;
					text-decoration: none;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight:bold;
					}
					
					li.threed a:hover, li.threed a:active {
					display:block;
					background-image: url(../images/nav/3d_over.jpg);
					background-repeat:no-repeat;
					width: 54px;
					font-weight:bold;
					}
					
					
					li.threedactive, li.threedactive a:hover, li.threedactive a:active, li.threedactive a:link {
					display:block;
					background-image: url(../images/nav/3d_over.jpg);
					background-repeat:no-repeat;
					width: 54px;
					font-weight:bold;
					margin-top: 1px;
					
					height: 23px;
					color: #000;
					text-align: center;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					line-height: 23px;
					}		
	
	
	
	
	
					li.twod a {
					display:block;
					height: 23px;
					width: 54px;
					text-align: center;
					color: #FFF;
					text-decoration: none;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight:bold;
					}
					
					li.twod a:hover, li.twod a:active {
					display:block;
					background-image: url(../images/nav/2d_over.jpg);
					background-repeat:no-repeat;
					width: 54px;
					font-weight:bold;
					}	
	
	
					li.twodactive, li.twodactive a:hover, li.twodactive a:active, li.twodactive a:link {
					display:block;
					background-image: url(../images/nav/2d_over.jpg);
					background-repeat:no-repeat;
					width: 54px;
					font-weight:bold;
					margin-top: 1px;
					
					height: 23px;
					color: #000;
					text-align: center;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					line-height: 23px;
					}	
					
						
	
	
	
					li.sketch a {
					display:block;
					height: 23px;
					width: 84px;
					text-align: center;
					color: #FFF;
					text-decoration: none;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight:bold;
					}
					
					li.sketch a:hover, li.sketch a:active {
					display:block;
					background-image: url(../images/nav/sketch_over.jpg);
					background-repeat:no-repeat;
					width: 84px;
					font-weight:bold;
					}	
	
					li.sketchactive, li.sketchactive a:hover, li.sketchactive a:active, li.sketchactive a:link {
					display:block;
					background-image: url(../images/nav/sketch_over.jpg);
					background-repeat:no-repeat;
					width: 84px;
					font-weight:bold;
					margin-top: 1px;
					
					height: 23px;
					color: #000;
					text-align: center;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					line-height: 23px;
					}
	





					li.animation a {
					display:block;
					height: 23px;
					width: 110px;
					text-align: center;
					color: #FFF;
					text-decoration: none;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight:bold;
					}
					
					li.animation a:hover, li.animation a:active {
					display:block;
					background-image: url(../images/nav/anim_over.jpg);
					background-repeat:no-repeat;
					width: 110px;
					font-weight:bold;
					}	


					li.animationactive, li.animationactive a:hover, li.animationactive a:active, li.animationactive a:link {
					display:block;
					background-image: url(../images/nav/anim_over.jpg);
					background-repeat:no-repeat;
					width: 110px;
					font-weight:bold;
					margin-top: 1px;
					
					height: 23px;
					color: #000;
					text-align: center;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					line-height: 23px;
					}
			
			
			
					li.resume a {
					display:block;
					height: 23px;
					width: 90px;
					text-align: center;
					color: #FFF;
					text-decoration: none;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight:bold;
					}
					
					li.resume a:hover, li.resume a:active {
					display:block;
					background-image: url(../images/nav/resume_over.jpg);
					background-repeat:no-repeat;
					width: 90px;
					font-weight:bold;
					}	

					li.resumeactive, li.resumeactive a:hover, li.resumeactive a:active, li.resumeactive a:link {
					display:block;
					background-image: url(../images/nav/resume_over.jpg);
					background-repeat:no-repeat;
					width: 90px;
					font-weight:bold;
					margin-top: 1px;
					
					height: 23px;
					color: #000;
					text-align: center;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					line-height: 23px;
					}				
			
			
					
					
					li.contact a {
					display:block;
					height: 23px;
					width: 101px;
					text-align: center;
					color: #FFF;
					text-decoration: none;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight:bold;
					}
					
					li.contact a:hover, li.contact a:active {
					display:block;
					background-image: url(../images/nav_over.jpg);
					background-repeat:no-repeat;
					width: 101px;
					font-weight:bold;
					}
			
			
					li.contactactive, li.contactactive a:hover, li.contactactive a:active, li.contactactive a:link {
					display:block;
					background-image: url(../images/nav_over.jpg);
					background-repeat:no-repeat;
					width: 101px;
					font-weight:bold;
					margin-top: 1px;
					
					height: 23px;
					color: #000;
					text-align: center;
					font-size: 1.5em;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					line-height: 23px;
				
					}
					
							
			
			
			
					#nav li a{
					line-height: 23px;
					}