/**
 * @author Ilarte Urian
 * http://www.directworksmedia.com
 */
root { 
    display: block;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;/**
 * @author Ilarte Urian
 * http://www.directworksmedia.com
 */
root {
    display: block;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font:13px Arial, Helvetica, sans-serif;
	z-index: 10;
}

#nav a {
	display: block;
	color:#67797b;
	text-decoration:none;
	font-weight:bold;
	background-color:#ffffff;
}

#nav li { /* all list items */
	float: left;
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 168px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align: left;
}

#nav ul li a {
	padding:3px 7px 5px;
	font-size:0.9em;
}

#nav ul li a:hover {
	background-color:#d9e8f4;
	color: #0098d8;
}

#nav ul li {
	position:relative;
	border-right:1px solid #d4e5ed;
	border-left:1px solid #d4e5ed;
	width:198px;
	margin-left:20px;
}

#nav ul li.no-left {
	margin-left:0px;
}

#nav ul li.top-border {
	border-top:1px solid #d4e5ed;
}

#nav ul li.bottom-border {
	border-bottom:1px solid #d4e5ed;
}

#nav .sub {
	background:#ffffff url(../img/arrow.gif) 186px 8px no-repeat
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 188px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	width: 168px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}


/* Custom Begin */
ul.menu .top_menu{display:none;}

ul.menu .home {background:url(../img/nav-home-off.jpg); height:34px; width:89px;}
ul.menu .home:hover {background:url(../img/nav-home-on.jpg) no-repeat; width:89px;}

ul.menu .about {background:url(../img/nav-about-off.jpg); height:34px; width:100px;}
ul.menu .about:hover {background:url(../img/nav-about-on.jpg) no-repeat; width:100px;}

ul.menu .product-lines {background:url(../img/nav-product-off.jpg); height:34px; width:140px;}
ul.menu .product-lines:hover {background:url(../img/nav-product-on.jpg) no-repeat; width:140px;}

ul.menu .other-products {background:url(../img/nav-other-off.jpg); height:34px; width:176px;}
ul.menu .news:other-products {background:url(../img/nav-other-on.jpg) no-repeat; width:176px;}

ul.menu .product-support {background:url(../img/nav-support-off.jpg); height:34px; width:157px;}
ul.menu .product-support:hover {background:url(../img/nav-support-on.jpg) no-repeat; width:157px;}

ul.menu .promotions {background:url(../img/nav-promotions-off.jpg); height:34px; width:122px;}
ul.menu .promotions:hover {background:url(../img/nav-promotions-on.jpg) no-repeat; width:122px;}

ul.menu .contact {background:url(../img/nav-contact-off.jpg); height:34px; width:116px;}
ul.menu .contact:hover {background:url(../img/nav-contact-on.jpg) no-repeat; width:116px;}

	line-height: 1;
	font:13px Arial, Helvetica, sans-serif;
	z-index: 10;
}

#nav a {
	display: block;
	color:#67797b;
	text-decoration:none;
	font-weight:bold;
	background-color:#ffffff;
}

#nav li { /* all list items */
	float: left;
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 168px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align: left;
}

#nav ul li a {
	padding:3px 7px 5px;
	font-size:0.9em;
}

#nav ul li a:hover {
	background-color:#d9e8f4;
	color: #0098d8;
}

#nav ul li {
	position:relative;
	border-right:1px solid #d4e5ed;
	border-left:1px solid #d4e5ed;
	width:198px;
	margin-left:10px;
}

#nav ul li.no-left {
	margin-left:0px;
}

#nav ul li.top-border {
	border-top:1px solid #d4e5ed;
}

#nav ul li.bottom-border {
	border-bottom:1px solid #d4e5ed;
}

#nav .sub {
	background:#ffffff url(../img/arrow.gif) 186px 8px no-repeat
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 188px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	width: 168px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	
}

#content {
	clear: left;
	color: #ccc;
}


/* Custom Begin */
ul.menu .top_menu{display:none;}

ul.menu .home {background:url(../img/sp-nav-home-off.jpg); height:34px; width:68px;}
ul.menu .home:hover {background:url(../img/sp-nav-home-on.jpg) no-repeat; width:68px;}

ul.menu .about {background:url(../img/sp-nav-about-off.jpg); height:34px; width:157px;}
ul.menu .about:hover {background:url(../img/sp-nav-about-on.jpg) no-repeat; width:157px;}

ul.menu .product-lines {background:url(../img/sp-nav-lines-off.jpg); height:34px; width:160px;}
ul.menu .product-lines:hover {background:url(../img/sp-nav-lines-on.jpg) no-repeat; width:160px;}

ul.menu .other-products {background:url(../img/sp-nav-other-off.jpg); height:34px; width:163px;}
ul.menu .news:other-products {background:url(../img/sp-nav-other-on.jpg) no-repeat; width:163px;}

ul.menu .product-support {background:url(../img/sp-nav-support-off.jpg); height:34px; width:129px;}
ul.menu .product-support:hover {background:url(../img/sp-nav-support-on.jpg) no-repeat; width:129px;}

ul.menu .promotions {background:url(../img/sp-nav-promotions-off.jpg); height:34px; width:114px;}
ul.menu .promotions:hover {background:url(../img/sp-nav-promotions-on.jpg) no-repeat; width:114px;}

ul.menu .contact {background:url(../img/sp-nav-contact-off.jpg); height:34px; width:109px;}
ul.menu .contact:hover {background:url(../img/sp-nav-contact-on.jpg) no-repeat; width:109px;}

#tag {
background:url(../img/sp-tag.jpg) bottom right no-repeat;
}