/*	

	PFS CSS Layout Boxes
	
	These IDs are used to handle the CSS layout for the basic template used
	to build all of the pages used in the PFS website.
	
	Designed by:	Robin Mair
	Date:			2006.12.25

*/

/* 
=================================================================================
	LAYOUT STYLES
=================================================================================

	The first set of boxes are used for the layout of the main template
	page for the site. Separate sets will be created for each page that 
	needs layout boxes such that all of the layouts are described
	here in this single file.
	
=================================================================================
*/

/* CONTAINER

	The main box that contains the entire page and therefore defines
 	the size of the page and website
*/

#pfs_LayoutContainer {
	position: relative;
	width: 804px;
	height: 700px;
	background-color: #CC0000;
	margin: auto;
	z-index: 1;
	padding-top: 6px;
	padding-left: 0px;
}

/* CONTENT

	The main content area box for the website
*/

#pfs_LayoutContent {
	position: absolute;
	left: 0px;
	top: 102px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* STANDARD LOGO
*/

#pfs_StandardLogoBox {
	position: absolute;
	left: 279px;
	top: 50px;
	width: 247px;
	height: 62px;
	background-image: url(../images/pfs_logo.png);
	z-index: 3;
}

/* STANDARD BANNER
*/

#pfs_StandardBanner {
	position: absolute;
	left: 6px;
	top: 122px;
	width: 792px;
	height: 26px;
	background: url(../images/pfs_banner_back.gif) repeat-x;
	z-index: 3;
}

/*  STANDARD CONTENT BOX
*/

#pfs_StandardContent {
	position: absolute;
	left: 6px;
	top: 148px;
	width: 792px;
	height: 520px;
	margin: 0px;
	padding: 0px;
	background-color: black;
	overflow: hidden;
	z-index: 3;
}

/*  UNDER CONSTRUCTION BOX
*/

#pfs_UnderConstruction {
	position: absolute;
	left: 6px;
	top: 200px;
	width: 778px;
	height: 38px;
	margin: 0px;
	background-color: black;
	overflow: hidden;
	z-index: 4;
	text-align: center;
}

/* COPYRIGHT FOOTER

	The box used to contain the footer that appears at the bottom of each page
*/

#pfs_LayoutFooter {
	top: 690px;
	left: 0px;
	height: 14px;
	width:  798px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
}

/* 
=================================================================================
	HOME PAGE CONTENT
=================================================================================

	The layout boxes for all of the elements that make up the home page are
	specified next.
	
=================================================================================
*/

/* PROBOX LOGO

	This is the box that is used on the HOME page to position the ProBox
	logo on the page
*/

#pfs_ProBoxLogo {
	position: absolute;
	left: 416px;
	top: 52px;
	width: 247px;
	height: 62px;
	background-image: url(../images/pfs_logo.png);
	z-index: 2;
}

/* EXPLODED FIN SYSTEM

	This is the box that is used on the HOME page to position the exploded
	3D image of the fin system
*/

#pfs_System_3D {
	position: absolute;
	left: 420px;
	top: 86px;
	width: 238px;
	height: 260px;
	z-index: 1;
}

/* EXPLODED FULL SYSTEM

	This is the box that is used on the HOME page to position the exploded
	3D image of the full system
*/

#pfs_FullSystem_3D {
	position: absolute;
	left: 271px;
	top: 146px;
	width: 229px;
	height: 248px;
	z-index: 1;
	background-color: transparent;
}

/* FEATURE PARAGRAPH STYLE

	This is the paragraph style that will be used for the feature text
*/

p.pfs_Feature_Paragraph {
	font-weight: normal;
	font-size: 0.92em;
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1em;
}

/* FEATURES ADVANTAGES LIST STYLE
*/

ul.pfs_Advantages_List { 
	font-size: 0.92em; 
	font-weight: normal; 
	color: white;
	list-style-type: disc; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0px 0px;
	list-style-position: outside;
}

/* FEATURE ONE - V-NOTCH

	This is the box that is used on locate the title for feature
	number one
*/

#pfs_Feature_V_Notch {
	position: absolute;
	left: 500px;
	top: 145px;
	width: 225px;
	height: 30px;
	z-index: 1;
	background-color: transparent;
}

/* FEATURE ONE - V-NOTCH TEXT BOX

	This is the box that is used on locate the title for feature
	number one text box
*/

#pfs_Feature_V_Notch_Text {
	position: absolute;
	left: 540px;
	top: 162px;
	width: 252px;
	height: 44px;
	z-index: 2;
	background-color: transparent;
	text-align: left;
}

/* FEATURE TWO - INSERTS

	This is the box that is used on locate the title for feature
	number two
*/

#pfs_Feature_Inserts {
	position: absolute;
	left: 500px;
	top: 210px;
	width: 175px;
	height: 30px;
	z-index: 1;
	background-color: transparent;
}

/* FEATURE TWO - INSERTS TEXT BOX

	This is the box that is used on locate the title for feature
	number two text box
*/

#pfs_Feature_Inserts_Text {
	position: absolute;
	left: 540px;
	top: 226px;
	width: 252px;
	height: 84px;
	z-index: 2;
	background-color: transparent;
	text-align: left;
}

/* FEATURE THREE - GRUB SCREWS

	This is the box that is used on locate the title for feature
	number three
*/

#pfs_Feature_Grub_Screws {
	position: absolute;
	left: 500px;
	top: 314px;
	width: 180px;
	height: 30px;
	z-index: 1;
	background-color: transparent;
}

/* FEATURE THREE - GRUB SCREWS TEXT BOX

	This is the box that is used on locate the title for feature
	number three text box
*/

#pfs_Feature_Grub_Screws_Text {
	position: absolute;
	left: 540px;
	top: 330px;
	width: 252px;
	height: 44px;
	z-index: 2;
	background-color: transparent;
	text-align: left;
}

/* FEATURE FOUR - ALLEN KEY

	This is the box that is used on locate the title for feature
	number four
*/

#pfs_Feature_Allen_Key {
	position: absolute;
	left: 500px;
	top: 378px;
	width: 140px;
	height: 30px;
	z-index: 1;
	background-color: transparent;
}

/* FEATURE FOUR - ALLEN KEY TEXT BOX

	This is the box that is used on locate the title for feature
	number four text box
*/

#pfs_Feature_Allen_Key_Text {
	position: absolute;
	left: 540px;
	top: 396px;
	width: 252px;
	height: 24px;
	z-index: 2;
	background-color: transparent;
	text-align: left;
}

/* FEATURE FIVE - BOX

	This is the box that is used on locate the title for feature
	number five
*/

#pfs_Feature_Box {
	position: absolute;
	left: 500px;
	top: 424px;
	width: 80px;
	height: 30px;
	z-index: 1;
	background-color: transparent;
}

/* FEATURE FIVE - BOX TEXT BOX

	This is the box that is used on locate the title for feature
	number five text box
*/

