/* CSS Document */
/*
File	 			css/nav.css
Version				1.00
Description			Nav CSS Elements
URL					???
Copyright Notice	© Copyright Lazy Grace Ltd.
*/

/* Nav */

.nav {
	margin: 0;
	width: 800px;
	height: 28px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 57px;
	margin-left: 22px;
	background-color: transparent;
	background-image: url(../images/common/nav_bg.gif);
	background-repeat: no-repeat;
}
.nav_sep {
	padding: 0;
	margin: 0;
	width: 1px;
	height: 45px;
	background-image: url(../images/nav/sep.jpg);
	background-repeat: no-repeat;
	float: left;
	list-style: none;
}

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


/* The Cottages */
.thecottages {
	padding: 0; margin: 0; width: 133px; height: 28px; background: url('../images/nav/butt_thecottages.gif') 0 -28px no-repeat; float: left; list-style: none; background-image:
}
.thecottages a {
	margin: 0; padding: 0; display: block; width: 133px; height: 28px; background: url('../images/nav/butt_thecottages.gif') top left no-repeat;
}
.thecottages span {
	display: block; margin: 0; padding: 0;
}
.thecottages a:hover {
	background-image: none;
}
.thecottages a:active {
	color: black;
}


/* Out and About */
.outandabout {
	padding: 0; margin: 0; width: 140px; height: 28px; background: url('../images/nav/butt_outandabout.gif') 0 -28px no-repeat; float: left; list-style: none; background-image:
}
.outandabout a {
	margin: 0; padding: 0; display: block; width: 140px; height: 28px; background: url('../images/nav/butt_outandabout.gif') top left no-repeat;
}
.outandabout span {
	display: block; margin: 0; padding: 0;
}
.outandabout a:hover {
	background-image: none;
}
.outandabout a:active {
	color: black;
}


/* The Region */
.theregion {
	padding: 0; margin: 0; width: 115px; height: 28px; background: url('../images/nav/butt_theregion.gif') 0 -28px no-repeat; float: left; list-style: none; background-image:
}
.theregion a {
	margin: 0; padding: 0; display: block; width: 115px; height: 28px; background: url('../images/nav/butt_theregion.gif') top left no-repeat;
}
.theregion span {
	display: block; margin: 0; padding: 0;
}
.theregion a:hover {
	background-image: none;
}
.theregion a:active {
	color: black;
}


/* Getting Here */
.gettinghere {
	padding: 0; margin: 0; width: 131px; height: 28px; background: url('../images/nav/butt_gettinghere.gif') 0 -28px no-repeat; float: left; list-style: none; background-image:
}
.gettinghere a {
	margin: 0; padding: 0; display: block; width: 131px; height: 28px; background: url('../images/nav/butt_gettinghere.gif') top left no-repeat;
}
.gettinghere span {
	display: block; margin: 0; padding: 0;
}
.gettinghere a:hover {
	background-image: none;
}
.gettinghere a:active {
	color: black;
}


/* Contact */
.contact {
	padding: 0; margin: 0; width: 97px; height: 28px; background: url('../images/nav/butt_contact.gif') 0 -28px no-repeat; float: left; list-style: none; background-image:
}
.contact a {
	margin: 0; padding: 0; display: block; width: 97px; height: 28px; background: url('../images/nav/butt_contact.gif') top left no-repeat;
}
.contact span {
	display: block; margin: 0; padding: 0;
}
.contact a:hover {
	background-image: none;
}
.contact a:active {
	color: black;
}