/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			20px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

	
#nav {
	height: 30px;
	width: 711px;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 20px;
	border-bottom: 2px solid #CED1D5;
	}
	
.sf-menu {
	float: left;
	margin: 0 auto;
	margin-bottom:	0;
	font-family:"Times New Roman",Georgia,Serif;
	font-size: 100%;
	font-variant: small-caps;
}
.sf-menu li a {
	padding: 0px;
	text-decoration:none;
}

.sf-menu li li a {
	padding: 10px 12px;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	padding-right: 	0px;
}
.sf-menu li.last {
}

.sf-menu li li {
	border: 1px solid #ddd;
	background: #fff;
	padding-right: 0;
	text-indent: 0;
}
.sf-menu li li li {
	border: 1px solid #ddd;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #A13629;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;
	min-width:		1px; */
}
.sf-sub-indicator {
	position:		absolute;
	display:		inline;
	/*right:			.75em;*/
	top:			1.05em; /* IE6 only */
	width:			1px;
	height:			1px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px;  8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


li.home {
background: url(nav_home.gif) no-repeat -0px 0px; width: 80px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#home li.home, li.home:hover {
background: url(nav_home.gif) no-repeat -0px -30px;
}

li.about {
background: url(nav_about.gif) no-repeat -0px 0px; width: 83px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#about li.about, li.about:hover {
background: url(nav_about.gif) no-repeat -0px -30px;
}

li.products {
background: url(nav_products.gif) no-repeat -0px 0px; width: 110px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#products li.products, li.products:hover {
background: url(nav_products.gif) no-repeat -0px -30px;
}

/*li.community {
background: url(nav_posse.gif) no-repeat -0px 0px; width: 100px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#community li.community, li.community:hover {
background: url(nav_posse.gif) no-repeat -0px -30px;
}*/

li.news {
background: url(nav_news.gif) no-repeat -0px 0px; width: 125px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#news li.news, li.news:hover {
background: url(nav_news.gif) no-repeat -0px -30px;
}

li.store {
background: url(nav_store.gif) no-repeat -0px 0px; width: 105px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#store li.store, li.store:hover {
background: url(nav_store.gif) no-repeat -0px -30px;
}

li.resources {
background: url(nav_resources.gif) no-repeat -0px 0px; width: 114px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#resources li.resources, li.resources:hover {
background: url(nav_resources.gif) no-repeat -0px -30px;
}

li.contact {
background: url(nav_contact.gif) no-repeat -0px 0px; width: 80px; height: 20px; position: relative; margin: 0 auto; text-indent: -6000px; z-index: 10;
}

#contact li.contact, li.contact:hover {
background: url(nav_contact.gif) no-repeat -0px -30px;
}

