/* @override http://www.colorstoryhome.com/includes/templates/colorstory/css/nav.css */

#nav {
	background-color: #656565;
	width: 100%;
	float: left;
	margin: 1px 0;
	padding-top: 0px;
}

#nav #nav-left {
	width: 300px;
	float: left;
	height: 35px;
	padding: 0;
}
		
			#nav #nav-left a {
				border-right: 1px solid #fff;
				padding: 10px 15px;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-size: 11px;
				color: #fff;
				text-decoration: none;
				display: inline-block;
				float: left;
				font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
			}

			#nav #nav-left a:hover {
				background-color: #333;
			}

div#cats {
	background-color: #e2e2e2;
	padding: 18px 0 6px 0;
	color: #656565;
	float: left;
	margin-top: -4px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

	div#cats ul {
		text-align: left;
		list-style-type: none;
		margin: 0 5px;
	}
	
		div#cats ul li {
			float: left;
		}
		
			div#cats ul li a {
				color: #656565;
				font-weight: bold;
				text-decoration: none;
				text-transform: lowercase;
				border-right: 1px solid #656565;
				padding: 1px 12px 3px 12px;
				margin: 0px 0px 10px 0px;
				font-size: 11px;
				display: block;
			}

			div#cats ul li a:hover {
				color: #000;
			}