@charset "utf-8";
/* CSS Document */

#navigation {
	float:left;
	width: 821px;
	height: 40px;
	margin: 0;
	padding: 11px 0 0 10px;
	background: url(../grfx/nav-bg.png) 0px 0px no-repeat;
}

#navigation ul {
	font-size: 0.7em;
	width: 542px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../grfx/nav.jpg) 0px 0px no-repeat;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#navigation li a {
	border: 0;
	display: block;
	height: 40px;
	text-decoration: none;
}

#navigation li a span {
	display:none;
}

#navigation li#home a {
	width: 64px;
}
#navigation li#home a.active,
#navigation li#home a:hover {
	background: url(../grfx/nav.jpg) 0px -41px no-repeat;
}

#navigation li#about-us a {
	width: 66px;
}
#navigation li#about-us a.active,
#navigation li#about-us a:hover {
	background: url(../grfx/nav.jpg) -64px -41px no-repeat;
}

#navigation li#services a {
	width: 83px;
}
#navigation li#services a.active,
#navigation li#services a:hover {
	background: url(../grfx/nav.jpg) -130px -41px no-repeat;
}

#navigation li#gallery a {
	width: 76px;
}
#navigation li#gallery a.active,
#navigation li#gallery a:hover {
	background: url(../grfx/nav.jpg) -213px -41px no-repeat;
}

#navigation li#news a {
	width: 60px;
}
#navigation li#news a.active,
#navigation li#news a:hover {
	background: url(../grfx/nav.jpg) -289px -41px no-repeat;
}

#navigation li#blog a {
	width: 55px;
}
#navigation li#blog a.active,
#navigation li#blog a:hover {
	background: url(../grfx/nav.jpg) -349px -41px no-repeat;
}
#navigation li#shop a {
	width: 57px;
}
#navigation li#shop a.active,
#navigation li#shop a:hover {
	background: url(../grfx/nav.jpg) -404px -41px no-repeat;
}

#navigation li#contact-us a {
	width: 81px;
}
#navigation li#contact-us a.active,
#navigation li#contact-us a:hover {
	background: url(../grfx/nav.jpg) -461px -41px no-repeat;
}


* html #navigation li ul { 
	position: absolute;
	z-index: 20;
	margin: 0;
	width: 150px;
	padding: 0 0 5px 0;
	left: -999em;
	background-color:#4d5c53;
	/*background: url(../grfx/nav-bottom-bg.png) bottom left no-repeat;
	filter:alpha(opacity=80);*/
}

#navigation li ul { 
	position: absolute;
	z-index: 20;
	margin: 0;
	width: 150px;
	padding: 0;
	left: -999em;
	background-color:#4d5c53;
	/*background: url(../grfx/nav-bottom-bg.png) bottom left no-repeat;*/
}

#navigation li ul li {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 22px;
}

#navigation li:hover ul, 
#navigation li li:hover ul, 
#navigation li.sfhover ul, 
#navigation li li.sfhover ul { 
	left: auto;
}

*:first-child+html #navigation li:hover, 
*:first-child+html #navigation li li:hover, 
*:first-child+html #navigation li.sfhover, 
*:first-child+html #navigation li li.sfhover { 
	left: auto;
	position: static;
}

#navigation li ul li a {
	padding: 0 0 0 11px;
	display: block;
	height: 22px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../grfx/sub-nav-bg.jpg) top left no-repeat !important;
	font-size: 11px;
	line-height: 22px;
	text-decoration: none;
	width: 149px !important;
	text-align: left;
}

#navigation li ul li a:hover {
	text-decoration: none;
	color: #000000;
	background: url(../grfx/li_hover.jpg) top left no-repeat;
}