.swatch {
	height:40px;
	width:40px;
	color:#FFFFFF;
	margin-right:12px;
	margin-left:12px;
	font-size:10px;
	border:thin solid #000000;
	display:inline-block;
	text-align:center;	
	vertical-align:middle;
	line-height:4em;
	position:relative;
	top:-8px;
	text-decoration:none;	
	}
	
.swatch:hover {
	border:thin solid #2cffca;
	}
	
	
	
#black {
	background-color:#000000;
	border:thin solid #FFFFFF;
	}
	
#black:hover {
	background-color:#000000;
	border:thin solid #2cffca;
	}
	
#teal {
	background-color:#00809e;
	}
	
#creme {
	background-color:#fff2d3;
	color:#000000;
	}
	
#gold {
	background-color:#ffb200;
	color:#000000;
	}
	
#white {
	background-color:#FFFFFF;
	color:#000000;
	}

#eggplant {
	background-color:#73304f;
	}
	
#olive {
	background-color:#4f540c;
	}
	
#striped {
	background-image:url(../images/colors/AshWhiteStripe.gif);
	background-repeat:repeat;
	color:#000000;
	}
	
#heather {
	background-image:url(../images/colors/HeatherGrey.gif);
	background-repeat:repeat;
	color:#000000;
	}

	

#safari-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#poison-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#atomic-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#city-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#emsk-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#dark-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#mlk-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#spray-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#free-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#turntables-nav a.activeSlide { 
	border:thin solid #2cffca;
	}
	
#crow-nav a.activeSlide { 
	border:thin solid #2cffca;
	}