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

/* THE FOLLOWING ARE FOR THE LEFT SIDE NAVIGATION BUTTONS */

#nav {
	margin: 0px;
	padding: 0px;
}
#nav li {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 24px;
	width: 120px;
	list-style: none;
	overflow: hidden;
}
#nav li a, #nav li a:visited {
	text-decoration: none;
	display: block;
	height: 24px;
}

/* These are for the individual left side navigation buttons */

#navHome, #navHome a:link, #navHome a:active, #navHome a:visited {
	background: url(../images/nav/nav_home.gif) no-repeat 0px 0px;
}
#navHome a:hover {
	background: url(../images/nav/nav_home.gif) no-repeat -120px 0px;
}
#navPSDtoHTML, #navPSDtoHTML a:link, #navPSDtoHTML a:active, #navPSDtoHTML a:visited {
	background: url(../images/nav/nav_psdtohtml.gif) no-repeat 0px 0px;
}
#navPSDtoHTML a:hover {
	background: url(../images/nav/nav_psdtohtml.gif) no-repeat -120px 0px;
}
#navMaintenance, #navMaintenance a:link, #navMaintenance a:active, #navMaintenance a:visited {
	background: url(../images/nav/nav_maintenance.gif) no-repeat 0px 0px;
}
#navMaintenance a:hover {
	background: url(../images/nav/nav_maintenance.gif) no-repeat -120px 0px;
}
#navFlash, #navFlash a:link, #navFlash a:active, #navFlash a:visited {
	background: url(../images/nav/nav_flash.gif) no-repeat 0px 0px;
}
#navFlash a:hover {
	background: url(../images/nav/nav_flash.gif) no-repeat -120px 0px;
}
#navPhotoshop, #navPhotoshop a:link, #navPhotoshop a:active, #navPhotoshop a:visited {
	background: url(../images/nav/nav_photoshop.gif) no-repeat 0px 0px;
}
#navPhotoshop a:hover {
	background: url(../images/nav/nav_photoshop.gif) no-repeat -120px 0px;
}
#navAudio, #navAudio a:link, #navAudio a:active, #navAudio a:visited {
	background: url(../images/nav/nav_audio.gif) no-repeat 0px 0px;
}
#navAudio a:hover {
	background: url(../images/nav/nav_audio.gif) no-repeat -120px 0px;
}
#navAbout, #navAbout a:link, #navAbout a:active, #navAbout a:visited {
	background: url(../images/nav/nav_about.gif) no-repeat 0px 0px;
}
#navAbout a:hover {
	background: url(../images/nav/nav_about.gif) no-repeat -120px 0px;
}
#navContact, #navContact a:link, #navContact a:active, #navContact a:visited {
	background: url(../images/nav/nav_contact.gif) no-repeat 0px 0px;
}
#navContact a:hover {
	background: url(../images/nav/nav_contact.gif) no-repeat -120px 0px;
}