#navigation{
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 0px 0px;
	float: left;
	width: 950px;
}

#navigation li{
	display: block;
	float: left;
	height: 36px;
	/*cursor: pointer;*/
	margin: 0px 0px 10px 0px;
	position: relative;
}

#navigation li a, #navigation li a:visited {
	display: block;
	float: left;
	text-decoration: none;
	height: 36px;
}

#navigation li a:visited {
	text-decoration: none;
}

 ul.sub{
	top: 36px;
	left: 0px;
	position: absolute;
	display: none;
	background-color: #000;
	border: 1px solid #262626;
	width: 128px;
	margin: 0px;
	padding: 20px;
	float: left;
	clear: both;
}

#navigation li ul.sub li {
	text-transform: capitalize;
	background-color: #000;
	float: none;
	margin: 0px;
	height: 15px;
	margin: 2px 0;
	padding: 2px 0;
	border-bottom: 1px solid #262626;
	
}

#navigation li ul.sub li a{
	text-transform: uppercase;
	color: #7f7e7e;
	font-size: 12px;
	background-image: none;
	height: auto;
	padding: 0px;
	width: 148px;
}

#navigation li ul.sub li a:hover {
	text-decoration: underline;
}

#site_name a, #site_name a:visited {
	width: 200px;
	background: url(../img/navigation.png) no-repeat scroll 0 0;
}

#site_name a:hover {
	width: 200px;
	background: url(../img/navigation.png) no-repeat scroll 0 -38px;
}

#about a, #about a:visited {
	width: 100px;
	background: url(../img/navigation.png) no-repeat scroll  -200px 0px;
}

#about a:hover, #about.active a {
	width: 100px;
	background: url(../img/navigation.png) no-repeat scroll  -200px -38px;
}

#collections a, #collections a:visited {
	width: 170px;
	background: url(../img/navigation.png) no-repeat scroll  -300px 0px;
}

#collections a:hover, #collections.active a {
	width: 170px;
	background: url(../img/navigation.png) no-repeat  -300px -38px;
}

#stockists a, #stockists a:visited {
	width: 140px;
	background: url(../img/navigation.png) no-repeat scroll  -470px 0px;
}

#stockists a:hover, #stockists.active a {
	width: 140px;
	background: url(../img/navigation.png) no-repeat scroll  -470px -38px;
}

#gallery a, #gallery a:visited {
	width: 120px;
	background: url(../img/navigation.png) no-repeat scroll  -610px 0px;
}

#gallery a:hover, #gallery.active a {
	width: 120px;
	background: url(../img/navigation.png) no-repeat scroll  -610px -38px;
}

#news a, #news a:visited {
	width: 80px;
	background: url(../img/navigation.png) no-repeat scroll  -730px 0px;
}

#news a:hover, #news.active a {
	width: 80px;
	background: url(../img/navigation.png) no-repeat scroll  -730px -38px;
}

#contact a, #contact a:visited {
	width: 122px;
	background: url(../img/navigation.png) no-repeat scroll  -810px 0px;
}

#contact a:hover, #contact.active a {
	width: 122px;
	background: url(../img/navigation.png) no-repeat scroll  -810px -38px;
}

#logo{
	background: url(../img/logobottomright.jpg) no-repeat;
	z-index: 1;
	width: 176px;
	height: 155px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}