/* Universal Elements */

body 				{ font: x-small/1.5em Verdana,Sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small; background: #415F76 url(images/img_bkgGradient.jpg) repeat-x; height: 100%; margin: 0; }
html>body 			{ font-size: small; }

.logo				{ position: absolute; left: 50%; margin-left: -362px; margin-top: 30px; z-index: 2; }
.tagline			{ position: absolute; left: 50%; margin-left: -142px; margin-top: 53px; z-index: 3; }
.redPanel			{ position: absolute; left: 50%; margin-left: -384px; margin-top: 118px; z-index: 2; background-color: #990000; width: 768px; height: 4px; }

a:link				{ color: #333399; text-decoration:underline; }
a:visited			{ color: #990066; text-decoration:underline; }
a:hover				{ color: #333399; text-decoration:underline; }
a:active			{ color: #333399; text-decoration:underline; }

.bold				{ font-weight: bold; }

ul					{ list-style-type: square; margin-left: 20px; padding: 0 0 5px 12px; }

#navlist_v			{ list-style: none; padding-left: 0; margin-left: 0; }
#navlist_v li		{ padding: 0 6px 8px 12px; background-image: url(images/gfx_bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; }

h1					{ font: normal 185%/1em "Trebuchet MS",Sans-serif; color: #990000; margin: 0; padding: 0; } 
h2					{ font: normal 140%/1em "Trebuchet MS",Sans-serif; color: #000055; margin: 0; padding: 0; } 
h3					{ font: normal 100%/1.3em Verdana,Sans-serif; color: #990000; letter-spacing: 2px; text-transform: uppercase;  margin: 0; padding: 10px 0 0 0;  } 
h4					{ font: normal 100%/1.3em Verdana,Sans-serif; color: #000;  margin: 0; padding: 10px 0 0 0; } 
h4.noPadd			{ font: normal 100%/1.3em Verdana,Sans-serif; color: #000;  margin: 0; padding: 0; } 
h5					{ font: normal 85%/1.1em Verdana,Sans-serif; color: #000; } 
h6					{ font: normal 75%/1.1em Verdana,Sans-serif; color: #555;  margin: 0; padding: 10px 0 0 0; } 

.contentArea 		{ position: relative; }
.twoThirdsColumna 	{ float: left; width: 64.9%;  }
.oneThirdsColumnc 	{ float: right; width: 32%;  }

.float				{ float: right; }
.float_left			{ float: left; padding-right: 15px; }
.clear				{ clear: both; }
.panelRight			{ width: 250px; margin: 20px 0px 10px 15px; padding: 15px; background: #F3F1F6 url(images/gfx_panelCorner_light.gif) top left no-repeat; }
.panelRight_yellow	{ width: 250px; margin: 20px 0px 10px 15px; padding: 15px; background: #FDF7E1 url(images/gfx_gradient.jpg) top left repeat-x; }

/* Navigation */
.support			{ position: absolute; left: 50%; margin-left: 276px; margin-top: 11px; z-index: 2; }

.pNav				{ position: absolute; left: 50%; margin-left: -384px; margin-top: 122px; z-index: 2; background-color: #E9E9E9; width: 768px; height: 25px; }

#navcontainer		{ margin: 0; padding: 0 0 0 54px; }
#navcontainer UL	{ list-style: none; margin: 0; padding: 0; border: none; }
#navcontainer LI	{ display: block; margin: 0; padding: 0; float: left; width: auto; }
#navcontainer A		{ color: #000; display: block; width: auto; text-decoration: none; margin: 0; padding: 2px 14px; }
#navcontainer A:hover, #navcontainer A:active 
					{ background: #DEC8C8; }
#navcontainer A.active:link, #navcontainer A.active:visited
					{ position: relative; z-index: 102; background: #990000; }
.navOn				{ display: block; background-color: #990000; color: #FFFFFF; }

.navLink 			{ color: #FFF; text-decoration:none; }

body.navSupport #navSupport a,
body.navAboutUs #navAboutUs a,
body.navProducts #navProducts a,
body.navServices #navServices a,
body.navNewsEvents #navNewsEvents a,
body.navContactUs #navContactUs a	{ background-color: #990000; color: #FFF; }

/* Home Page */
.whitePanel_home	{ position: absolute; left: 50%; margin-left: -384px; margin-top: 20px; width: 768px; height: 649px; z-index: 1; background-color: #FFF;}
.imgGirl			{ position: absolute; left: 50%; margin-left: -362px; margin-top: 340px; z-index: 2; }
.imgSIF				{ position: absolute; left: 400px; margin-left: 235px; margin-top: 500px; z-index: 8; width: 200px; }
.tagSIF				{ position: absolute; left: 400px; margin-left: 235px; margin-top: 630px; z-index: 8; width: 600px; font-size: smaller; }
.footer_home		{ position: absolute; left: 50%; margin-left: 86px; margin-top: 676px; width: 300px; color: #C9D1D8; padding-bottom: 35px; }
.pullQuote_home		{ font: normal 140%/1.3em "Trebuchet MS",Verdana,Sans-serif; position: absolute; left: 50%; margin-left: -330px; margin-top: 178px; width: 291px; height: 162px; text-align: right; color: #000055; z-index: 4; } 
.gfxDots			{ position: absolute; left: 50%; margin-left: -119px; margin-top: 173px; z-index: 3; }
.panelHead_home		{ position: absolute; left: 50%; margin-left: 0px; margin-top: 210px; z-index: 10; width: 312px; padding: 5px 15px 5px 15px; font: bold 115%/1em Verdana, sans-serif; color: #FFFFFF; background: #2B1460 url(images/gfx_panelCorner.gif) top left no-repeat; }
.gfx_forkNspoon		{ position: absolute; left: 50%; margin-left: 223px; margin-top: 153px; z-index: 11; }
.panel_home			{ position: absolute; left: 50%; margin-left: 0px; margin-top: 235px; z-index: 7; width: 310px; padding: 5px 15px 5px 15px;   font: normal 85%/1.2em Verdana, sans-serif; color: #000; background: #FFF; border-left: 1px solid #AAB8C4; border-right: 1px solid #AAB8C4; border-bottom: 1px solid #AAB8C4; border-top: 0px;  }
#hidden_link		{  color: #E7EBF7; background: #E7EBF7; position: absolute; left: 0px; margin-left: 0px; margin-top: 0px; z-index: 7; width: 200px; font: normal 85%/1.2em Verdana, sans-serif; }
#hidden_link A, #hidden_link A:hover, #hidden_link A.active, #hidden_link A.active:link, hidden_link A.active:visited
					{ color: #E7EBF7; width: auto; text-decoration: none; margin: 0; padding: 2px 14px;}

/* Services */
.whitePanel_services	{ position: absolute; left: 50%; margin-left: -384px; margin-top: 20px; width: 768px; height: 661px; z-index: 1; background-color: #FFF;}
.footer_services		{ position: absolute; left: 50%; margin-left: 86px; margin-top: 688px; width: 300px; color: #C9D1D8; padding-bottom: 35px; }
.imgServices			{ position: absolute; left: 50%; margin-left: 64px; margin-top: 173px; z-index: 2; }
.contentArea_services	{ position: absolute; left: 50%; margin-left: -354px; margin-top: 173px; width: 418px; z-index: 2; }

/* Products */
.forkSpoonIcon		{ position: absolute; left: 50%; margin-left: 274px; margin-top: 158px; z-index: 10; }
.whitePanel_products	{ position: absolute; left: 50%; margin-left: -384px; margin-top: 208px; width: 768px; z-index: 2; background-color: #FFF; }
.contentArea_products	{ padding: 0 30px 0 30px;  margin-bottom: 50px; }
.contentArea_products_archive	{ position: absolute; left: 50%; margin-left: -354px; margin-top: 208px; width: 713px; z-index: 8; }
.productImage			{ padding: 10px 0 10px 0; }

.sNav				{ position: absolute; left: 50%; margin-left: -330px; margin-top: 158px; z-index: 2; background-color: #E9E9E9; height: 25px; }

#snavcontainer		{ margin: 0; padding: 0; }
#snavcontainer UL	{ list-style: none; margin: 0; padding: 0; border: none; }
#snavcontainer LI	{ display: block; margin: 0; padding: 0; float: left; width: auto; border-right: 2px solid #FFFFFF; }
#snavcontainer A		{ color: #000; display: block; width: auto; text-decoration: none; margin: 0; padding: 2px 14px; }
#snavcontainer A:hover, #navcontainer A:active 
					{ background: #D5D0DF; }
#snavcontainer A.active:link, #snavcontainer A.active:visited
					{ position: relative; z-index: 102; background: #2B1460; }
.snavOn				{ display: block; background-color: #2B1460; color: #FFFFFF; }

.snavLink 			{ color: #FFF; text-decoration:none; }

body.snavQSPHub #snavQSPHub a,
body.snavSDMS #snavSDMS a,
body.snavQSP #snavQSP a,
body.snavCafeTerminal #snavCafeTerminal a,
body.snavFORMAT #snavFORMAT a,
body.snavBackOffice #snavBackOffice a,
body.snavPayForIt #snavPayForIt a	{ background-color: #2B1460; color: #FFF; }


/* News and Events */
.whitePanel_newsEvents	{ position: absolute; left: 50%; margin-left: -384px; margin-top: 165px; width: 768px; z-index: 50; background-color: #FFF; }