/* Main Navigation
======================================================================================= */
ul#navigation {
	float: right;
	height: 11px;
	display: inline;
	margin: 12px 0 4px 12px;
}

ul#navigation li {
	margin: 0 30px 0 0;
	float: left; display: inline;
}

ul#navigation li a {
	font-size: 1px; color: #000; text-indent: -3000px;
}

ul#navigation li.about a {
	display: block;
	width: 49px; height: 11px;
	background: url(../images/link_about.gif) no-repeat;
}

ul#navigation li.services a {
	display: block;
	width: 58px; height: 11px;
	background: url(../images/link_services.gif) no-repeat;
}

ul#navigation li.gallery a {
	display: block;
	width: 58px; height: 11px;
	background: url(../images/link_gallery.gif) no-repeat;
}

ul#navigation li.tips a {
	display: block;
	width: 92px; height: 11px;
	background: url(../images/link_tips.gif) no-repeat;
}

ul#navigation li.contact a {
	display: block;
	width: 68px; height: 11px;
	background: url(../images/link_contact.gif) no-repeat;
}

ul#navigation li.contact {
	margin: 0 15px 0 0;
}

ul#navigation li.contact-active {
	margin: 0 15px 0 0;
}

ul#navigation li.about-active a {
	display: block;
	width: 49px; height: 11px;
	background: url(../images/link_about_over.gif) no-repeat;
}

ul#navigation li.services-active a {
	display: block;
	width: 58px; height: 11px;
	background: url(../images/link_services_over.gif) no-repeat;
}

ul#navigation li.gallery-active a {
	display: block;
	width: 58px; height: 11px;
	background: url(../images/link_gallery_over.gif) no-repeat;
}

ul#navigation li.tips-active a {
	display: block;
	width: 92px; height: 11px;
	background: url(../images/link_tips_over.gif) no-repeat;
}

ul#navigation li.contact-active a {
	display: block;
	width: 68px; height: 11px;
	background: url(../images/link_contact_over.gif) no-repeat;
}

ul#navigation li.about a:hover    { background: url(../images/link_about_over.gif) no-repeat; }
ul#navigation li.services a:hover { background: url(../images/link_services_over.gif) no-repeat; }
ul#navigation li.gallery a:hover  { background: url(../images/link_gallery_over.gif) no-repeat; }
ul#navigation li.tips a:hover     { background: url(../images/link_tips_over.gif) no-repeat; }
ul#navigation li.contact a:hover  { background: url(../images/link_contact_over.gif) no-repeat; }


/* Misc
======================================================================================= */
ul#navigation li a:active, a:focus { outline: 0; }
ul#navigation li a:active, a:focus { outline: 0; }
#logo a:active, a:focus { outline: 0; }