/* Global Navigation */


/*main nav
======================================================================*/
#nav-cntr {
	position: absolute;
	bottom: 21px;
	width: 60%;
	height: 30px;
	padding-top: 10px;
	left: 250px;
}
#nav {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#nav li{
	display: inline;
	list-style-type: none;
	padding-bottom: 40px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#nav a{
	padding: 8px 7px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
}

#nav a:hover{
	color: #990000;
}

/*WHY HPC hover and highlight*/
#nav a.hov-why{
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 11px;
	margin-left: 0px;
	width: 61px;
}



/*TEAM hover and highlight*/
#nav a.hov-team{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 11px;
	width: 63px;
}
#nav a.hov-team:hover{}


/*CONTACT hover and highlight*/
#nav a.hov-contact{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 11px;
	width: 48px;
}
#nav a.hov-contact:hover{}



/*CLIENT hover and highlight*/
#nav a.hov-clnt{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 11px;
	width: 44px; 
}
#nav a.hov-clnt:hover{}



/*SERVICES hover and highlight*/
#nav a.hov-svc{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 11px;
	width: 50px; 
}
#nav a.hov-svc:hover{}



/*PRODUCT hover and highlight*/
#nav a.hov-store{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 11px;
	width: 46px;
       text-transform: uppercase;
       font-weight: bold;
        color: #990000;
}
#nav a.hov-store:hover{
               font-weight: bold;
               text-transform: uppercase;
               color: #22334d;
}



/*NEWS hover and highlight*/
#nav a.hov-media{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 11px;
	width: 32px; 
}
#nav a.hov-media:hover{}

/*Athletic Lab hover and highlight*/
#nav a.hov-athleticlab{
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 11px;
	width: 72px; 
}
#nav a.hov-athleticlab:hover{}


/*bottom home page navigation feature
=============================================================*/

.hm-top-btn#basketball, .hm-top-btn#basketball:hover{
	background: url(http://hpcsport.com/assets/hm-top-btn-basketball-hov.jpg) no-repeat center 20px;
}
.hm-top-btn#basketball{
	background: url(http://hpcsport.com/assets/hm-top-btn-basketball.jpg) no-repeat center 20px;
}


.hm-top-btn#diverse{background: url(http://hpcsport.com/assets/hm-top-btn-diverse.jpg) no-repeat center 20px;}
.hm-top-btn#diverse:hover, .hm-top-btn#diverse:focus{
	background: url(http://hpcsport.com/assets/hm-top-btn-diverse-hov.jpg) no-repeat center 20px;
}

.hm-top-btn#detail{
	background: url(http://hpcsport.com/assets/hm-top-btn-detail.jpg) no-repeat center 20px;
}
.hm-top-btn#detail:hover{
	background: url(http://hpcsport.com/assets/hm-top-btn-detail-hov.jpg) no-repeat center 20px;
}
.hm-top-btn#athleticlab{
	background: url(http://hpcsport.com/assets/hm-top-btn-athleticlab.jpg) no-repeat center 20px;
}
.hm-top-btn#athleticlab:hover{
	background: url(http://hpcsport.com/assets/hm-top-btn-athleticlab-hov.jpg) no-repeat center 20px;
}

.hm-top-btn#expert{
	background: url(http://hpcsport.com/assets/hm-top-btn-experience.jpg) no-repeat center 20px;
}
.hm-top-btn#expert:hover{
	background: url(http://hpcsport.com/assets/hm-top-btn-experience-hov.jpg) no-repeat center 20px;
}
.hm-top-btn{
	float: left;
	height: 135px;
	width: 225px;
	background: url(http://hpcsport.com/assets/hm-top-btn.jpg) no-repeat center 34px;
	margin-left: 3px;
}
.hm-top-btn h2 {
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.hm-top-btn:hover{	
	background: url(http://hpcsport.com/assets/hm-top-btn-hov.jpg) no-repeat center 20px;
}

/*Secondary Navigation
==========================================================*/

#sec-nav{
	background: url(http://hpcsport.com/assets/sec-nav-back.png) no-repeat left 10px;
	padding: 20px 0px 0px;
	width: 238px;
	min-height: 235px
}
#sec-nav ul{
	padding: 0px;
	margin: 0px;
}
#sec-nav ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sec-nav li a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
}
#sec-nav li a:hover{
	background: #bbb;
	color: #990000;
}
#sec-nav li a.start{
	border-top-style: none;
}
#sec-nav li a.end{
	border-bottom-style: none;
}

#sec-nav li a#sec-nav-active{
	background: #80868F;
	color: #FFFFFF;
}

#icon-nav{
	margin-bottom: 20px;
}
#icon-nav h2{
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
#icon-nav ul{
	list-style: none;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
#icon-nav ul li{
	background-repeat: no-repeat;
	background-position: 0 65%;
	line-height: 14px;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
}
#icon-nav li a{
	padding-left: 20px;
	font-weight: normal;
	color: #003859;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	margin-bottom: 0px;
	line-height: 14px;
	margin-top: -2px;
	padding-bottom: 4px;
}
#icon-nav li a:hover{
	text-decoration: underline;
}
.pgallery{
	background: url(http://hpcsport.com/assets/images.gif) no-repeat;
}