@charset "utf-8";

ul#nav li {
	padding:0;
	margin:0;
	height:34px;
	float:left;
	position:relative;
}
*:first-child+html ul#nav,
*:first-child+html ul#nav ul,
*:first-child+html ul#nav ul li,
*:first-child+html ul#nav ul li a {
	zoom:1;
}
ul#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	display:none;
}
ul#nav ul li {
	float:none;
	height:49px;
	position:static;
}
ul#nav ul li a {
	text-indent:-9999px;
	width:142px;
	height:49px;
}
ul#nav ul li a#vectorsnav {
	display:block;
	background:url(../media/images/main_nav/bgSubMenuImages.png) no-repeat left top;
}
ul#nav ul li a#vectorsnav:hover {
	background:url(../media/images/main_nav/bgSubMenuImages.png) no-repeat right top;
}
ul#nav ul li a#rastersnav {
	display:block;
	background:url(../media/images/main_nav/bgSubMenuImages.png) no-repeat left -49px;
}
ul#nav ul li a#rastersnav:hover {
	background:url(../media/images/main_nav/bgSubMenuImages.png) no-repeat right -49px;
}
ul#nav ul li a#sketchesnav {
	display:block;
	background:url(../media/images/main_nav/bgSubMenuImages.png) no-repeat left -98px;
}
ul#nav ul li a#sketchesnav:hover {
	background:url(../media/images/main_nav/bgSubMenuImages.png) no-repeat right -98px;
}
#homenav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_01.gif) no-repeat left;
	text-indent:-9999px;
	width:88px;
	height:34px;
	}
	
#homenav:hover {
	background-position:right;
	}
	
#homecurrent,
body.home #homenav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_01.gif) no-repeat;
	text-indent:-9999px;
	width:88px;
	height:34px;
	}	

#imagesnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_02.gif) no-repeat left;
	text-indent:-9999px;
	width:99px;
	height:34px;
	}
	
#imagesnav:hover {
	background-position:right;
	}
	
#imagescurrent,
body.images #imagesnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_02.gif) no-repeat;
	text-indent:-9999px;
	width:99px;
	height:34px;
	}
	
#videonav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_03.gif) no-repeat left;
	width:89px;
	height:34px;
	text-indent:-9999px;
	}
	
#videonav:hover {
	background-position:right;
	}
	
#videocurrent,
body.video #videonav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_03.gif) no-repeat;
	text-indent:-9999px;
	width:89px;
	height:34px;
	}
	
#webnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_07.gif) no-repeat left;
	width:69px;
	height:34px;
	text-indent:-9999px;
	}
	
#webnav:hover {
	background-position:right;
	}

#webcurrent,
body.web #webnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_07.gif) no-repeat;
	text-indent:-9999px;
	width:69px;
	height:34px;
	}

#blognav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_08.gif) no-repeat left;
	text-indent:-9999px;
	width:88px;
	height:34px;
	}
	
#blognav:hover {
	background-position:right;
	}
	
#blogcurrent,
body.blog #blognav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_08.gif) no-repeat;
	text-indent:-9999px;
	width:88px;
	height:34px;
	}
	
#blogcurrent:hover,
body.blog #blognav:hover {
	background-position:right;
	}
		
#etcnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_04.gif) no-repeat left;
	width:69px;
	height:34px;
	text-indent:-9999px;
	}
	
#etcnav:hover {
	background-position:right;
	}

#etccurrent {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_04.gif) no-repeat;
	text-indent:-9999px;
	width:69px;
	height:34px;
	}
		
#contactnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_05.gif) no-repeat left;
	width:113px;
	height:34px;
	text-indent:-9999px;
	}
	
#contactnav:hover {
	background-position:right;
	}
	
#contactcurrent,
body.contact #contactnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_05.gif) no-repeat;
	text-indent:-9999px;
	width:113px;
	height:34px;
	}	
		
#aboutnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_06.gif) no-repeat left;
	width:92px;
	height:34px;
	text-indent:-9999px;
	}
	
#aboutnav:hover {
	background-position:right;
	}

#aboutcurrent,
body.about #aboutnav {
	padding:0;
	float:left;
	background:url(../media/images/main_nav/nav_button_current_06.gif) no-repeat;
	text-indent:-9999px;
	width:92px;
	height:34px;
	}