/* 
	ProBox Fin Systems Global Navigation Bar CSS
	
	This is the CSS code for styling the global navigation bar on the
	website. It utilizes the "Pixy Method" for the various states all
	contained within a single image
	
	Creation Date: 2007.06.20

 */
 
/* GLOBAL HEADER */
#pfs_globalheader 
{ 
	width: 798px; 
	height: 36px; 
	z-index: 9998;
	padding: 0;
	margin: 0 0 0 6px;
}

/* GLOBAL NAVIGATION BAR */
#pfs_globalheader #pfs_globalnavbar 
{ 
	position: relative;
	padding: 0;
	margin: 0;
	width: 798px; 
	height: 36px; 
	background: url(../images/pfs_globalnavbar_bg.gif) no-repeat;
}

/* GLOBAL NAVIGATION BAR LIST */
#pfs_globalheader #pfs_globalnavbar li 
{ 
	float: left; 
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}

/* GLOBAL NAVIGATION BAR ELEMENT */
#pfs_globalheader #pfs_globalnavbar li a 
{ 
	position:  absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block; 
	height: 36px; 
	background: url(../images/pfs_globalnavbar_bg.gif) no-repeat;
	text-indent: -9999px;
	background-color: transparent;
	overflow: hidden;
}

/* GLOBAL NAVIGATION BUTTONS - NORMAL STATE */
#pfs_globalheader #pfs_globalnavbar li#navbar_home a 
{ 
	left: 0;
	width: 88px;
	background-position: 0 0;
}

#pfs_globalheader #pfs_globalnavbar li#navbar_products a 
{ 
	left: 88px;
	width: 88px;
	background-position: -88px 0;
}