#pfs_Feature_Box_Text {
	position: absolute;
	left: 540px;
	top: 442px;
	width: 252px;
	height: 84px;
	z-index: 2;
	background-color: transparent;
	text-align: left;
}

/* FEATURE SIX - INSTALL JIG

	This is the box that is used on locate the title for feature
	number six
*/

#pfs_Feature_Install_Jig {
	position: absolute;
	left: 500px;
	top: 530px;
	width: 192px;
	height: 30px;
	z-index: 1;
	background-color: transparent;
}

/* FEATURE FIVE - INSTALL JIG TEXT BOX

	This is the box that is used on locate the title for feature
	number six text box
*/

#pfs_Feature_Install_Jig_Text {
	position: absolute;
	left: 540px;
	top: 548px;
	width: 252px;
	height: 54px;
	z-index: 2;
	background-color: transparent;
	text-align: left;
}

/* ADVANTAGES

	This is the box that is used on locate the title for feature
	number seven
*/

#pfs_Feature_Advantages {
	position: absolute;
	left: 270px;
	top: 398px;
	width: 142px;
	height: 28px;
	z-index: 1;
	background-color: transparent;
}

/* ADVANTAGES TEXT BOX

	This is the box that is used on locate the title for feature
	number seven text box
*/

#pfs_Feature_Advantages_Text {
	position: absolute;
	left: 282px;
	top: 414px;
	width: 210px;
	height: 148px;
	z-index: 2;
	background-color: transparent;
	text-align: left;
}

/* DESIGNED TEXT BOX

	This is the box that is used on locate the text box
	for the designed in the USA sub-heading
*/

#pfs_Design_Text {
	position: absolute;
	left: 270px;
	top: 596px;
	width: 230px;
	height: 34px;
	z-index: 2;
	background-color: transparent;
	text-align: center;
}

/* INFO MOVIE

	This is the box that is used on the HOME page to contain the information
	movie image button
*/

#pfs_InfoMovieButtonBox {
	position: absolute;
	left: 17px;
	top: 54px;
	width: 240px;
	height: 35px;
	z-index: 3;
}

/* LATEST NEWS

	This is the box that is used on the HOME page to contain the latest
	news image button
*/

#pfs_LatestNewsButtonBox {
	position: absolute;
	left: 17px;
	top: 100px;
	width: 240px;
	height: 35px;
	background: url(../images/pfs_latestnews.gif) no-repeat 0 0;
	z-index: 3;
}

/* HOME TEXT BOX

	This is the box that is used on the HOME page to contain the main text
	that is used to intorduce the system
*/

#pfs_HomeTextBox {
	position: absolute;
	left: 278px;
	top: 330px;
	width: 514px;
	height: 292px;
	z-index: 4;
}

/* INSTALLATION GUIDE BUTTON

	This is the box that is used on the INSTALL page to contain the installation
	guide image button
*/

#pfs_InstallGuideButtonBox {
	position: absolute;
	left: 6px;
	top: 66px;
	width: 240px;
	height: 35px;
	z-index: 3;
}

/* FEATURED BOARD BOX

	This is the box that is used on the HOME page to contain the featured
	board of the month
*/

#pfs_LayoutFeaturedBoardBox {
	position: absolute;
	left: 17px;
	top: 146px;
	width: 240px;
	height: 487px;
	z-index: 3;
}

/* FEATURED BOARD DISPLAY

	This is the box that is used to contain the image that forms the 
	display background for the board
*/

#pfs_LayoutFeaturedBoardDisplay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 412px;
	z-index: 4;
}

/* FEATURE SURFBOARD CONTENT

	This is the box that is used to contain the photo for the featured board of
	the month
*/

#pfs_LayoutFeatureBoardContent {
	position: absolute;
	left: 0px;
	top: 35px;
	width: 240px;
	height: 415px;
	z-index: 5;
}

/* FEATURE SURFBOARD BOX

	This is the box that is used on contain the photo for the featured board of
	the month
*/

#pfs_LayoutFeaturedBoard {
	position: absolute;
	left: 38px;
	top: 8px;
	width: 163px;
	height: 397px;
	z-index: 6;
}

/* FEATURED BOARD LINK BUTTON

	This is the box that is used to contain the link to the featured
	boards detail page
*/

#pfs_LayoutFeaturedBoardLink {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 240px;
	height: 35px;
	overflow: hidden;
	z-index: 6;
}

/* PROBOX FRIENDS LINKS CONTAINER BOX

  This box is used to house the links to the various ProBox friends
  that are displayed at the bottom of the HOME page
  
*/

#pfs_LayoutFriendsLinksBox {
	position: absolute;
	left: 6px;
	top: 644px;
	width: 792px;
	height: 35px;
	z-index: 2;
}

/*  LINK CONTAINER TITLE BOX
*/

#pfs_LayoutFriendsLinksContentBox {
	position: absolute;
	left: 162px;
	top: 4px;
	width: 625px;
	height: 27px;
	z-index: 3;
}

/*  LINK CONTAINER CONTENT BOX
*/

#pfs_LayoutLinkContentBox {
	position: absolute;
	width: 636px;
	height: 29px;
	left: 142px;
	top: 3px;
	overflow: hidden;
	z-index: 3;
}

/*  LAYOUT LINK BOX
*/

.pfs_LayoutLinkBox {
	float: left;
	top: 0px;
	height: 26px;
	padding: 0;
	margin: 0 0 0 2px;
}

/* LINK STYLES
	
	These styles are used to consistently display links in the 
	site using a rollover effect
*/

.pfs_LayoutLinkBox a { 
	color: white;
	background-color: white;
	text-decoration: none;
	overflow: hidden;
	border-style: none;
}

.pfs_LayoutLinkBox a:link { 
	color: white;
	background-color: white;
	text-decoration: none;
}

.pfs_LayoutLinkBox a:visited { 
	color: white;
	background-color: white;
	text-decoration: none;
}

.pfs_LayoutLinkBox a:hover { 
	color: white;
	background-color: white;
	text-decoration: none;
}

.pfs_LayoutLinkBox a:active { 
	color: white;
	background-color: white;
	text-decoration: none;
}

.pfs_LayoutLinkBox a:selected { 
	color: white;
	background-color: white;
	text-decoration: none;
}

/*
=================================================================================
	STANDARD LAYOUT ELEMENTS
=================================================================================
*/

/*  STANDARD CORNER TOPLEFT BOX
*/

div.pfs_StandardTopLeftBox {
	float: left;
	left: 0px;
	top: 0px;
	width: 4px;
	height: 4px;
	margin: 0;
	padding: 0;
	z-index: 3;
	background: url(../images/pfs_top_left.gif) no-repeat;
}

/*  STANDARD CORNER TOPRIGHT BOX
*/

