/*** ESSENTIAL STYLES ***/
.menubutton {
	float:right;
	display:block;
	width: 40px;
	height:34px;
	background:url(../images/menu-button.png) no-repeat;
	margin:auto;
	outline:none;
}
.menubutton:hover {
	background:url(../images/menu-button-o.png) no-repeat;
	outline:none;
}
.menubutton a, .menubutton a:active {
	outline:none;
}

.sf-menu {
	display:none; 
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
    float:right;
	width: 1024px;
    max-width:90%;
    position:absolute;
    top:80px;
}

.sf-menu li {
    padding:0 5px;
}

.nw {
	text-wrap:none;
	white-space: nowrap;
}
.sf-menu a {
	display: block;
	cursor: pointer;
	margin: 0;
	color: #222;
	text-decoration:none;
	text-align:right;
	padding: 0;
	outline:none;
}

.sf-menu a:link, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #222;
}
.sf-menu a:hover, .sf-menu a.active {
    color: #444;
    text-decoration:underline;
}
.sf-menu ul li a:hover {
	background:none;
}
.sf-menu ul {
	margin:0;
	background:transparent;
}
.sf-menu ul li {
	width:100px;
    padding:0 20px 0 0;
	margin:0;
	font-size:0.8em;
}
.sf-menu ul li a {
	padding:0 10px;
	margin:0;
}