/*	Simple VII Menus by PVII Style Sheet.
	Comments are included for your assistance. */

/* General Notes- Rules preceded by # are ID selectors and are
	assigned in the HTML markup like this: <div id="logo">.
	IDs are unique. That is, an ID can only be assigned to
	one element per page.

	Rules preceded by a period are Class Selectors and are
	assigned in the HTML markup like this:
	<div class="p7simontrigger">

	Some elements are assigned both an ID and a Class, like this:
	<div class="p7simontrigger" id="p7trigger1"> */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 	Use a combined selector to assign all properties common to each
	of the trigger DIVs, which are absolutely positioned
	Dreamweaver 'Layers' */
#p7trigger1 { position: absolute; left: 221px; top: 0px; }
#p7trigger2 { position: absolute; left: 313px; top: 0px; }
#p7trigger3 { position: absolute; left: 414px; top: 0px; }
#p7trigger7 { position: absolute; left: 498px; top: 0px; }
#p7trigger4 { position: absolute; left: 586px; top: 0px; }
#p7trigger5 { position: absolute; left: 674px; top: 0px; }
#p7trigger6 { position: absolute; left: 769px; top: 0px; }


/* 	Link styles for the Trigger Layers

 	Set to block to make link fill up entire layer with a
	background color that shows through the transparent fill of the trigger images */

.p7simontrigger1 a { text-decoration: none; display: block; width: 92px; height: 101px; background: transparent url(/images/nav_AboutPerficient.gif) no-repeat; }
.p7simontrigger2 a { text-decoration: none; display: block; width: 101px; height: 101px; background: transparent url(/images/nav_SolutionsServices.gif) no-repeat; }
.p7simontrigger3 a { text-decoration: none; display: block; width: 84px; height: 101px; background: transparent url(/images/nav_Industries.gif) no-repeat; }
.p7simontrigger4 a { text-decoration: none; display: block; width: 88px; height: 101px; background: transparent url(/images/nav_Partners.gif) no-repeat; }
.p7simontrigger5 a { text-decoration: none; display: block; width: 95px; height: 101px; background: transparent url(/images/nav_InvestorRelations.gif) no-repeat; }
.p7simontrigger6 a { text-decoration: none; display: block; width: 99px; height: 101px; background: transparent url(/images/nav_NewsEvents.gif) no-repeat; }
.p7simontrigger7 a { text-decoration: none; display: block; width: 88px; height: 101px; background: transparent url(/images/nav_Delivery.gif) no-repeat; }


/* 	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */

.p7simontrigger1 a:hover, .p7simontrigger1 a:active, .p7simontrigger1 a:focus { background-position: -92px 0; }
.p7simontrigger2 a:hover, .p7simontrigger2 a:active, .p7simontrigger2 a:focus { background-position: -101px 0; }
.p7simontrigger3 a:hover, .p7simontrigger3 a:active, .p7simontrigger3 a:focus { background-position: -84px 0; }
.p7simontrigger4 a:hover, .p7simontrigger4 a:active, .p7simontrigger4 a:focus { background-position: -88px 0; }
.p7simontrigger5 a:hover, .p7simontrigger5 a:active, .p7simontrigger5 a:focus { background-position: -95px 0; }
.p7simontrigger6 a:hover, .p7simontrigger6 a:active, .p7simontrigger6 a:focus { background-position: -99px 0; }
.p7simontrigger7 a:hover, .p7simontrigger7 a:active, .p7simontrigger7 a:focus { background-position: -88px 0; }


.p7curpagesimontrigger1 a { display: block; width: 92px; height: 101px; background: transparent url(/images/nav_AboutPerficient.gif) no-repeat; background-position: -92px 0; }
.p7curpagesimontrigger2 a { display: block; width: 101px; height: 101px; background: transparent url(/images/nav_SolutionsServices.gif) no-repeat; background-position: -101px 0; }
.p7curpagesimontrigger3 a { display: block; width: 84px; height: 101px; background: transparent url(/images/nav_Industries.gif) no-repeat; background-position: -84px 0; }
.p7curpagesimontrigger4 a { display: block; width: 88px; height: 101px; background: transparent url(/images/nav_Partners.gif) no-repeat; background-position: -88px 0; }
.p7curpagesimontrigger5 a { display: block; width: 95px; height: 101px; background: transparent url(/images/nav_InvestorRelations.gif) no-repeat; background-position: -95px 0; }
.p7curpagesimontrigger6 a { display: block; width: 99px; height: 101px; background: transparent url(/images/nav_NewsEvents.gif) no-repeat; background-position: -99px 0; }
.p7curpagesimontrigger7 a { display: block; width: 88px; height: 101px; background: transparent url(/images/nav_Delivery.gif) no-repeat; background-position: -88px 0; }


/* 	The Submenu Layers
 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */
#p7simonsubs1, #p7simonsubs2, #p7simonsubs3, #p7simonsubs4, #p7simonsubs5, #p7simonsubs6, #p7simonsubs7 {
	position: absolute;
    z-index: 1000;
	width: 140px;
	top: 102px;
	visibility: hidden;
    font-size: 12px; 
	line-height: 16px;
    font-family: arial, verdana, helvetica, sans-serif;
	background-image: url(/images/nav_background.gif);
}
/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the left property */
#p7simonsubs1 {left: 221px;}
#p7simonsubs2 {left: 313px; width: 160px;}
#p7simonsubs3 {left: 414px;}
#p7simonsubs7 {left: 498px;}
#p7simonsubs4 {left: 586px;}
#p7simonsubs5 {left: 674px; width: 160px;}
#p7simonsubs6 {left: 769px; width: 115px;}


/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links */
.p7submenus p {margin: 0; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif;}


/* 	Submenu Link Styles    */
.p7submenus a, .p7submenus a:visited {
	display: block;
	padding: 3px 6px 2px 12px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #660000;
	color: #333333;
	text-decoration: none;
    font-size: 12px;
	line-height: 16px;
    font-family: arial, verdana, helvetica, sans-serif;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.

	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {
	color: #FFCC66;
	background-color: #990000;
    background-image: url(/images/navHighlightBack.gif);
}

.p7curpagesubmenus a, .p7curpagesubmenus a:visited {
	display: block;
	padding: 3px 6px 2px 12px;
	border-width: 0px 1px 1px 1px;
	border-color: #660000;
    background-image: url(/images/navHighlightBack.gif);
	background-color: #990000;
	color: #FFCC66;
	text-decoration: none;
    font-size: 12px;
	line-height: 16px;
    font-family: arial, verdana, helvetica, sans-serif;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.

	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
.p7curpagesubmenus a:hover, .p7curpagesubmenus a:active, .p7curpagesubmenus a:focus {
	color: #FFCC66;
	background-color: #990000;
}