div.pfs_StandardTopRightBox {
	float: right;
	right: 0px;
	top: 0px;
	width: 4px;
	height: 4px;
	margin: 0;
	padding: 0;
	z-index: 3;
	background: url(../images/pfs_top_right.gif) no-repeat;
}

/*  STANDARD CORNER BOTTOMRIGHT BOX
*/

div.pfs_StandardBottomRightBox {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 4px;
	height: 4px;
	margin: 0;
	padding: 0;
	z-index: 3;
	background: url(../images/pfs_bottom_right.gif) no-repeat;
}

/*  STANDARD CORNER BOTTOMLEFT BOX
*/

div.pfs_StandardBottomLeftBox {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 4px;
	height: 4px;
	margin: 0;
	padding: 0;
	z-index: 3;
	background: url(../images/pfs_bottom_left.gif) no-repeat;
}

/* 
=================================================================================
	INTRODUCTION MOVIE PAGE CONTENT
=================================================================================

	The layout boxes for the introduction movie page.
	
=================================================================================
*/

#pfs_IntroVideoText {
	position:absolute;
	left:67px;
	top:320px;
	width:594px;
	height:56px;
	z-index:2;
}

#pfs_IntroViewGetQuicktime {
	position:absolute;
	left:246px;
	top:220px;
	width:90px;
	height:34px;
	z-index:3;
}

/* 
=================================================================================
	FEATURED BOARD PAGE CONTENT
=================================================================================

	The layout boxes for the featured board page.
	
=================================================================================
*/

/* FEATURED BOARD CONTAINER

	The main box that contains the entire page and therefore defines
 	the size of the page, for this page we have a modified size as
 	additional height is needed
*/

#pfs_FeaturedBoardLayoutContainer {
	position: relative;
	width: 804px;
	height: 1656px;
	background-color: #CC0000;
	margin: auto;
	z-index: 1;
	padding-top: 6px;
	padding-left: 0px;
}

/* FEATURED BOARD COPYRIGHT FOOTER

	The box used to contain the footer that appears at the bottom of each page
*/

#pfs_FeaturedBoardLayoutFooter {
	top: 1646px;
	left: 0px;
	height: 14px;
	width:  798px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
}

/* FEATURED BOARD BANNER

	This is the box that is used on manage the top banner for the featured
	surfboard display box.
*/

#pfs_FeaturedBoardBanner {
	position: absolute;
	left: 158px;
	top: 70px;
	width: 487px;
	height: 35px;
	z-index: 4;
}

/* FEATURED BOARD SINGLE IMAGE

	This is the box that is used when we are simply displaying a single
	image to represent the featured board
*/

#pfs_FeaturedBoardSingleBox {
	position: absolute;
	left: 158px;
	top: 105px;
	width: 487px;
	height: 700px;
	z-index: 5;
}

/* FEATURED BOARD SETUP BANNER

	This is the box that is used on manage the banner for the featured
	surfboard fin setup box.
*/

#pfs_FeaturedBoardSetupBanner {
	position: absolute;
	left: 158px;
	top: 827px;
	width: 487px;
	height: 35px;
	z-index: 4;
}

/* FEATURED BOARD SETUP IMAGE

	This is the box that is used when we are simply displaying a single
	image to represent the featured board
*/

#pfs_FeaturedBoardSetupBox {
	position: absolute;
	left: 158px;
	top: 860px;
	width: 487px;
	height: 770px;
	z-index: 5;
}

/*  FEATURED BOARD TEXT BOX

	This is the box that is used to display the text describing the featured
	surfboard.

*/

#pfs_FeaturedBoardTextBox {
	position: absolute;
	left: 266px;
	top: 68px;
	width: 280px;
	height: 390px;
	z-index: 3;
}

/* FEATURED BOARD MAIN BOX - DECK

	This is the box that is used to display the deck view of the featured
	surfboard, it will contain a few other boxes to manage the content.
*/

#pfs_FeaturedBoardMainDeck {
	position: absolute;
	left: 6px;
	top: 68px;
	width: 240px;
	height: 472px;
	z-index: 3;
}

/* FEATURED BOARD MAIN BOX - BOTTOM

	This is the box that is used to display the deck view of the featured
	surfboard, it will contain a few other boxes to manage the content.
*/

#pfs_FeaturedBoardMainBottom {
	position: absolute;
	left: 558px;
	top: 68px;
	width: 240px;
	height: 472px;
	z-index: 3;
}

/* FEATURED BOARD DECK BANNER

	This is the box that is used on manage the top banner for the featured
	surfboard display box.
*/

#pfs_FeaturedBoardDeck {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 35px;
	z-index: 4;
}

/* FEATURED BOARD BOTTOM BANNER

	This is the box that is used on manage the top banner for the featured
	surfboard display box.
*/

#pfs_FeaturedBoardBottom {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 35px;
	z-index: 4;
}

/* FEATURED BOARD CONTENT DECK

	This is the box that is used on manage the content area of the display box
*/

#pfs_FeaturedBoardDeckContent {
	position: absolute;
	left: 0px;
	top: 35px;
	width: 240px;
	height: 437px;
	background-color: #000000;
	z-index: 5;
}

/* FEATURED BOARD CONTENT BOTTOM

	This is the box that is used on manage the content area of the display box
*/

#pfs_FeaturedBoardBottomContent {
	position: absolute;
	left: 0px;
	top: 35px;
	width: 240px;
	height: 437px;
	background-color: #000000;
	z-index: 5;
}

/* FEATURE BOARD DECK IMAGE BOX

	This is the box that is used on manage the photo of the featured surfboard's
	deck.
*/

#pfs_FeaturedBoardDeckImage {
	position: absolute;
	left: 32px;
	top: 10px;
	width: 167px;
	height: 397px;
	background-color: #000000;
	z-index: 6;
}

/* FEATURE BOARD BOTTOM IMAGE BOX

	This is the box that is used on manage the photo of the featured surfboard's
	deck.
*/

#pfs_FeaturedBoardBottomImage {
	position: absolute;
	left: 36px;
	top: 14px;
	width: 163px;
	height: 397px;
	background-color: #000000;
	z-index: 6;
}

/* FEATURE BOARD FINS MAIN BOX

	This is the box that is used on manage the photo of the fin setup for the 
	featured surfboard
*/

#pfs_FeaturedBoardFinsMainBox {
	position: absolute;
	left: 282px;
	top: 472px;
	width: 240px;
	height: 209px;
	z-index: 4;
}

/* FEATURE BOARD FINS BANNER

	This is the box that is used on manage the photo of the fin setup for the 
	featured surfboard
*/

#pfs_FeaturedBoardFinsBanner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 35px;
	z-index: 5;
}

/* FEATURE BOARD FINS IMAGE

	This is the box that is used on manage the photo of the fin setup for the 
	featured surfboard
*/

#pfs_FeaturedBoardFinsBox {
	position: absolute;
	left: 0px;
	top: 35px;
	width: 240px;
	height: 174px;
	z-index: 5;
}

