@charset "utf-8";
/* WWW - nav.css */


/* Nav - Main (Level 1) */

#nav-container {
height:31px;
background:#fff url('/images/bg-nav-main.png') repeat-x;
}

ul#nav-main {
height:31px;
margin:0; padding:0;
}

ul#nav-main li a {
text-indent:-9999em;
background-repeat:no-repeat;
height:31px;
margin:0;
padding:0;
outline:none;
white-space:nowrap;
text-decoration:none;
}


li#nav-main-home a			{ width:76px; background-image:url('/images/nav-main-home.png'); }
li#nav-main-experience a	{ width:114px; background-image:url('/images/nav-main-experience.png'); }
li#nav-main-how a			{ width:102px; background-image:url('/images/nav-main-how.png'); }
li#nav-main-products a		{ width:79px; background-image:url('/images/nav-main-products.png'); }
li#nav-main-buy a			{ width:41px; background-image:url('/images/nav-main-buy.png'); }
li#nav-main-support a		{ width:73px; background-image:url('/images/nav-main-support.png'); }
li#nav-main-faq a			{ width:39px; background-image:url('/images/nav-main-faq.png'); }
li#nav-main-news a			{ width:53px; background-image:url('/images/nav-main-news.png'); }
li#nav-main-company a		{ width:73px; background-image:url('/images/nav-main-company.png'); }

ul#nav-main li a:hover,
ul#nav-main li#navsfHover a,
ul#nav-main li:hover a,
ul#nav-main li.sfover a,
ul#nav-main li.active a,
ul#nav-main li.current a {
background-position:0 -31px;
}

body#home li#nav-main-home ul.nav-sub {
display:none !important;
}
ul#nav-main ul a {
background:none;
}



/* Nav - Sub (Level 2) */

ul.nav-sub {
background:transparent url('/images/bg-nav-sub2.gif') repeat-x !important;
width:970px !important;
height:28px !important;
list-style:none;
}
ul.nav-sub li {
background:none;
padding:0 0 0 21px;
}
ul.nav-sub li.first {
padding-left:21px;
}

ul.nav-sub li a {
text-indent:0 !important;
text-align:bottom;
line-height:30px;
color:#fff !important;
/*font-weight:bold;*/
font-size:.7em;
height:30px;
width:auto !important;
}


ul.nav-sub li a:hover,
ul.nav-sub li.active a,
ul.nav-sub li.sfover a,
ul.nav-sub li#navsfHover a,
ul#nav-sub li.current a,
ul.nav-sub li:hover a {
color:#ffd376 !important;
}




/* Nav - Level 3 */

ul#nav-main ul ul {
width:150px !important;
font-size:1em;
list-style:none;
margin-top:-2px;
margin-left:15px;
}
ul#nav-main ul ul li {
margin:0;
padding:0;
background:none !important;
background:#688ab9 url('/images/bg-nav-level3.jpg') repeat-y !important;
background-position:0 0 !important;
}
ul#nav-main ul ul li a {
height:auto !important;
width:120px !important;
color:#fff !important;
text-decoration:none;
padding:8px 15px;
border-bottom:1px solid #fff;
line-height:1em;
}
ul#nav-main ul ul li.active a,
ul#nav-main ul ul li a:hover {
color:#ffd376 !important;
}


ul#nav-main ul ul li:hover,
ul#nav-main ul ul li.sfover,
ul#nav-main ul ul li#navsfHover,
ul#nav-main ul ul li:hover {
background:#bfc0c4 url('/images/bg-nav-level3-over.jpg') repeat-y !important;
}
ul#nav-main ul ul li:hover a,
ul#nav-main ul ul li.sfover a,
ul#nav-main ul ul li#navsfHover a,
ul#nav-main ul ul li:hover a {
background:transparent url('/images/bullet-nav-level3.gif') no-repeat !important;
background-position:0px 9px !important;
}

/* Nav - Content */

ul.nav-content {
margin:0 0 1em 0;
padding:0;
list-style:none;
text-align:right;
}
ul.nav-content li {
margin:0;
padding:0 15px 0 0;
display:inline;
}
ul.nav-content li.first {
padding-left:0;
}
ul.nav-content li.last {
padding-right:0;
}
ul.nav-content a {
font-weight:bold;
text-decoration:none;
padding-bottom:2px;	
}

ul.nav-content a:hover {
text-decoration:none;
border-bottom:2px solid #fdbb30;
padding-bottom:2px;	
}
ul.nav-content li.active a {
color:#7a7a7a;
border-bottom:2px solid #fdbb30;
}

/* Make Home - Level 2 Nav show "blank" */
li#nav-main-home ul.nav-sub {
background:none !important;
}