/* CSS Document */
/* Copyright 2009 The Grey Wolves. All rights reserved. */

ul#nav {
	width: 100%;
	height: 52px;
	background: url('/assets/images/navbg.jpg') repeat-x;
	float: left;
}
ul#nav li {
	float: left;
	margin-top: 13px;
}

ul#nav li.home { background: transparent url('/assets/images/nav/home.jpg') no-repeat; margin-left: 34px; }
ul#nav li.gwx3 { background: transparent url('/assets/images/nav/gwx3.jpg') no-repeat; }
ul#nav li.gwx4 { background: transparent url('/assets/images/nav/gwx4.jpg') no-repeat; }
ul#nav li.downloads { background: transparent url('/assets/images/nav/downloads.jpg') no-repeat; }
ul#nav li.support { background: transparent url('/assets/images/nav/support.jpg') no-repeat; }
ul#nav li.about { background: transparent url('/assets/images/nav/about.jpg') no-repeat; }
ul#nav li.contact { background: transparent url('/assets/images/nav/contact.jpg') no-repeat; }

ul#nav a { 
	display: block;
	height: 0;
	padding-top: 27px;
	color:#000;
	overflow: hidden;
}

ul#nav a#homeLink { width: 72px; background: transparent url('/assets/images/nav/home-over.jpg') -250px -90px no-repeat;}
ul#nav a#gwx3Link { width: 112px; background: transparent url('/assets/images/nav/gwx3-over.jpg') -250px -90px no-repeat;}
ul#nav a#gwx4Link { width: 140px; background: transparent url('/assets/images/nav/gwx4-over.jpg') -250px -90px no-repeat;}
ul#nav a#downloadsLink { width: 121px; background: transparent url('/assets/images/nav/downloads-over.jpg') -250px -90px no-repeat;}
ul#nav a#supportLink { width: 94px; background: transparent url('/assets/images/nav/support-over.jpg') -250px -90px no-repeat;}
ul#nav a#aboutLink { width: 212px; background: transparent url('/assets/images/nav/about-over.jpg') -250px -90px no-repeat;}
ul#nav a#contactLink { width: 120px; background: transparent url('/assets/images/nav/contact-over.jpg') -250px -90px no-repeat;}

ul#nav a#homeLink:hover,
ul#nav a#gwx3Link:hover, 
ul#nav a#gwx4Link:hover, 
ul#nav a#downloadsLink:hover, 
ul#nav a#supportLink:hover, 
ul#nav a#aboutLink:hover, 
ul#nav a#contactLink:hover
{background-position: 0 0; z-index:50;}

#home ul#nav a#homeLink, #home ul#nav a#homeLink:hover { 
	background: transparent url('/assets/images/nav/home-on.jpg') no-repeat; }
#gwx3 ul#nav a#gwx3Link, #gwx3 ul#nav a#gwx3Link:hover {
	background: transparent url('/assets/images/nav/gwx3-on.jpg') no-repeat; }
#gwx4 ul#nav a#gwx4Link, #gwx4 ul#nav a#gwx4Link:hover {  
	background: transparent url('/assets/images/nav/gwx4-on.jpg') no-repeat; }
#downloads ul#nav a#downloadsLink, #downloads ul#nav a#downloadsLink:hover {  
	background: transparent url('/assets/images/nav/downloads-on.jpg') no-repeat; }
#support ul#nav a#supportLink, #support ul#nav a#supportLink:hover {  
	background: transparent url('/assets/images/nav/support-on.jpg') no-repeat; }
#about ul#nav a#aboutLink, #about ul#nav a#aboutLink:hover {  
	background: transparent url('/assets/images/nav/about-on.jpg') no-repeat; }
#contact ul#nav a#contactLink, #contact ul#nav a#contactLink:hover {  
	background: transparent url('/assets/images/nav/contact-on.jpg') no-repeat; }
	
#subNav {
	margin-top: 0.5em;
	float:left;
	width: 95.5%;

	padding-top: 0.5em;
}
#subNav li {
	float:left;
	margin-right: 2em;
}
#subNav li a {
	display: block;
	text-transform: uppercase;
	font-size: 93%;
	/*font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;*/
	margin: 1px;
	padding: 0.65em 1em 0.5em ;
}
#subNav a.current {
	color: #97A4AA;
	border: 1px solid #40494F;
	margin: 0;

}
#subNav a:hover {
	margin: 0;
	border: 1px solid #40494F;
	text-decoration: none;
}
#subNav a.current:hover {
	text-decoration: none;
}

div#ft div#legal, div#ft ul { 
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
div#ft div#legal {
	padding-bottom: 5em;
	font-size: 85%;
}
div#ft div#legal p {
	margin-bottom: 2em;
}
div#ft, div#ft p {
	color: #667073;
}
div#ft ul { margin-top: 1em;}
div#ft div#legal ul li {
	display: inline;
	margin: 1em;
}