/*
.sf-menu li.home, .sf-menu li.home a:link, .sf-menu li.home a:visited,
.sf-menu li.about, .sf-menu li.about a:link, .sf-menu li.about a:visited,
.sf-menu li.products, .sf-menu li.products a:link, .sf-menu li.products a:visited,
.sf-menu li.community, .sf-menu li.community a:link, .sf-menu li.community a:visited,
.sf-menu li.news, .sf-menu li.news a:link, .sf-menu li.news a:visited,
.sf-menu li.contact, .sf-menu li.store a:link, .sf-menu li.resources a:visited,.sf-menu li.home a:link, .sf-menu li.home a:visited
{ 
display: inline; height: 30px; position: relative; margin: 0 auto; text-indent: -6000px; overflow: hidden; z-index: 10;
}

li.home { width: 54px; background: url(nav.gif) no-repeat -0px 0px; }
.sf-menu .home a:link, .nav .home a:visited { left: 0px; width: 54px; }
.sf-menu .home a:hover, .nav .home a:focus { background: url(nav.gif) no-repeat -0px -30px; } 
.sf-menu .home a:active { background: url(nav.gif) no-repeat -0px -30px; } 

li.about { width: 85px; background: url(nav.gif) no-repeat -68px 0px;  }
.sf-menu .about a:link, .sf-menu .about a:visited { left: 68px; width: 85px; }
.sf-menu .about a:hover, .sf-menu .about a:focus { background: url(nav.gif) no-repeat -68px -30px; } 
.sf-menu .about a:active { background: url(nav.gif) no-repeat -68px -30px; } 

li.products { width: 85px; }


li.community { width: 60px; }


li.news { width: 108px; }


li.store { width: 108px; }


li.resources { width: 108px; }


li.contact { width: 108px; }

.nav { width: 711px; height: 30px; background: url(nav.gif) no-repeat; position: relative; margin: 0 auto; }
.sf-menu li { display: inline; } 
.sf-menu li.home a:link, .sf-menu li.home a:visited,
.sf-menu li.about a:link, .sf-menu li.about a:visited,
.sf-menu li.products a:link, .sf-menu li.products a:visited,
.sf-menu li.community a:link, .sf-menu li.community a:visited,
.sf-menu li.news a:link, .sf-menu li.news a:visited,
.sf-menu li.store a:link, .sf-menu li.resources a:visited,.sf-menu li.home a:link, .sf-menu li.home a:visited
{ 
position: absolute; top: 0; height: 30px; text-indent: -7110px; overflow: hidden; z-index: 10; }

.nav .home a:link, .nav .home a:visited { left: 0px; width: 54px; }
.nav .home a:hover, .nav .home a:focus { background: url(nav.gif) no-repeat -0px -30px; } 
.nav .home a:active { background: url(nav.gif) no-repeat -0px -30px; } 
.current-home .home a:link, .current-home .home a:visited { background: url(nav.gif) no-repeat -0px -60px; cursor: default; } 
.nav-home, .nav-home-click { position: absolute; top: 0; left: 0px; width: 60px; height: 30px; background: url(nav.gif) no-repeat -0px -30px; } 
.nav-home-click { background: url(nav.gif) no-repeat -0px -60px; }

.nav .about a:link, .nav .about a:visited { left: 68px; width: 85px; }
.nav .about a:hover, .nav .about a:focus { background: url(nav.gif) no-repeat -68px -30px; } 
.nav .about a:active { background: url(nav.gif) no-repeat -68px -30px; } 
.current-about .about a:link, .current-about .about a:visited { background: url(nav.gif) no-repeat -68px -60px; cursor: default; } 
.nav-about, .nav-about-click { position: absolute; top: 0; left: 0px; width: 60px; height: 30px; background: url(nav.gif) no-repeat -68px -30px; } 
.nav-about-click { background: url(nav.gif) no-repeat -68px -60px; }

.nav .products a:link, .nav .products a:visited { left: 165px; width: 85px; }
.nav .products a:hover, .nav .products a:focus { background: url(nav.gif) no-repeat -165px -30px; } 
.nav .products a:active { background: url(nav.gif) no-repeat -165px -30px; } 
.current-products .products a:link, .current-products .products a:visited { background: url(nav.gif) no-repeat -165px -60px; cursor: default; } 
.nav-products, .nav-products-click { position: absolute; top: 0; left: 165px; width: 76px; height: 30px; background: url(nav.gif) no-repeat -165px -30px; } 
.nav-products-click { background: url(nav.gif) no-repeat -165px -90px; }

.nav .community a:link, .nav .community a:visited { left: 232px; width: 60px; }
.nav .community a:hover, .nav .community a:focus { background: url(nav.gif) no-repeat -232px -30px; } 
.nav .community a:active { background: url(nav.gif) no-repeat -232px -30px; } 
.current-community .community a:link, .current-community .community a:visited { background: url(nav.gif) no-repeat -232px -60px; cursor: default; } 
.nav-community, .nav-community-click { position: absolute; top: 0; left: 232px; width: 86px; height: 30px; background: url(nav.gif) no-repeat -232px -30px; } 
.nav-community-click { background: url(nav.gif) no-repeat -232px -90px; }


.nav .news a:link, .nav .news a:visited { left: 322px; width: 108px; }
.nav .news a:hover, .nav .news a:focus { background: url(nav.gif) no-repeat -322px -30px; } 
.nav .news a:active { background: url(nav.gif) no-repeat -322px -30px; } 
.current-news .news a:link, .current-news .news a:visited { background: url(nav.gif) no-repeat -322px -60px; cursor: default; } 
.nav-news, .nav-news-click { position: absolute; top: 0; left: 322px; width: 107px; height: 30px; background: url(nav.gif) no-repeat -322px -30px; } 
.nav-news-click { background: url(nav.gif) no-repeat -322px -90px; }


.nav .store a:link, .nav .store a:visited { left: 441px; width: 75px; }
.nav .store a:hover, .nav .store a:focus { background: url(nav.gif) no-repeat -441px -30px; } 
.nav .store a:active { background: url(nav.gif) no-repeat -441px -30px; } 
.current-store .store a:link, .current-store .store a:visited { background: url(nav.gif) no-repeat -441px -60px; cursor: default; } 
.nav-store, .nav-store-click { position: absolute; top: 0; left: 441px; width: 104px; height: 30px; background: url(nav.gif) no-repeat -441px -30px; } 
.nav-store-click { background: url(nav.gif) no-repeat -441px -90px; }


.nav .resources a:link, .nav .resources a:visited { left: 528px; width: 89px; }
.nav .resources a:hover, .nav .resources a:focus { background: url(nav.gif) no-repeat -528px -30px; } 
.nav .resources a:active { background: url(nav.gif) no-repeat -528px -30px; } 
.current-resources .resources a:link, .current-resources .resources a:visited { background: url(nav.gif) no-repeat -528px -60px; cursor: default; } 
.nav-resources, .nav-resources-click { position: absolute; top: 0; left: 528px; width: 108px; height: 30px; background: url(nav.gif) no-repeat -528px -30px; } 
.nav-resources-click { background: url(nav.gif) no-repeat -528px -90px; }


.nav .contact a:link, .nav .contact a:visited { left: 643px; width: 68px; }
.nav .contact a:hover, .nav .contact a:focus { background: url(nav.gif) no-repeat -633px -30px; } 
.nav .contact a:active { background: url(nav.gif) no-repeat -643px -30px; } 
.current-contact .contact a:link, .current-contact .contact a:visited { background: url(nav.gif) no-repeat -643px -60px; cursor: default; } 
.nav-contact, .nav-contact-click { position: absolute; top: 0; left: 633px; width: 78px; height: 30px; background: url(nav.gif) no-repeat -643px -30px; } 
.nav-contact-click { background: url(nav.gif) no-repeat -643px -90px; }
*/