/*** ESSENTIAL STYLES ***/

/*main-nav*/
:focus {outline:none;}
.main-nav {
	width: 618px;
	list-style: none;
	padding: 0px;
}
.main-nav li {
	float: left;
	list-style-type: none;
	background: none;
	padding: 0px;
}
.main-nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}

.main-nav li a{
	height: 38px;
	display: block;
	text-decoration: none;
	background: url(../img/main-nav.png) no-repeat;
	outline:none;
}

.main-nav li#btn-01 a{ width: 75px; background-position: left top;}
.main-nav li#btn-01 a:hover, .main-nav li#btn-01 a.current, .main-nav li#btn-01 a.activeLink { background-position: left bottom;}

.main-nav li#btn-02 a{ width: 77px; background-position: -75px top;}
.main-nav li#btn-02 a:hover, .main-nav li#btn-02 a.current,.main-nav li#btn-02 a.activeLink {background-position: -75px bottom;}

.main-nav li#btn-03 a{ width: 125px; background-position: -152px top;}
.main-nav li#btn-03 a:hover, .main-nav li#btn-03 a.current, .main-nav li#btn-03 a.activeLink { background-position: -152px bottom;}

.main-nav li#btn-07 a{ width: 83px; background-position: -277px top;}
.main-nav li#btn-07 a:hover, .main-nav li#btn-07 a.current,.main-nav li#btn-07 a.activeLink { background-position: -277px bottom;}

.main-nav li#btn-04 a{ width: 91px; background-position: -360px top;}
.main-nav li#btn-04 a:hover, .main-nav li#btn-04 a.current, .main-nav li#btn-04 a.activeLink { background-position: -360px bottom;}

.main-nav li#btn-05 a{ width: 101px; background-position: -451px top;}
.main-nav li#btn-05 a:hover, .main-nav li#btn-05 a.current,.main-nav li#btn-05 a.activeLink { background-position: -451px bottom;}

.main-nav li#btn-06 a{ width: 66px; background-position: right top;}
.main-nav li#btn-06 a:hover, .main-nav li#btn-06 a.current,.main-nav li#btn-06 a.activeLink { background-position: right bottom;}




.main-nav li a span {visibility: hidden;}

.main-nav li:hover ul,
.main-nav li.sfHover ul {
	top: 95px;
	z-index:	99;
	position: absolute;
	height: 20px;
}

/*sf-submenu*/
.main-nav li .sf-submenu {
	list-style: none;
	position: absolute;
	top: -999em;
	background: none;
	padding: 0px 0px 7px 0px;
	z-index: 99999;
	left: 0px;
	width: 700px;
	height: 20px;
}

.main-nav li .sf-submenu li{
	float: left;
	width: auto !important;
	height: 20px;
}

.main-nav li .sf-submenu li a{
	height: 20px;
	width: auto !important;
	font: normal 1.3em/1.3em Arial, Helvetica, sans-serif;
	padding: 0px 5px;
	background-image: none;
	color: #6f6f6f;
	float: left;
}
.main-nav li .sf-submenu li a:hover{ color: #7dba16;}