/* 
=================================================================================
	PRODUCT PAGE CONTENT
=================================================================================

	The layout boxes for the product page.
	
=================================================================================
*/

/* PRODUCT BANNER
*/

#pfs_ProductBanner {
	position: absolute;
	left: 6px;
	top: 122px;
	width: 792px;
	height: 26px;
	background: url(../images/pfs_banner_back.gif) repeat-x;
	z-index: 3;
}

/* PRODUCT BANNER TITLE
*/

#pfs_ProductTitle {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 240px;
	height: 26px;
	z-index: 4;
}

/* PRODUCT NAVBAR - BOXES BUTTON
*/

#pfs_Product_Boxes {
	float: right;
	top: 0px;
	width: 106px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* PRODUCT NAVBAR - INSTALLATION PARTS BUTTON
*/

#pfs_Product_Installation {
	float: right;
	top: 0px;
	width: 112px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* PRODUCT NAVBAR - INSTALL KITS BUTTON
*/

#pfs_Product_InstallKits {
	float: right;
	top: 0px;
	width: 74px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* PRODUCTS NAVBAR - MISCELLANEOUS BUTTON
*/

#pfs_Product_Misc {
	float: right;
	top: 0px;
	width: 96px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* PRODUCT NAVBAR - PRICE LIST BUTTON
*/

#pfs_Product_Pricing {
	float: right;
	top: 0px;
	width: 78px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/*  PRODUCT LAYOUT BOX - TOP
*/

.pfs_ProductLayoutBox_Top {
	margin-left: 10px;
	margin-top: 20px;
	width: 770px;
	height: 228px;
}


/*  PRODUCT LAYOUT BOX - BOTTOM
*/

.pfs_ProductLayoutBox_Bottom {
	margin-left: 10px;
	margin-top: 20px;
	width: 770px;
	height: 228px;
}


/*  PRODUCT LAYOUT BOX TEXT
*/

.pfs_ProductLayoutBoxText {
	height: 228px;
	width: 384px;
	float: right;
}


/*  PRODUCT - DISPLAY BOX
*/

.pfs_ProductsDisplay_Box {
	margin-left: 10px;
	margin-top: 0px;
	width: 342px;
	height: 228px;
	overflow: hidden;
}


/*  PRODUCT CONTENT TEXT
*/

.pfs_ProductContentText {
	margin-left: 400px;
	width: 372px;
	text-align: left;
}

/*  PRODUCT MAIN PAGE TEXT
*/

#pfs_ProductMainText {
	position: absolute;
	top: 10px;
	left: 40px;
	width: 300px;
	height: 500px;
	text-align: left;
}

/*  PRODUCT MAIN PAGE IMAGE
*/

#pfs_ProductMainImage {
	position: absolute;
	top: 60px;
	left: 420px;
	height: 396px;
	width: 300px;
}

/* 
=================================================================================
	FIN PAGE CONTENT
=================================================================================

	The layout boxes for the fin collection page.
	
=================================================================================
*/

/* FINS BANNER TITLE
*/

#pfs_FinsTitle {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 170px;
	height: 26px;
	z-index: 4;
}

/* FINS NAVBAR - FEATURED FIN
*/

#pfs_Fins_FeaturedFin {
	float: right;
	top: 0px;
	width: 96px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 1
*/

#pfs_Fins_Page1 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 2
*/

#pfs_Fins_Page2 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 3
*/

#pfs_Fins_Page3 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 4
*/

#pfs_Fins_Page4 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 5
*/

#pfs_Fins_Page5 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 6
*/

#pfs_Fins_Page6 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 7
*/

#pfs_Fins_Page7 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PAGE 8
*/

#pfs_Fins_Page8 {
	float: right;
	top: 0px;
	width: 28px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* FINS NAVBAR - PRICING
*/

#pfs_Fins_Pricing {
	float: right;
	top: 0px;
	width: 72px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/*  FIN CONTENT BOX
*/

#pfs_FinContent {
	position: absolute;
	left: 6px;
	top: 148px;
	width: 774px;
	height: 520px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background-color: black;
	overflow: hidden;
	z-index: 3;
}

/*  FIN COLLAGE BOX
*/

#pfs_FinsCollageBox {
	position: absolute;
	left: 100px;
	top: 30px;
	width: 600px;
	height: 400px;
	z-index: 5;
}

/*  FIN TEXT BOX
*/

#pfs_FinsTextBox {
	position: absolute;
	left: 100px;
	top:  450px;
	width: 600px;
	height: 50px;
	text-align: center;
	z-index: 5;
}

/* FIN PHOTO FRAME
*/

.pfs_FinPhoto_Frame {
	float: left;
	width: 250px;
	height: 250px;
	background: url(../images/pfs_finphoto_frame.gif) no-repeat;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 6px;
}

/* FIN PHOTO
*/

.pfs_FinPhoto {
	float: left;
	width: 222px;
	height: 148px;
	overflow: hidden;
	margin-left: 14px;
	margin-top: 15px;
}

/* FIN PHOTO TEXT
*/

.pfs_FinPhoto_Text {
	float: left;
	width: 220px;
	height: 76px;
	overflow: hidden;
	margin-left: 15px;
	margin-top: 1px;
	margin-bottom: 15px;
}

/* FIN PHOTO TEXT H4
*/

.pfs_FinPhoto_Text h4 {
	text-align: center;
	line-height: 1.1em;
	margin: 2px 0;
	font-size: 1.1em;
}

/* FIN PHOTO TEXT P
*/

.pfs_FinPhoto_Text p {
	text-align: left;
	line-height: 1.05em;
	margin: 0;
	font-size: 0.9em;
}

/* FEATURED FIN PHOTO
*/

#pfs_FeaturedFinPhoto {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 480px;
	height: 471px;
	overflow: hidden;
	margin-right: 12px;
	margin-top: 10px;
}

/* FEATURED FIN PHOTO TEXT
*/

#pfs_FeaturedFinPhoto_Text {
	position: absolute;
	top: 6px;
	left: 0px;
	width: 280px;
	height: 480px;
	overflow: hidden;
	margin-left: 15px;
	margin-top: 15px;
}

/* FEATURED FIN PHOTO TEXT H2
*/

#pfs_FeaturedFinPhoto_Text h2 {
	text-align: center;
	line-height: 1.2em;
	margin: 2px;
}

/* FEATURED FIN PHOTO TEXT H3
*/

#pfs_FeaturedFinPhoto_Text h3 {
	text-align: center;
	line-height: 1.2em;
	margin: 2px;
}

/* FEATURED FIN PHOTO TEXT P
*/

#pfs_FeaturedFinPhoto_Text p {
	text-align: left;
	padding-top: 1px;
}


/* 
=================================================================================
	INSTALLATION PAGE CONTENT
=================================================================================

	The layout boxes for the installation page.
	
=================================================================================
*/

