/* CSS Document */
/*
File	 			css/common.css
Version				1.00
Description			Nav CSS Elements
URL					www.greenbrae.co.uk
Copyright Notice	© Copyright Lazy Grace Ltd.
*/


/* Nav Items */
div#nav_container {
	padding: 0;
	margin: 0;
	width: 850px;
	height: 34px;
	background: transparent;
}
div#nav_left {
	padding: 0;
	margin: 0;
	width: 33px;
	height: 34px;
	background: transparent;
	float: left;
	clear: left;
}
div#nav_right {
	padding: 0;
	margin: 0;
	width: 174px;
	height: 34px;
	background: transparent;
	float: left;
}

/* Home */
.nav_home {
	padding: 0;
	margin: 0;
	width: 52px;
	height: 34px;
	background: url('../images/nav/home.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_home a {
	padding: 0;
	margin: 0;
	display: block;
	width: 52px;
	height: 34px;
	background: url('../images/nav/home.gif') top left no-repeat;
}
.nav_home span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_home a:hover {
	background-image: none;
}
.nav_home a:active {
	color: black;
}
.nav_home_off {
	padding: 0;
	margin: 0;
	width: 52px;
	height: 34px;
	background: url('../images/nav/home.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* About */
.nav_about {
	padding: 0;
	margin: 0;
	width: 106px;
	height: 34px;
	background: url('../images/nav/about.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_about a {
	padding: 0;
	margin: 0;
	display: block;
	width: 106px;
	height: 34px;
	background: url('../images/nav/about.gif') top left no-repeat;
}
.nav_about span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_about a:hover {
	background-image: none;
}
.nav_about a:active {
	color: black;
}
.nav_about_off {
	padding: 0;
	margin: 0;
	width: 106px;
	height: 34px;
	background: url('../images/nav/about.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* Philosophy */
.nav_philosophy {
	padding: 0;
	margin: 0;
	width: 108px;
	height: 34px;
	background: url('../images/nav/philosophy.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_philosophy a {
	padding: 0;
	margin: 0;
	display: block;
	width: 108px;
	height: 34px;
	background: url('../images/nav/philosophy.gif') top left no-repeat;
}
.nav_philosophy span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_philosophy a:hover {
	background-image: none;
}
.nav_philosophy a:active {
	color: black;
}
.nav_philosophy_off {
	padding: 0;
	margin: 0;
	width: 108px;
	height: 34px;
	background: url('../images/nav/philosophy.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* Products */
.nav_products {
	padding: 0;
	margin: 0;
	width: 70px;
	height: 34px;
	background: url('../images/nav/products.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_products a {
	padding: 0;
	margin: 0;
	display: block;
	width: 70px;
	height: 34px;
	background: url('../images/nav/products.gif') top left no-repeat;
}
.nav_products span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_products a:hover {
	background-image: none;
}
.nav_products a:active {
	color: black;
}
.nav_products_off {
	padding: 0;
	margin: 0;
	width: 70px;
	height: 34px;
	background: url('../images/nav/products.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* Shows and Events */
.nav_shows {
	padding: 0;
	margin: 0;
	width: 110px;
	height: 34px;
	background: url('../images/nav/shows.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_shows a {
	padding: 0;
	margin: 0;
	display: block;
	width: 110px;
	height: 34px;
	background: url('../images/nav/shows.gif') top left no-repeat;
}
.nav_shows span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_shows a:hover {
	background-image: none;
}
.nav_shows a:active {
	color: black;
}
.nav_shows_off {
	padding: 0;
	margin: 0;
	width: 110px;
	height: 34px;
	background: url('../images/nav/shows.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* News */
.nav_news {
	padding: 0;
	margin: 0;
	width: 49px;
	height: 34px;
	background: url('../images/nav/news.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_news a {
	padding: 0;
	margin: 0;
	display: block;
	width: 49px;
	height: 34px;
	background: url('../images/nav/news.gif') top left no-repeat;
}
.nav_news span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_news a:hover {
	background-image: none;
}
.nav_news a:active {
	color: black;
}
.nav_news_off {
	padding: 0;
	margin: 0;
	width: 49px;
	height: 34px;
	background: url('../images/nav/news.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* Ordering */
.nav_ordering {
	padding: 0;
	margin: 0;
	width: 68px;
	height: 34px;
	background: url('../images/nav/ordering.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_ordering a {
	padding: 0;
	margin: 0;
	display: block;
	width: 68px;
	height: 34px;
	background: url('../images/nav/ordering.gif') top left no-repeat;
}
.nav_ordering span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_ordering a:hover {
	background-image: none;
}
.nav_ordering a:active {
	color: black;
}
.nav_ordering_off {
	padding: 0;
	margin: 0;
	width: 68px;
	height: 34px;
	background: url('../images/nav/ordering.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* Contacts */
.nav_contacts {
	padding: 0;
	margin: 0;
	width: 80px;
	height: 34px;
	background: url('../images/nav/contacts.gif') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.nav_contacts a {
	padding: 0;
	margin: 0;
	display: block;
	width: 80px;
	height: 34px;
	background: url('../images/nav/contacts.gif') top left no-repeat;
}
.nav_contacts span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_contacts a:hover {
	background-image: none;
}
.nav_contacts a:active {
	color: black;
}
.nav_contacts_off {
	padding: 0;
	margin: 0;
	width: 80px;
	height: 34px;
	background: url('../images/nav/contacts.gif') 0 -68px no-repeat;
	float: left;
	list-style: none;
}

/* Lazy Grace */
.lazygrace {
	padding: 0;
	margin: 0;
	width: 180px;
	height: 46px;
	background: url('../images/nav/lazygrace.gif') 0 -46px no-repeat;
	float: left;
	list-style: none;
}
.lazygrace a {
	padding: 0;
	margin: 0;
	display: block;
	width: 180px;
	height: 46px;
	background: url('../images/nav/lazygrace.gif') top left no-repeat;
}
.lazygrace span {
	display: block;
	margin: 0;
	padding: 0;
}
.lazygrace a:hover {
	background-image: none;
}
.lazygrace a:active {
	color: black;
}