/*websites navigation*/
.websites-navigation { width: 100%; height: 114px; overflow:hidden; position:absolute; top:0; z-index:300}
.websites-navigation a { float: left; display: inline; width: 96px; height: 101px; text-align: center; font-size: 11px; line-height: 14px; text-transform: uppercase; color: #8d8d8d; font-family: 'walkway_black', sans-serif; letter-spacing: 2px; position: relative; padding-top: 17px; background: url(images/nav-a-background-hover.png) }
.websites-navigation a.active,
.websites-navigation a:hover {background:url(images/nav-a-background.png); text-decoration: none}
.websites-navigation a.last,
.websites-navigation a.last:hover {cursor:default; background: url(images/nav-a-background-hover.png)}
.websites-navigation a span { display: block; width: 70px; height: 55px; background: url(images/nav-sprite.png) no-repeat 0 0; margin: 0 auto 0; text-indent:-4000px}
.websites-navigation a span.sep {position:absolute; left:0; height:100%; background: url(images/nav-sep.png) no-repeat left center;}

.websites-navigation .outer-shell { margin: 0 auto;}
.websites-navigation .outer-shell .inner-shell { position:relative;  float:left; }
.websites-navigation .outer-shell .inner-shell .right-bg,
.websites-navigation .outer-shell .inner-shell .left-bg { position:absolute; top: 0; height: 100%; width:9999px; background: url(images/nav-background.png) repeat-x 0 0;  }
.websites-navigation .outer-shell .inner-shell .right-bg { left: 100%; }
.websites-navigation .outer-shell .inner-shell .left-bg { right: 100%; }

.websites-navigation .icon-1:hover .logo,
.websites-navigation .icon-1.active .logo { background-position: 15px 0; }
.websites-navigation .icon-2:hover .logo,
.websites-navigation .icon-2.active .logo { background-position: -82px 0; }
.websites-navigation .icon-3:hover .logo,
.websites-navigation .icon-3.active .logo { background-position: -177px 0; }
.websites-navigation .icon-4:hover .logo,
.websites-navigation .icon-4.active .logo { background-position: -273px 0; }
.websites-navigation .icon-5:hover .logo,
.websites-navigation .icon-5.active .logo { background-position: -368px 0; }
.websites-navigation .icon-6:hover .logo,
.websites-navigation .icon-6.active .logo { background-position: -465px -2px; }
.websites-navigation .icon-7:hover .logo,
.websites-navigation .icon-7.active .logo { background-position: -560px 0; }

/*yellow color scheme*/
.color-scheme-yellow .websites-navigation a,
.color-scheme-yellow .websites-navigation a.last,
.color-scheme-yellow .websites-navigation a.last:hover { background: url(images/nav-a-background-hover-cabedge.png)}
.color-scheme-yellow .websites-navigation a.active,
.color-scheme-yellow .websites-navigation a:hover {background:url(images/nav-a-background-cabedge.png); }

.color-scheme-yellow .websites-navigation .outer-shell .inner-shell .right-bg,
.color-scheme-yellow .websites-navigation .outer-shell .inner-shell .left-bg { background: url(images/nav-background-cabedge.png) repeat-x 0 0;  }
/*end websites navigation */

@media only screen and (max-width: 1000px) {
	.color-scheme-yellow .websites-navigation,
	.color-scheme-gray .websites-navigation {display:none}
	body.color-scheme-yellow,
	body.color-scheme-gray {padding-top:0}
}