/* INSTALLATION MOVIE
*/

#pfs_InstallMovieButtonBox {
	position: absolute;
	right: 6px;
	top: 50px;
	width: 240px;
	height: 28px;
	z-index: 3;
}

#pfs_TipsMovieButtonBox {
	position: absolute;
	right: 6px;
	top: 86px;
	width: 240px;
	height: 28px;
	z-index: 3;
}

/* INSTALLATION BANNER
*/

#pfs_InstallBanner {
	position: absolute;
	left: 6px;
	top: 122px;
	width: 792px;
	height: 26px;
	background: url(../images/pfs_banner_back.gif) repeat-x;
	z-index: 3;
}

/* INSTALLATION BANNER TITLE
*/

#pfs_InstallTitle {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 112px;
	height: 26px;
	z-index: 4;
}

/* INSTALLATION NAVBAR - PREPARATION BUTTON
*/

#pfs_PreparationButton {
	float: left;
	top: 0px;
	width: 82px;
	height: 24px;
	margin:0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - ALIGNMENT BUTTON
*/

#pfs_AlignmentButton {
	float: left;
	top: 0px;
	width: 76px;
	height: 26px;
	margin:0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - ROUTING BUTTON
*/

#pfs_RoutingButton {
	float: left;
	top: 0px;
	width: 62px;
	height: 26px;
	margin:0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - INSTALLATION BUTTON
*/

#pfs_InstallationButton {
	float: left;
	top: 0px;
	width: 78px;
	height: 26px;
	margin:0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - FINISHING BUTTON
*/

#pfs_FinishingButton {
	float: left;
	top: 0px;
	width: 68px;
	height: 26px;
	margin:0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - REINFORCEMENT BUTTON
*/

#pfs_ReinforcementButton {
	float: left;
	top: 0px;
	width: 100px;
	height: 26px;
	margin: 0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - EPOXY BUTTON
*/

#pfs_EpoxyButton {
	float: left;
	top: 0px;
	width: 50px;
	height: 26px;
	margin: 0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - MISCELLANEOUS BUTTON
*/

#pfs_MiscellaneousButton {
	float: left;
	top: 0px;
	width: 92px;
	height: 26px;
	margin: 0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/* INSTALLATION NAVBAR - TIPS BUTTON
*/

#pfs_TipsButton {
	float: left;
	top: 0px;
	width: 32px;
	height: 26px;
	margin: 0;
	padding: 0;
	z-index: 5;
	background-color: transparent;
}

/*  INSTALLATION CONTENT
*/

#pfs_InstallContent {
	position: absolute;
	left: 6px;
	top: 148px;
	width: 792px;
	height: 520px;
	background-color: black;
	z-index: 3;
}

/*  INSTALLATION PHOTO BOX 1
*/

#pfs_InstallPhotoBox1 {
	position: absolute;
	right: 14px;
	top: 22px;
	width: 342px;
	height: 228px;
	z-index: 4;
}

/*  INSTALLATION PHOTO BOX 2
*/

#pfs_InstallPhotoBox2 {
	position: absolute;
	left: 14px;
	bottom: 22px;
	width: 342px;
	height: 228px;
	z-index: 4;
}

/*  INSTALLATION TEXT BOX 1
*/

#pfs_InstallTextBox1 {
	position: absolute;
	left: 14px;
	top: 22px;
	width: 414px;
	height: 228px;
	background-color: black;
	z-index: 4;
}

/*  INSTALLATION TEXT BOX 2
*/

#pfs_InstallTextBox2 {
	position: absolute;
	right: 14px;
	bottom: 22px;
	width: 414px;
	height: 228px;
	background-color: black;
	z-index: 4;
}

/*  INSTALLATION COLUMN BOX 1
*/

#pfs_InstallColumnBox1 {
	position: absolute;
	left: 14px;
	top: 12px;
	width: 370px;
	height: 490px;
	background-color: black;
	z-index: 4;
}

/*  INSTALLATION COLUMN BOX 2
*/

#pfs_InstallColumnBox2 {
	position: absolute;
	right: 14px;
	top: 12px;
	width: 370px;
	height: 490px;
	background-color: black;
	z-index: 4;
}

/*  INSTALLATION COLUMN BOX #
*/

#pfs_InstallColumnBox3 {
	position: absolute;
	left: 14px;
	top: 12px;
	width: 410px;
	height: 490px;
	background-color: black;
	z-index: 4;
}

/*  INSTALLATION COLUMN BOX 4
*/

#pfs_InstallColumnBox4 {
	position: absolute;
	right: 14px;
	top: 260px;
	width: 340px;
	height: 240px;
	background-color: black;
	z-index: 4;
}

/*  INSTALLATION PHOTO BOX 1
*/

#pfs_InstallPhoto1 {
	position: absolute;
	left: 16px;
	top:  8px;
	bottom: 22px;
	width: 310px;
	height: 206px;
	background-color: black;
	z-index: 5;
}

/*  INSTALLATION PHOTO BOX 2
*/

#pfs_InstallPhoto2 {
	position: absolute;
	left: 10px;
	top:  8px;
	width: 320px;
	height: 205px;
	background-color: black;
	z-index: 5;
}

/*  INSTALLATION PHOTO FINISH
*/

#pfs_InstallFinishPhoto {
	position: absolute;
	width: 280px;
	height: 206px;
	background-color: black;
	z-index: 5;
	margin-top: 11px;
	margin-left: 31px;
}


/** 
=================================================================================
	INSTALLATION VIDEO PAGE CONTENT
=================================================================================

	The layout boxes for the installation video page.
	
=================================================================================
*/

/*  INSTALLATION VIDEO CONTAINER BOX
*/

#pfs_InstallVideoContainerBox {
	position: absolute;
	left: 100px;
	top: 72px;
	width: 600px;
	height: 550px;
	z-index: 2;
}

/*  INSTALLATION VIDEO PROBOX LOGO
*/

#pfs_InstallVideoProBoxLogo {
	position: absolute;
	left: 176px;
	top: 0px;
	width: 247px;
	height: 62px;
	background-image: url(../images/pfs_logo.png);
	z-index: 3;
}

/*  INSTALLATION VIDEO TITLE BOX
*/

#pfs_InstallVideoTitleBox {
	position: absolute;
	left: 0px;
	top: 64px;
	width: 600px;
	height: 40px;
	z-index: 3;
}

/*  INSTALLATION VIDEO PLAYER BOX
*/

#pfs_InstallVideoPlayerBox {
	position: absolute;
	left: 140px;
	top: 112px;
	width: 320px;
	height: 256px;
	z-index: 3;
}

/*  INSTALLATION VIDEO TEXT BOX
*/

#pfs_InstallVideoTextBox {
	position: absolute;
	left: 0px;
	top: 390px;
	width: 600px;
	height: 110px;
	z-index: 3;
	text-align: center;
}

/*  GET QUICKTIME BOX
*/

