/*      S   T   A   N   D   A   R   D   S  
______________________________________________ */



* { border: 0; padding: 0; font-family: "Times New Roman", Times, serif; }/* Set everything to "zero" and defines site font */

html,
body { min-height:100%; } /*for compliant browsers*/

ul { list-style:none; margin:0; }

ul li { width: 100px; margin-right: 100%; }

ul li a { height: 1%; /* make links honour display: block; properly */ }

#wrapper { min-height: 100%; overflow: visible; width: 954px; text-align: center; left: 0px; margin-left:auto; margin-right:auto; } /* 100% height for compliants, enwraps floated content*/

* html #wrapper { height:100%; }/* and feed IE what it needs */

.clear { clear:both; }

h1 { font-size: 2.0em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1em; }

h6 { font-size: 0.8em; }/* Defined default Header sizes*/

a:link,
a:visited,
a:focus,
a:hover,
a:active { background-color:none; }/*s.508 Accessibility*/

a:link { color: #00f; }

a:visited { color: #009; }

a:focus,
a:hover { color: #06f; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/

a:active { color: #0cf; }

blockquote { margin-left:15px; }

/*      S  K  E  L  E T  O  N     B  U  I  L  D      L  A  Y  E  R  S   
_____________________________________________________________________________ */



body { background:url(../images/entirebkg.jpg) top center repeat-y #000000; }

#header { width:954px; height:166px; }

#menu1container { width:954px; height:54px; }

#undermenu1 { width:954px; height:20px; }

#menu2container { width:954px; height:75px; }

#body { width:954px; height:auto; background:url(../images/fullbodybkg.jpg) repeat-y; }

#content { width:500px; padding: 0px 0px 50px 92px; text-align: left; }

#footer { width:954px; height:139px; margin: 25px 0 20px 0; }

#footernotice { width:954px; height:139px; margin: 30px 0 20px 0; }

/*       T   E   X   T      S   T   Y   L   E   S      
_______________________________________________________ */


#wrapper #footer a { font-family:Arial, Helvetica, sans-serif; }

#wrapper #footernotice P { font-size: 11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}

#wrapper #footer P { font-size: 11px; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; }

#wrapper #body #content P, #wrapper #body #content-rightcol P { font-size: 15px; line-height: 18px; margin: 3px 0 17px 0; color: #575757; }


.footermenu P a { font-size:12px; }

H2 { font-size: 15px; }

/*       L   I   N   K      S   T   Y   L   E   S      
_______________________________________________________ */



#wrapper #footer P a:link { color: #BFDE97; text-decoration:underline; }

#wrapper #footer P a:visited { color: #BFDE97; text-decoration:underline; }

#wrapper #footer P a:hover { color: #BFDE97; text-decoration:underline; }

#wrapper #footer P a:active { color: #BFDE97; text-decoration:none; }

#wrapper #body #content P a:link { color: #083D69; text-decoration:underline; }

#wrapper #body #content P a:visited { color: #083D69; text-decoration:underline; }

#wrapper #body #content P a:hover { color: #083D69; text-decoration:underline; }

#wrapper #body #content P a:active { color: #083D69; text-decoration:none; }

#wrapper #body #content H1, #wrapper #body #content-rightcol H1 { font-size: 18px; color: #000000; }

/*       I   M   A   G   E        G   A   L   L   E   R   Y     
____________________________________________________________________ */





.album { width:800px; background-color:#FFFFFF; padding: 0px; margin-top: 0px; margin-left: -5px; }

.album .imageSingle { float: left; margin: 0px; width:150px; border:0; text-align: center; overflow: visible; }

.album .imageSingle .image { width:auto; margin:2px; height: 101px; overflow: hidden; margin-bottom: 0px; }

.album .footer { text-align:left; width: auto; border-top:0; color:#999999; padding-bottom:2px; padding-left: 8px; }

.album .rowheader { text-align:left; width: 800px; margin-top: 32px; margin-bottom: 16px; overflow: visible; float: left; border-bottom:thin #59B0FF solid; margin-left: 8px; padding-bottom: 4px; }

.albumcellfooter { font-size: 12px; margin: 9px 0 5px 0; }

.image img { vertical-align:bottom; width: 134px; }

/*       L   I   G   H   T   B   O   X       J   U   N   K    
____________________________________________________________________ */



#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink,
#nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover,
#prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover,
#nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




/*       MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU   
____________________________________________________________________ */


/* = MENU 1 LAYOUT
-------------------------------------*/
#menu1 { width: 954px; height: 54px; background: url(../images/menu/menu1.jpg) no-repeat; margin: 0; padding: 0; position: relative; }
#menu1 li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu1 li, #menu1 a { height: 54px; display: block; }

#beforeabout { left: 0px; width: 203px; height: 54px; }
#about { left: 203px; width: 79px; height: 54px; }
#solutions { left: 282px; width: 98px; height: 54px; }
#customerspprt { left: 380px; width: 164px; height: 54px; }
#careers { left: 544px; width: 85px; height: 54px; }
#rightside { left: 629px; width: 325px; height: 54px; }


#beforeabout a:hover { background: url(../images/menu/menu1.jpg) 0px -54px no-repeat; height: 54px; left: 0px; }
#about a:hover { background: url(../images/menu/menu1.jpg) -203px -54px no-repeat; height: 54px; left: 203px; }
#solutions a:hover { background: url(../images/menu/menu1.jpg) -282px -54px no-repeat; height: 54px; left: 282px; }
#customerspprt a:hover { background: url(../images/menu/menu1.jpg) -380px -54px no-repeat; height: 54px; left: 380px; }
#careers a:hover { background: url(../images/menu/menu1.jpg) -544px -54px no-repeat; height: 54px; left: 544px; }
#rightside a:hover { background: url(../images/menu/menu1.jpg) -629px -54px no-repeat; height: 54px; left: 629px; }

#beforeabout-on { background: url(../images/menu/menu1.jpg) 0px px no-repeat; left: 0px; width: 203px;  height: 54px;}
#about-on { background: url(../images/menu/menu1.jpg) -203px -108px no-repeat; left: 203px; width: 79px;  height: 54px;}
#solutions-on { background: url(../images/menu/menu1.jpg) -282px -108px no-repeat; left: 282px; width: 98px;  height: 54px;}
#customerspprt-on { background: url(../images/menu/menu1.jpg) -380px -108px no-repeat; left: 380px; width: 164px;  height: 54px;}
#careers-on { background: url(../images/menu/menu1.jpg) -544px -108px no-repeat; left: 544px; width: 85px;  height: 54px;}
#rightside-on { background: url(../images/menu/menu1.jpg) -629px -108px no-repeat; left: 629px; width: 325px;  height: 54px;}

/* = MENU 2 LAYOUT
-------------------------------------*/

#menu2 { width: 954px; height: 75px; background: url(../images/menu/menu2.jpg) no-repeat; margin: 0; padding: 0; position: relative; }
#menu2 li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu2 li, #menu2 a { height: 75px; display: block; }

#home { left: 0px; width: 98px; height: 75px; }
#cert { left: 98px; width: 149px; height: 75px; }
#pdnumbers { left: 247px; width: 192px; height: 75px; }
#people { left: 439px; width: 101px; height: 75px; }
#news { left: 540px; width: 93px; height: 75px; }
#portal { left: 633px; width: 124px; height: 75px; }
#contact { left: 757px; width: 94px; height: 75px; }
#rightspace { left: 851px; width: 103px; height: 75px; }

#home a:hover { background: url(../images/menu/menu2.jpg) 0px -75px no-repeat; height: 75px; left: 0px; }
#cert a:hover { background: url(../images/menu/menu2.jpg) -98px -75px no-repeat; height: 75px; left: 98px; }
#pdnumbers a:hover { background: url(../images/menu/menu2.jpg) -247px -75px no-repeat; height: 75px; left: 247px; }
#people a:hover { background: url(../images/menu/menu2.jpg) -439px -75px no-repeat; height: 75px; left: 439px; }
#news a:hover { background: url(../images/menu/menu2.jpg) -540px -75px no-repeat; height: 75px; left: 540px; }
#portal a:hover { background: url(../images/menu/menu2.jpg) -633px -75px no-repeat; height: 75px; left: 633px; }
#contact a:hover { background: url(../images/menu/menu2.jpg) -757px -75px no-repeat; height: 75px; left: 757px; }
#rightspace a:hover { background: url(../images/menu/menu2.jpg) -851px -75px no-repeat; height: 75px; left: 851px; }

#home-on { background: url(../images/menu/menu2.jpg) 0px -150px no-repeat; left: 0px; width: 98px;  height: 75px;}
#cert-on { background: url(../images/menu/menu2.jpg) -98px -150px no-repeat; left: 98px; width: 149px;  height: 75px;}
#pdnumbers-on { background: url(../images/menu/menu2.jpg) -247px -150px no-repeat; left: 247px; width: 192px;  height: 75px;}
#people-on { background: url(../images/menu/menu2.jpg) -439px -150px no-repeat; left: 439px; width: 101px;  height: 75px;}
#news-on { background: url(../images/menu/menu2.jpg) -540px -150px no-repeat; left: 540px; width: 93px;  height: 75px;}
#portal-on { background: url(../images/menu/menu2.jpg) -633px -150px no-repeat; left: 633px; width: 124px;  height: 75px;}
#contact-on { background: url(../images/menu/menu2.jpg) -757px -150px no-repeat; left: 757px; width: 94px;  height: 75px;}
#rightspace-on { background: url(../images/menu/menu2.jpg) -851px -150px no-repeat; left: 851px; width: 103px;  height: 75px;}

#wrapper #body #searchbox #brochuredownload { height: 46px; width: 181px; float: left; margin: 0 0 0 150px; background-image: url(../images/searchbox/right.png); }

#wrapper #body #searchbox #searchfield { float: left; height: 40px; margin: 0; width: 126px; background-image: url(../images/searchbox/center.png); background-repeat: repeat-x; padding: 10px 0 0 0; }

#wrapper #body #searchbox #searchtext { float: left; width: 32px; text-align: right; height: 46px; padding: 0; margin: 0; background-image: url(../images/searchbox/left.png); }

#wrapper #body #content-rightcol { float: left; width: 310px; padding: 0 0 0 25px; text-align: left; }

#wrapper #body #content-rightcol #emailcontactcontainer { width: 355px; margin: 0 0 15px 0; }

#wrapper #body #content-rightcol #emailcontactcontainer #lefticon { width: 79px; height: 61px; float: left; }

#wrapper #body #content-rightcol #emailcontactcontainer #textandemail { width: 271px; float: left; color: #666666; }