#pfs_globalheader #pfs_globalnavbar li#navbar_fins a 
{ 
	left: 176px;
	width: 88px;
	background-position: -176px 0; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_installation a 
{ 
	left: 264px;
	width: 88px;
	background-position: -264px 0; 
}
#pfs_globalheader #pfs_globalnavbar li#navbar_technical a 
{ 
	left: 352px;
	width: 88px;
	background-position: -352px 0; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_gallery a 
{ 
	left: 440px;
	width: 88px;
	background-position: -440px 0; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_extras a 
{ 
	left: 528px;
	width: 88px;
	background-position: -528px 0; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_dealers a 
{ 
	left: 616px;
	width: 88px;
	background-position: -616px 0; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_contacts a 
{ 
	left: 704px;
	width: 88px;
	background-position: -704px 0; 
}

/* GLOBAL NAVIGATION BUTTONS - ROLLOVER STATE */
#pfs_globalheader #pfs_globalnavbar li#navbar_home a:hover 
{ 
	background-position: 0 -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_products a:hover 
{ 
	background-position: -88px -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_fins a:hover 
{ 
	background-position: -176px -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_installation a:hover 
{ 
	background-position: -264px -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_technical a:hover 
{ 
	background-position: -352px -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_gallery a:hover 
{ 
	background-position: -440px -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_extras a:hover 
{ 
	background-position: -528px -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_dealers a:hover 
{ 
	background-position: -616px -36px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_contacts a:hover 
{ 
	background-position: -704px -36px; 
}

/* GLOBAL NAVIGATION BUTTONS - PRESSED STATE */
#pfs_globalheader #pfs_globalnavbar li#navbar_home a:active 
{ 
	background-position: 0 -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_products a:active 
{ 
	background-position: -88px -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_fins a:active 
{ 
	background-position: -176px -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_installation a:active 
{ 
	background-position: -264px -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_technical a:active 
{ 
	background-position: -352px -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_gallery a:active 
{ 
	background-position: -440px -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_extras a:active 
{ 
	background-position: -528px -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_dealers a:active 
{ 
	background-position: -616px -72px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_contacts a:active 
{ 
	background-position: -704px -72px; 
}

/* GLOBAL NAVIGATION BUTTONS - ON STATE */
#pfs_globalheader #pfs_globalnavbar li#navbar_home a#selected 
{ 
	background-position: 0 0; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_products a#selected 
{ 
	background-position: -88px -108px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_fins a#selected 
{ 
	background-position: -176px -108px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_installation a#selected 
{ 
	background-position: -264px -108px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_technical a#selected 
{ 
	background-position: -352px -108px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_gallery a#selected 
{ 
	background-position: -440px -108px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_extras a#selected 
{ 
	background-position: -528px -108px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_dealers a#selected 
{ 
	background-position: -616px -108px; 
}

#pfs_globalheader #pfs_globalnavbar li#navbar_contacts a#selected 
{ 
	background-position: -704px -108px; 
}

/* INTRODUCTORY MOVIE 
*/
div.intromovie a
{
	margin: 0; 
	padding:0;
	width: 240px; 
	height: 35px;
	overflow: hidden; 
	text-decoration: none;
	display: block;
	background: url(../images/pfs_intromovie.gif) no-repeat 0 0;
	z-index: 9998;
}

/* ROLLOVER STATE */
div.intromovie a:hover 
{ 
	background-position: 0 -35px; 
}

/* PRESSED STATE */
div.intromovie a:active 
{ 
	background-position: 0 -70px; 
}

/* INSTALLATION MOVIE 
*/
div.installmovie a
{
	margin: 0; 
	padding:0;
	width: 240px; 
	height: 28px;
	overflow: hidden; 
	text-decoration: none;
	display: block;
	background: url(../images/pfs_installmovie.gif) no-repeat 0 0;
	z-index: 9998;
}

/* ROLLOVER STATE */
div.installmovie a:hover 
{ 
	background-position: 0 -28px; 
}

/* PRESSED STATE */
div.installmovie a:active 
{ 
	background-position: 0 -56px; 
}

/* TIPS MOVIE 
*/
div.tipsmovie a
{
	margin: 0; 
	padding:0;
	width: 240px; 
	height: 28px;
	overflow: hidden; 
	text-decoration: none;
	display: block;
	background: url(../images/pfs_tipsmovie.gif) no-repeat 0 0;
	z-index: 9998;
}

/* ROLLOVER STATE */
div.tipsmovie a:hover 
{ 
	background-position: 0 -28px; 
}

/* PRESSED STATE */
div.tipsmovie a:active 
{ 
	background-position: 0 -56px; 
}

/* LATEST NEWS */
div.latestnews a
{
	margin: 0; 
	padding:0;
	width: 240px; 
	height: 35px;
	overflow: hidden; 
	text-decoration: none;
	display: block;
	background: url(../images/pfs_latestnews.gif) no-repeat 0 0;
	z-index: 9998;
}

/* ROLLOVER STATE */
div.latestnews a:hover 
{ 
	background-position: 0 -35px; 
}

/* PRESSED STATE */
div.latestnews a:active 
{ 
	background-position: 0 -70px; 
}

/* FEATURED SURFBOARD */
div.featuredboard a
{
	margin: 0; 
	padding:0;
	width: 240px; 
	height: 35px;
	overflow: hidden; 
	text-decoration: none;
	display: block;
	background: url(../images/pfs_featuredboard.gif) no-repeat 0 0;
	z-index: 9998;
}

/* ROLLOVER STATE */
div.featuredboard a:hover 
{ 
	background-position: 0 -35px; 
}

/* PRESSED STATE */
div.featuredboard a:active 
{ 
	background-position: 0 -70px; 
}

/* INSTALLATION GUIDE 
*/
div.installguide a
{
	margin: 0; 
	padding:0;
	width: 240px; 
	height: 35px;
	overflow: hidden; 
	text-decoration: none;
	display: block;
	background: url(../images/pfs_install_guide_button.gif) no-repeat 0 0;
	z-index: 9998;
}

/* ROLLOVER STATE */
div.installguide a:hover 
{ 
	background-position: 0 -35px; 
}

/* PRESSED STATE */
div.installguide a:active 
{ 
	background-position: 0 -70px; 
}