#pfs_GetQuicktimeBox {
	position: absolute;
	left: 256px;
	top: 520px;
	width: 88px;
	height: 31px;
	background-color: gray;
	z-index: 4;
}

/* 
=================================================================================
	TECHNICAL PAGE CONTENT
=================================================================================

	The layout boxes for the technical page.
	
=================================================================================
*/

/* 
=================================================================================
	PRIMER LAYOUT STYLES
=================================================================================

	The fin setup primer page is the only age that has a different height than
	the rest of the site so we need to setup a few special rules for handling the
	extra height of this page in the layout. This page is 400 pixels taller than
	the standard page.
	
=================================================================================
*/

/* PRIMER CONTAINER

	The main box that contains the entire page and therefore defines
 	the size of the page and website
*/

#pfs_PrimerLayoutContainer {
	position: relative;
	width: 804px;
	height: 1100px;
	background-color: #CC0000;
	margin: auto;
	z-index: 1;
	padding-top: 6px;
	padding-left: 0px;
}

/*  PRIMER STANDARD CONTENT BOX
*/

#pfs_PrimerStandardContent {
	position: absolute;
	left: 6px;
	top: 148px;
	width: 792px;
	height: 920px;
	margin: 0px;
	padding: 0px;
	background-color: black;
	overflow: hidden;
	z-index: 3;
}

/* PRIMER COPYRIGHT FOOTER

	The box used to contain the footer that appears at the bottom of each page
*/

#pfs_PrimerLayoutFooter {
	top: 1090px;
	left: 0px;
	height: 14px;
	width:  798px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
}

/* TECHNICAL BANNER TITLE
*/

#pfs_TechnicalTitle {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 184px;
	height: 26px;
	z-index: 4;
}

/* TECHNICAL NAVBAR - THRUSTER FIN BASE
*/

#pfs_Technical_ThrusterBase {
	float: right;
	top: 0px;
	width: 120px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* TECHNICAL NAVBAR - KEEL FIN BASE
*/

#pfs_Technical_KeelBase {
	float: right;
	top: 0px;
	width: 102px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* TECHNICAL NAVBAR - SHAPERS MARK ADJUSTMENT
*/

#pfs_Technical_MarkAdjust {
	float: right;
	top: 0px;
	width: 116px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/* TECHNICAL NAVBAR - FIN SETUP PRIMER
*/

#pfs_Technical_FinPrimer {
	float: right;
	top: 0px;
	width: 112px;
	height: 26px;
	z-index: 5;
	background-color: transparent;
}

/*  TECHNICAL TITLE BOX
*/

#pfs_TechnicalTitleBox {
	position: absolute;
	left: 6px;
	top: 45px;
	width: 792px;
	height: 32px;
	text-align: center;
}

/*	EXPLODED FIN SYSTEM
*/

#pfs_TechnicalSystem_3D {
	position: absolute;
	right: 60px;
	top: 86px;
	width: 320px;
	height: 352px;
	z-index: 1;
}

/*  TECHNICAL MAIN PAGE CONTENT TEXT
*/

#pfs_TechnicalMainContentText {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 320px;
	height: 475px;
	text-align: left;
	z-index: 4;
}

/*  TECHNICAL CONTENT TITLE
*/

#pfs_TechnicalContentTitle {
	margin-top: 4px;
	margin-left: 2px;
	margin-bottom: 0px;
	width: 784px;
	height: 30px;
	overflow:  hidden;
	text-align: center;
}

/*  TECHNICAL FIN BASE
*/

#pfs_ProBoxFinBase {
	margin-top: 0px;
	margin-left: 220px;
	margin-bottom: 20px;
	width: 360px;
	height: 342px;
}

/*  TECHNICAL KEEL FIN BASE
*/

#pfs_ProBoxKeelFinBase {
	margin-top: 0px;
	margin-left: 175px;
	margin-bottom: 20px;
	width: 454px;
	height: 342px;
}

/*  TECHNICAL SHAPERS MARK ADJUSTMENT
*/

#pfs_ProBoxMarkAdjustment {
	margin-top: 12px;
	margin-left: 75px;
	margin-bottom: 20px;
	width: 640px;
	height: 225px;
}

/*  TECHNICAL CONTENT TEXT
*/

#pfs_TechnicalContentText {
	margin-left: 10px;
	width: 758px;
	text-align: left;
}

/*  TECHNICAL CONTENT TABLE BOX
*/

#pfs_TechnicalContentTableBox {
	width: 600px;
	height: 250px;
	margin-top: 10px;
	margin-left: 80px;
	margin-bottom: 14px;
}

/*  TECHNICAL BULLET LIST BOX
*/

#pfs_TechnicalBulletListBox {
	width: 700px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* 
=================================================================================
	PHOTO GALLERY PAGE CONTENT
=================================================================================

	The layout boxes for the photo gallery page.
	
=================================================================================
*/

/* GALLERY CONTAINER

	The main box that contains the entire page and therefore defines
 	the size of the page and website
*/

#pfs_GalleryLayoutContainer {
	position: relative;
	width: 804px;
	height: 3962px;
	background-color: #CC0000;
	margin: auto;
	z-index: 1;
	padding-top: 6px;
	padding-left: 0px;
}

/*  GALLERY STANDARD CONTENT BOX
*/

#pfs_GalleryStandardContent {
	position: absolute;
	left: 6px;
	top: 148px;
	width: 772px;
	height: 3770px;
	margin: 0px;
	padding: 10px;
	background-color: black;
	overflow: hidden;
	z-index: 2;
}

/* GALLERY COPYRIGHT FOOTER

	The box used to contain the footer that appears at the bottom of each page
*/

#pfs_GalleryLayoutFooter {
	top: 3954px;
	left: 0px;
	height: 14px;
	width:  798px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
}

/* GALLERY BANNER TITLE
*/

#pfs_GalleryTitle {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 156px;
	height: 26px;
	z-index: 4;
}

/* GALLERY BOARD CONTAINER
*/

.pfs_GalleryBoardContainer {
	float: left;
	width: 772px;
	height: 620px;
	margin-bottom: 10px;
	overflow: hidden;
}

/*
	GALLERY BOARD BOTTOM
*/

.pfs_GalleryBoardBottom {
	float: left;
	width: 180px;
	height: 480px;
	overflow: hidden;
}

/* GALLERY BOARD FINS
*/

.pfs_GalleryBoardFins {
	float: right;
	width: 360px;
	height: 306px;
	overflow: hidden;
}

/* GALLERY BOARD TEXT
*/

.pfs_GalleryBoardText {
	float: right;
	width: 560px;
	height: 310px;
	overflow: hidden;
}


/*
=================================================================================
	LATEST NEWS PAGE CONTENT
=================================================================================

	The layout boxes for the latest news page.
	
=================================================================================
*/

