/***** Header *****/
#header {
	position: relative;
	height: 56px;
	width: 630px;
}

#header {
	position: fixed;
	z-index: 100;
	color: #fff;
	background: #fff ; /* #E9E9E9; */
	width: 100%;
	box-shadow: 0px -4px 20px #888;
}


#header h1 {
	position: absolute;
	width: 167px;
	height: 42px;
	top: 7px;
	left: 7px;
	background: url(/wp-content/themes/blox/stackla-homepage/images/interface/stackla-logo.png) no-repeat 0 0;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}
#header ul {
	float: right;
	margin: 0;
	padding: 0;
}
#header ul.social-media li {
	float: left;
	margin: 10px 10px 0 0;
	padding: 0;
	width: 35px;
	height: 35px;
	list-style-type: none;
}
#header ul.social-media li a {
	display: block;
	height: 35px;
	background: url(/wp-content/themes/blox/stackla-homepage/images/interface/social-icons.png) no-repeat 0 0;
	text-indent: -9999px;
}
#header ul.social-media .tw a {background-position: -46px 0;}
#header ul.social-media .em a {background-position: -92px 0;}

#header ul.social-media .fb a:hover {background-position: 0 -46px;}
#header ul.social-media .tw a:hover {background-position: -46px -46px;}
#header ul.social-media .em a:hover {background-position: -92px -46px;}

#amt {
	display: none;
}


#primary-nav {
	font-size: 14px;
	float: right;
	height: 26px;
	margin: 5px 30px 0 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#zilla-mobile-menu { display: none; }

#primary-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 26px;
}

#primary-nav ul a {
	display: block;
	position: relative;
}

#primary-nav ul li {
	float: left;
	position: relative;
	z-index: 40;
}

#primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#primary-nav ul ul {
	position: absolute;
	top: -9999em;
	width: 180px; /* left offset of submenus need to match (see below) */
}

#primary-nav ul ul li { width: 100%; }

/*  Make sub menus appear -------------------------------------------------*/
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {
	left: -1px;
	top: 46px; /* match top ul list item height */
	z-index: 99;
}

/* Hide all subs subs (4 levels deep) -------------------------------------*/
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) ---------------------------------*/
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul {
	left: 180px; /* match .nav ul width */
	top: -1px;
}

/* top level skin ---------------------------------------------------------*/
#primary-nav ul a {
	padding: 0 10px;
	color: #464646;
	font-weight: bold;
	height: 46px;
	line-height: 46px;
	text-decoration: none;
	font-size: 1.0em;
}

#primary-nav ul a:hover,
#primary-nav ul li.sfHover a,
#primary-nav > ul li.current-cat a,
#primary-nav > ul li.current_page_item a,
#primary-nav > ul li.current-menu-item a {
	text-decoration: none;
}

/* 2nd level skin --------------------------------------------------------*/
#primary-nav ul ul {
	padding: 12px 0;
	background: #000;
	border-radius: 3px;
}

#primary-nav ul ul li {
	height: 26px;
	line-height: 26px;
	float: none;
	background: none;
}

#primary-nav ul li.sfHover ul li a,
#primary-nav ul ul li a {
	color: #ffffff;
	line-height: 26px;
	height: 26px;
	padding: 0 15px;
}

#primary-nav ul li.sfHover ul li a:hover,
#primary-nav ul ul li a:hover { color: #fff; }