/* LATEST NEWS CONTAINER

	The main box that contains the entire page and therefore defines
 	the size of the page, for this page we have a modified size as
 	additional height is needed
*/

#pfs_LatestNewsLayoutContainer {
	position: relative;
	width: 804px;
	height: 1380px;
	background-color: #CC0000;
	margin: auto;
	z-index: 1;
	padding-top: 6px;
	padding-left: 0px;
}

/*  LATEST NEWS STANDARD CONTENT BOX
*/

#pfs_LatestNewsStandardContent {
	position: absolute;
	left: 6px;
	top: 148px;
	width: 792px;
	height: 1210px;
	margin: 0px;
	padding: 0px;
	background-color: black;
	overflow: hidden;
	z-index: 3;
}

/* LATEST NEWS COPYRIGHT FOOTER

	The box used to contain the footer that appears at the bottom of each page
*/

#pfs_LatestNewsLayoutFooter {
	top: 1370px;
	left: 0px;
	height: 14px;
	width:  798px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
}

/* LATEST NEWS BANNER TITLE
*/

#pfs_LatestNewsTitle {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 108px;
	height: 26px;
	z-index: 4;
}

/*  LATEST NEWS TEXT
*/

#pfs_LatestNewText {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 312px;
	height: 708px;
	text-align: left;
	z-index: 4;
}

/*  LATEST NEWS IMAGE
*/

#pfs_LatestNewsImage {
	position: absolute;
	/*top: 420px;*/
	bottom: 20px;
	left: 330px;
	height: 508px;
	width: 452px;
	z-index: 4;
}

/*  NEWS COLUMN ONE BOX
*/

#pfs_LatestNewsHeadingBox {
	position: absolute;
	left: 26px;
	top: 6px;
	width: 668px;
	height: 24px;
	z-index: 2;
}

/*  NEWS COLUMN ONE BOX
*/

#pfs_NewsColumn1Box {
	position: absolute;
	left: 16px;
	top: 48px;
	width: 338px;
	height: 520px;
	z-index: 2;
}

/*  NEWS COLUMN TWO BOX
*/

#pfs_NewsColumn2Box {
	position: absolute;
	right: 16px;
	top: 48px;
	width: 338px;
	height: 520px;
	z-index: 2;
}


/*
=================================================================================
	EXTRAS PAGE CONTENT
=================================================================================

	The layout boxes for the extras pages.
	
=================================================================================
*/

/* EXTRAS CONTAINER

	The main box that contains the entire page and therefore defines
 	the size of the page, for this page we have a modified size as
 	additional height is needed
*/

#pfs_ExtrasLayoutContainer {
	position: relative;
	width: 804px;
	height: 1120px;
	background-color: #CC0000;
	margin: auto;
	z-index: 1;
	padding-top: 6px;
	padding-left: 0px;
}

/*  EXTRAS STANDARD CONTENT BOX
*/

#pfs_ExtrasStandardContent {
	position: absolute;
	left: 6px;
	top: 148px;
	width: 792px;
	height: 940px;
	margin: 0px;
	padding: 0px;
	background-color: black;
	overflow: hidden;
	z-index: 3;
}

/* EXTRAS COPYRIGHT FOOTER

	The box used to contain the footer that appears at the bottom of each page
*/

#pfs_ExtrasLayoutFooter {
	top: 1110px;
	left: 0px;
	height: 14px;
	width:  798px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
}

/* EXTRAS BANNER TITLE
*/

#pfs_ExtrasTitle {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 60px;
	height: 26px;
	z-index: 4;
}

/* EXTRAS NAVBAR - ADVERTISING BUTTON
*/

#pfs_Extras_Ads {
	float: right;
	top: 0px;
	width: 84px;
	height: 26px;
	overflow: hidden;
	background-color: transparent;
	z-index: 5;
}

/* EXTRAS NAVBAR - BROCHURE BUTTON
*/

#pfs_Extras_Brochure {
	float: right;
	top: 0px;
	width: 74px;
	height: 26px;
	overflow: hidden;
	background-color: transparent;
	z-index: 5;
}

/* EXTRAS NAVBAR - SURFING BUTTON
*/

#pfs_Extras_Surfing {
	float: right;
	top: 0px;
	width: 62px;
	height: 26px;
	overflow: hidden;
	background-color: transparent;
	z-index: 5;
}

/* EXTRAS NAVBAR - HISTORY BUTTON
*/

#pfs_Extras_History {
	float: right;
	top: 0px;
	width: 60px;
	height: 26px;
	overflow: hidden;
	background-color: transparent;
	z-index: 5;
}

/* EXTRAS NAVBAR - TESTIMONIALS BUTTON
*/

#pfs_Extras_Testimony {
	float: right;
	top: 0px;
	width: 78px;
	height: 26px;
	overflow: hidden;
	background-color: transparent;
	z-index: 5;
}

/* EXTRAS TESTIMONIALS PARAGRAPH STYLE

	This is the paragraph style that will be used for the testimonials text
*/

p.pfs_Testimonials_Paragraph {
	font-weight: normal;
	color: white;
	line-height: 1.3em;
	margin: 6px 12px;
}

/*  EXTRAS TEXT
*/

#pfs_ExtrasText {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 380px;
	height: 502px;
	text-align: left;
	z-index: 4;
}

/*  EXTRAS IMAGE
*/

#pfs_ExtrasImage {
	position: absolute;
	top: 70px;
	left: 430px;
	height: 213px;
	width: 320px;
	z-index: 4;
}


/* 
=================================================================================
	ADVERTISING PAGE CONTENT
=================================================================================

	The layout boxes for the advertising page.
	
=================================================================================
*/

/* ADVERTISING BANNER

	This is the box that is used on manage the top banner for the advertising
	page title box.
*/

#pfs_AdvertisingBanner {
	position: absolute;
	left: 74px;
	top: 35px;
	width: 640px;
	height: 35px;
	z-index: 4;
}

/* ADVERTISING SINGLE IMAGE

	This is the box that is used when we are simply displaying a single
	image to represent the featured board
*/

#pfs_AdvertisingSingleBox {
	position: absolute;
	left: 74px;
	top: 70px;
	width: 640px;
	height: 828px;
	z-index: 5;
}

/* 
=================================================================================
	BROCHURE PAGE CONTENT
=================================================================================

	The layout boxes for the brochure page.
	
=================================================================================
*/

/*  BROCHURE COLUMN ONE BOX
*/

#pfs_BrochureColumn_1 {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 372px;
	height: 900px;
	z-index: 4;
}

/*  BROCHURE COLUMN TWO BOX
*/

#pfs_BrochureColumn_2 {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 372px;
	height: 84px;
	z-index: 4;
}

/*  BROCHURE COLUMN THREE BOX
*/

#pfs_BrochureColumn_3 {
	position: absolute;
	right: 10px;
	top: 330px;
	width: 372px;
	height: 550px;
	z-index: 4;
}

/*  BROCHURE IMAGE BOX
*/

#pfs_BrochureImageBox {
	position: absolute;
	right: 92px;
	top: 98px;
	width: 200px;
	height: 220px;
	z-index: 3;
}

/*  BROCHURE DOWNLOAD BOX
*/

#pfs_BrochureDownloadBox {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 372px;
	height: 18px;
	z-index: 4;
}

/* BROCHURE TITLES COLUMN 1 H2
*/

#pfs_BrochureColumn_1 h2 {
	text-align: center;
}

/* BROCHURE TITLES COLUMN 1 H3
*/

#pfs_BrochureColumn_1 h3 {
	text-align: center;
}

/* BROCHURE TITLES COLUMN 3 H2
*/

#pfs_BrochureColumn_3 h2 {
	text-align: center;
}

/* BROCHURE TITLES COLUMN 3 H3
*/

#pfs_BrochureColumn_3 h3 {
	text-align: center;
}

/* 
=================================================================================
	SURFING PAGE CONTENT
=================================================================================

	The layout boxes for the surfing page.
	
=================================================================================
*/

/*  SURFING PICTURE BOX
*/

#pfs_SurfingPicture1 {
	position: absolute;
	left: 76px;
	top: 10px;
	width: 640px;
	height: 426px;
	z-index: 4;
}

/*
=================================================================================
	HISTORY PAGE CONTENT
=================================================================================

	The layout boxes for the history page.
	
=================================================================================
*/

/*  HISTORY TEXT BOX
*/

#pfs_HistoryTitleBox {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 780px;
	height: 32px;
	z-index: 4;
}

/*  HISTORY COLUMN ONE
*/

#pfs_HistoryColumn_1 {
	position: absolute;
	left: 10px;
	top: 40px;
	width: 376px;
	height: 468px;
	z-index: 4;
}

/*  HISTORY COLUMN TWO 
*/

#pfs_HistoryColumn_2 {
	position: absolute;
	right: 10px;
	top: 40px;
	width: 376px;
	height: 468px;
	z-index: 4;
}


/*
=================================================================================
	DISTRIBUTOR PAGE CONTENT
=================================================================================

	The layout boxes for the distributor page.
	
=================================================================================
*/

/* DISTRIBUTORS CONTAINER

	The main box that contains the entire page and therefore defines
 	the size of the page, for this page we have a modified size as
 	additional height is needed
*/

#pfs_DistributorsLayoutContainer {
	position: relative;
	width: 804px;
	height: 818px;
	background-color: #CC0000;
	margin: auto;
	z-index: 1;
	padding-top: 6px;
	padding-left: 0px;
}

/* DISTRIBUTORS COPYRIGHT FOOTER

	The box used to contain the footer that appears at the bottom of the distributor page
*/

#pfs_DistributorLayoutFooter {
	top: 808px;
	left: 0px;
	height: 14px;
	width:  798px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
}

/*  DISTRIBUTOR BOX
*/

div.pfs_DistributorBox {
	float: left;
	width: 792px;
	height: 101px;
	margin-left: 6px;
	margin-top: 6px;
	padding: 0;
}

/*  DISTRIBUTOR BOX CONTENT
*/

div.pfs_DistributorContentBox {
	position: absolute;
	width: 788px;
	height: 101px;
	margin-left: 2px;
	margin-top: 0px;
	padding: 0;
	background-color: black;
	overflow: hidden;
	z-index: 4;
}

/*  DISTRIBUTOR IMAGE BOX
*/

div.pfs_DistributorImageBox {
	position: absolute;
	width: 360px;
	height: 91px;
	margin-top: 5px;
	margin-left: 8px;
	padding: 0;
	overflow: hidden;
	z-index: 5;
}

/*  DISTRIBUTOR TEXT BOX
*/

div.pfs_DistributorTextBox {
	position: absolute;
	left: 372px;
	width: 396px;
	height: 91px;
	margin-top: 5px;
	margin-left: 8px;
	z-index: 5;
}

/*  DISTRIBUTOR LEFT EDGE
*/

div.pfs_DistributorLeftEdge {
	float: left;
	top: 0px;
	left: 0px;
	width: 2px;
	height: 101px;
	margin: 0;
	padding: 0;
}

/*  DISTRIBUTOR RIGHT EDGE
*/

div.pfs_DistributorRightEdge {
	float: right;
	top: 0px;
	left: 790px;
	width: 2px;
	height: 101px;
	margin: 0;
	padding: 0;
}

/* 
=================================================================================
	CONTACTS PAGE CONTENT
=================================================================================

	The layout boxes for the contacts page.
	
=================================================================================
*/

/*  CONTACTS LOGO BOX

	This is the box that is used to display the title for the contacts page.

*/

#pfs_ContactsLogoBox {
	position: absolute;
	left: 142px;
	top: 50px;
	width: 247px;
	height: 62px;
	background-image: url(../images/pfs_logo.png);
	z-index: 3;
}

/*  CONTACTS TITLE BOX

	This is the box that is used to display the title for the contacts page.

*/

#pfs_ContactsTextBox {
	position: absolute;
	left: 24px;
	top: 148px;
	width: 492px;
	height: 492px;
	z-index: 3;
}

/*  CONTACTS CALIFORNIA BOX

	This is the box that is used to display the California contact information.

*/

#pfs_ContactsInfoBox {
	position: absolute;
	left: 6px;
	top: 40px;
	width: 340px;
	height: 520px;
	z-index: 3;
}


/*  PROBOX PICTURE BOX
*/

#pfs_ContactsPictureBox {
	position: absolute;
	left: 544px;
	top: 148px;
	width: 244px;
	height: 488px;
	z-index: 3;
}

/*  PROBOX PICTURE BOX CONTENT
*/

#pfs_ContactsPictureContentBox {
	position: absolute;
	left: 0px;
	top: 35px;
	width: 244px;
	height: 452px;
	background-color: black;
	z-index: 4;
}

/*  PROBOX BOYS BOX
*/

#pfs_ProBoxBoysBox {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 244px;
	height: 35px;
	z-index: 4;
}

/*  MITCH IMAGE BOX
*/

#pfs_MitchImageBox {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 224px;
	height: 135px;
	z-index: 5;
}

/*  ROBIN IMAGE BOX
*/

#pfs_RobinImageBox {
	position: absolute;
	left: 10px;
	top: 158px;
	width: 224px;
	height: 135px;
	z-index: 5;
}

/*  LARRY IMAGE BOX
*/

#pfs_LarryImageBox {
	position: absolute;
	left: 10px;
	top: 306px;
	width: 224px;
	height: 135px;
	z-index: 5;
}

/*
	LINK STYLES
	
	These styles are used to consistently display links in the 
	site using a rollover effect
*/

.pfs_ContactsTextBox a { 
	color: #104378;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.1em;
}

/*
	copyright ©2007 - 2009 ProBox Fin Systems  All Rights Reserved
*/