/********************************************************
* Global Rules
********************************************************/

* { margin: 0; padding: 0; outline: none; }

img { border: 0; }

body {
    background-color: #DADADA;
    background-image: url('images/bg.jpg');
    background-repeat: repeat-y;
    background-position: center; 
    font: normal 12px arial, verdana, sans-serif;
    text-align: center
    }

div.contentparagraph, div.contenthighlight, body {
	line-height: 11pt;
	}

		/*hr, .nodisp { display: none; }*/

hr {
	border: 0;
	color: #ccc;
	background-color: #fff;
	height: 1px;
	width: 615px;
	}


ul {
	list-style-type: none;
	padding-left: 20px;
	}

li { 	
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-image: url(../images/bullet.gif); 
	}

li.int { 	
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-image: url(../images/bullet.gif); 
	}


ul.none {
	list-style-type: none;
	margin-left: -15px;
	font: normal 11px arial, verdana, sans-serif;
	}

li.none { 	
	padding-bottom: 0px;
	padding-left: -5px;
	list-style-image: url(); 
	}

li.resources {
	margin-bottom: 13px;
	padding-bottom: 0px;
	padding-left: -5px;
	list-style-image: url(); 
	}

table { 
	font-family: Arial; font-size: 11px; 
	border-style: none;
	float:center;
	}

strong { 
	font-weight: bold;
	}

a:link {
	color: #006699;
	text-decoration: none
	}

a:visited {
	color: #006699;
	text-decoration: none
	}

a:hover {
	color: #006699;
	text-decoration: underline
	}

a:active {
	color: #006699;
	text-decoration: none
	}

 {
	text-decoration: underline;
	}

	
a.menu {
	color: #ffffff;
	text-indent: 5px;
	text-decoration: none
	}

a.menu:link {
	color: #ffffff;
	text-indent: 5px;
	text-decoration: none
	}

a.menu:hover {
	text-decoration: underline;
	}


a.menu:visited {
	color: #ffffff;
	text-indent: 5px;
	text-decoration: none
	}

a.menu:active {
	color: #ffffff;
	text-indent: 5px;
	text-decoration: none
	}

a.menu2, a.menu2:link, a.menu2:visited, a.menu2:hover, a.menu2:active {
	color: #ffffff;
	text-decoration: none;
	}
	
a.menu2:visited {color: #d5d5d5}

a.menu2:hover {
		text-decoration: underline;
		color: #fff
		}

a.menu2:active {color: #6699CC;
	text-decoration: underline
	}

a:focus { -moz-outline: none -moz-mac-focusring; }





div.container {
		width: 770px;
		text-align: left;
		/* border: 1px solid rgb(150,150,150); */
		padding-bottom: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		}

div.content {
		float: left;
		width: 534px;
		margin-left: 0px;
		margin-bottom: 10px;
		}

div.contenthighlight, div.greytable, div.greytable2, div.greytableA, div.greytableB, div.greytableC, div.partnerdesc1, div.title3content, div.title2content, div.resourcegray1, div.resourcegray2 {
		background-color: #eaeaea;
		}


/*=======================================================
MAIN GRAPHIC & TEXT
=======================================================*/

				div.mainimg {
						float: left;
						width: 770px;
						height: 250px;
						background-color: #444444;
						background-image: url('images/home_graphic.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}

				div.mainflash {
						margin-bottom: 0px;
						}

				div.imgtext {	
						width: 260px;
						padding-left: 40px;
						padding-top: 95px;
						color: #000000;
						}

				a.imgtext {
						color: #00548a;
						}


/*=======================================================
SECONDARY PAGE GRAPHIC
=======================================================*/

				div.secondaryimg {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/about_graphic.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}



				div.contentparagraph {
						float: left;
						margin-top: 10px;
						margin-bottom: 10px;
						margin-left: 0px;
						margin-right: 0px;
						padding-top: px;
						padding-bottom: px;
						padding-left: 10px;
						padding-right: 0px;
						width: 510px;	
						background-color: #ffffff;
						}
						
				div.contentparagraph1 {
						float: left;
						margin-top: 10px;
						margin-bottom: 10px;
						margin-left: 10px;
						margin-right: 0px;
						padding-top: px;
						padding-bottom: px;
						padding-left: 10px;
						padding-right: 0px;
						width: 510px;	
						background-color: #ffffff;
						}

				div.contenthighlight {
						margin-top: 10px;
						margin-bottom: 10px;
						width: 495px;
						padding-top: 10px;
						padding-bottom: 10px;
						padding-left: 10px;
						padding-right: 10px;
						}
				
				div.rightgraphic {
						background-image: url('right_graphic.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}




/*=======================================================
PCI Page Tables
=======================================================*/


				div.bluetable, div.bluetable2, div.greytable, div.greytable2, div.greytableA, div.greytableB, div.bluetable3, div.greytableC {
						float: left;
						margin-top: 0px;
						margin-bottom: 1px;
						margin-right: 1px;
						line-height: 10pt;
						padding-top: 2px;
						padding-bottom: 2px;
						padding-left: 5px;
						padding-right: 5px;
						}
				
				div.bluetable, div.bluetable2, div.bluetable3 {
						color: white;
						background-color: #135e8a;
						}

				div.bluetable, div.greytable, div.greytableA {
						width: 100px;
						}

				div.bluetable2, div.greytable2, div.greytableB {
						width: 375px;
						}

				div.bluetable3, div.greytableC {
						width: 187px;
						}

				div.greytableA, div.greytableB, div.greytableC {
						height: 130px;
						}
				
				p.break {
						float: left;
						margin-top: 20px;
						margin-bottom: 20px;
						}

				div.pci {
						float: left;
						margin-top: 0px;
						margin-bottom: 1px;
						margin-right: 1px;
						line-height: 10pt;
						padding-top: 2px;
						padding-bottom: 2px;
						padding-left: 5px;
						padding-right: 5px;
						width: 475px;
						}

				/*=======================================================
				News Page Graphics
				=======================================================*/
				div.rightgraphicnews {
						background-image: url('images/right_graphic_news.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgnews {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_news.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}

				/*=======================================================
				Contact Page Graphics
				=======================================================*/

				div.rightgraphiccontact {
						background-image: url('images/right_graphic_contact.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgcontact {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_contact.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}

				/*=======================================================
				About Page Graphics
				=======================================================*/

				div.rightgraphicabout {
						background-image: url('images/right_graphic_about.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgabout {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_about.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}

				/*=======================================================
				Products Page Graphics
				=======================================================*/

				div.rightgraphicproducts {
						background-image: url('images/right_graphic_products.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgproducts {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_products.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						margin-left:0px;
						margin-right:0px;
						}



				/*=======================================================
				Services Page Graphics
				=======================================================*/

				div.rightgraphicservices {
						background-image: url('images/right_graphic_services.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgservices {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_services.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}





				/*=======================================================
				Case Studies Page Graphics
				=======================================================*/

				div.rightgraphiccase {
						background-image: url('images/right_graphic_casestudies.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgcase {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_casestudies.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}
				
				div.casestudytitle {
						padding-top: 20px;
						font-family: Arial; 
						font-size: 16px;
						font-style: italic;
						font-weight: 700;
						line-height: 18px;
						color:#135e8a;
						}

				div.html, div.pdf, div.pdf2 {
						float: left; 
						padding: 2px 5px 2px 5px; 
						background-color: #888888; 
						border-style: none; 
						border-width: 0px; 
						border-color: Black; 
						margin-top: 13px;
						}

				div.pdf {
						margin-right: 10px;
						}

				div.pdf2 {
						width: 208px; 
						}


				/*=======================================================
				Partners Page Graphics
				=======================================================*/

				div.rightgraphicpartners {
						background-image: url('images/right_graphic_partners.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgpartners {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_partners.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}
				
				div.partnerlogos1 {
						float: left;
						width: 125px;
						padding: 10px 10px 5px 5px;
						text-align: center;
	
						}

				div.partnerlogos {
						float: left;
						width: 125px;
						padding: 35px 10px 5px 5px;
						text-align: center;
						}

				div.partnerdesc {
						float: left;
						width: 350px;
						padding-left: 5px;
						padding-top: 30px;
						padding-bottom: 30px;
						padding-right: 10px;
						}

				div.partnerdesc1 {
						float: left;
						width: 350px;
						padding-left: 10px;
						padding-top: 10px;
						padding-bottom: 10px;
						padding-right: 10px;
	
						}



				/*=======================================================
				News Page Graphics
				=======================================================*/

				div.rightgraphicnews {
						background-image: url('images/right_graphic_news.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgnews {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_news.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}



				/*=======================================================
				Resources Page Graphics
				=======================================================*/

				div.rightgraphicresources {
						background-image: url('images/right_graphic_resources.jpg');
						background-position: center;
						width: 236px;
						height: 93px;
						}

				div.secondaryimgresources {
						float: left;
						width: 533px;
						height: 72px;
						background-color: #ffffff;
						background-image: url('images/long_graphic_resources.jpg');
						background-repeat: repeat-y;
						background-position: center; 
						}

				div.bluebarresources {
						width: 236px;
						float: left;
						height: 20px;
						font-family: verdana;
						background-color:#135e8a;
						border-bottom: 0px solid rgb(150,150,150);
						color: rgb(255,255,255);
						padding-left: 0px;
						padding-top: 1px;
						text-indent: 0px;
						text-align: left;
						margin-top: 1px;
						}

				div.bluebarresources1, div.bluebarresources2 {
						width: 266px;
						float: left;
						height: 20px;
						font-family: verdana;
						background-color:#135e8a;
						border-bottom: 0px solid rgb(150,150,150);
						color: rgb(255,255,255);
						padding-left: 0px;
						padding-top: 0px;
						text-indent: 0px;
						text-align: left;
						}

				div.bluebarresources1 {
						margin-right: 1px;
						}

				div.resourcegray1, div.resourcegray2 {
						float: left;
						text-indent: 0px;
						text-align: left;
						line-height: 10pt;
						width: 266px;
						}


				div.resourcegray1 {
						margin-right: 1px;
						}

				div.resourceinside {
						margin-top: 12px;
						margin-bottom: 15px;
						text-indent: 8px;
						}



















				div.contentboxright {
						float:left;
						width: 236px;
						margin-top: 1px;
						margin-left: 0px;
						text-align: left;
						padding-left: 0px;
						padding-bottom: 10px;
						padding-right: 0px;
						padding-top: 10px;
						text-indent: 0px;
						background-color: #555555;
						}
				
				div.contentright {
						float: left;
						padding-left: 10px;
						padding-right: 10px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-top: 0px;
						padding-bottom: 5px;
						text-align: left;
						text-indent: 0px;
						font: normal 11px arial, verdana, sans-serif;
						color: #ffffff;
						}

				h3.quote {
						float: left;
						font: normal 24px arial, verdana, sans-serif;
						color: #ffffff;
						line-height: 12pt;
						}


/*=======================================================
SURVEY PAGE
=======================================================*/

span.required {
		color: red;
		}


div.genleft {
		width: 330px;
		vertical-align: top;
		text-align: right;
		margin-right: 0px;
		line-height: 18px;
		}

div.genleft3 {
		float: left;
		width: 150px;

		text-align: right;
		margin-right: 0px;
		line-height: 18px;
		}

div.genleft4 {
		float: left;
		width: 260px;
		text-align: left;

		padding-left: 20px;
		margin-right: 0px;
		line-height: 18px;
		}


div.genleft2 {
		float: left;
		width: 500px;

		text-align:left;
		margin-right: 0px;
		padding-top: 40px;
		padding-bottom: 20px;
		}

div.genright {
		float: left;
		width: 100px;
		text-align: left;

		background-color: blue;
		}

span.radio {	
		width: 4px;
		text-align: left;
		height: 20px;
		}

span.textbox {
		}



/*=======================================================
MAIN PARAGRAPH
=======================================================*/

div.mainparagraph {
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 10px;
		padding-top: px;
		padding-bottom: px;
		padding-left: 10px;
		padding-right: 10px;
		width: 515px;	
		background-color: #ffffff;
		line-height: 10pt;
		height: 95px;
		font: normal 12px arial, verdana, sans-serif;
		}

/*=======================================================
BLUE BAR TITLES
=======================================================*/

				div.title, div.title2, div.title3, div.title4, div.lefttitle {
						float: left;
						height: 20px;
						font-family: verdana;
						background-color:#135e8a;
						border-bottom: 0px solid rgb(150,150,150);
						color: rgb(255,255,255);
						padding-left: 0px;
						padding-top: 0px;
						text-indent: 0px;
						text-align: left;
						}
				
				div.title {
						width: 533px;
						margin-top: 1px;
						margin-left: 0px;
						margin-right: 0px
						}

				div.title2 {
						width: 177px;
						margin-right: 1px;
						margin-bottom: 1px;
						}

				div.title3 {
						width: 177px;
						margin-right: 1px;
						margin-bottom: 1px;
						}

				div.title4 {
						width: 177;
						margin-bottom: 1px;
						}

				div.lefttitle {
						float: left;
						width: 236px;
						height: 20px;
						margin-top: 1px;
						margin-bottom:1px;
						}

				h1.titles, h1.titles2, h1.titles3, h1.titles4, h1.titlesleft {
						font: normal 11px arial, verdana, sans-serif;
						letter-spacing: 0px;
						color: #ffffff;
						text-indent: 5px;
						text-align: left;
						text-transform: uppercase;
						background-repeat: no-repeat;
						background-position: center; 
						padding-top: 3px;
						padding-left: 0px;
						}

/*=======================================================
MAIN PAGE SUB SECTIONS
=======================================================*/

div.title3content, div.title2content {
		font: normal 11px arial, verdana, sans-serif;		
		}

div.title3content, div.title2content {
		float: left;
		text-indent: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-left: 0px solid #cccccc;
		border-right: 0px solid #cccccc;
		border-bottom: 0px solid #cccccc;
		text-align: left;
		line-height: 10pt;
		width: 177px;
		height: 140px;
		}

div.title2content {
		margin-right: 1px;
		}

div.title3content {
		margin-right: 0px;
		}


div.title2contentinside, div.title3contentinside {
		margin-top: 12px;
		margin-bottom: 15px;
		text-indent: 8px;
		}

div.scroll {
		margin-top: 0px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		}

/*=======================================================
MAIN PAGE RIGHT SIDE
=======================================================*/


				div.left {
						float: left;
						width: 200px;
						margin-left: 0px;
						margin-bottom: 10px;
						margin-top: 0px;
						}




				a.newslink
						{
						line-height:11pt;
						}


				div.leftcontent {
						float:left;
						width: 236px;
						height: 275px;
						margin-top: 0px;
						margin-left: 0px;
						text-align: left;
						padding-left: 0px;
						padding-right: 0px;
						padding-top: 0px;
						text-indent: 0px;
						background-color:#ffffff;
						font: normal 11px arial, verdana, sans-serif;	
						}

				div.leftcontentinside {
						float: left;
						margin-left: 5px;
						margin-right: 0px;
						margin-top: 5px;
						margin-bottom: 0px;
						padding-top: 0px;
						padding-bottom: 5px;
						text-align: left;
						text-indent: 0px;
						height: 30px;
						width: 220px;
						border-bottom-style: solid;
						border-bottom-width: 1px;
						border-bottom-color: #dddddd;						
						}
						
				div.morenews {
						float: left;
						margin-left: 5px;
						margin-right: 0px;
						margin-top: 5px;
						margin-bottom: 0px;
						padding-top: 0px;
						padding-bottom: 0px;
						text-align: right;
						text-indent: 0px;
						height: auto;
						width: 220px;
						border-bottom:none;
						}

				div.white {
						float: left;
						border-top-style: solid;
						border-top-width: 1px;
						border-top-color: #ffffff;
						margin-top: 5px;
						margin-bottom: 0px;
						width: 236px;
						background-color: red;
						padding-top: 0px;
						padding-bottom: 0px;
						}
		
/*=======================================================
MAIN PAGE CASE STUDIES
=======================================================*/

div.maincases1 {
		background-repeat: repeat-y;
		background-position: left;
		background-image: url('images/featcasestudies/full.jpg');
		height: 163px;
		width: 236px;
		}


div.maincases2 {
		background-repeat: repeat-y;
		background-position: left;
		background-image: url('images/featcasestudies/full2.jpg');
		height: 163px;
		width: 236px;
		}

div.maincasescontent {
		width: 220px;
		height: 34px;
		padding-left: 21px;
		padding-top: 135px;
		color: black;
		line-height: 14px;

		z-index: 1;
		}

div.maincasescontent2 {
		width: 220px;
		height: 34px;
		padding-left: 21px;
		padding-top: 140px;
		color: black;
		line-height: 11px;

		z-index: 1;
		margin-top: 163px;
		}

/* ======================================
HEADER
 ====================================== */

div.headerbg {
		float: left;
		background-color: #555555;
		background-image: url('images/header_gd.jpg');
		background-repeat: repeat-y;
		background-position: left;
		height: 90px;
		width: 770px;
		}


div.header {
		float: left;
		margin-top: 5px;
		}	

div.headermenu {
		float: left;
		color: white;
		text-align: center;
		margin-top:2px;
		background-color: #555555;		
		}

div.headermenu2 {
		float: left;
		color: white;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1px;	
		width: 20px;
		text-align: center;
		background-color: #555555;
		}

div.headermenubg {
		z-index: 2;
		height: 19px;
		color: white;
		background-color: #1143AB;
		width: 770px;
		margin-left: auto;
		margin-right: auto;
		}

img.logo {
		height: 70px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		}

img.homelink {
		margin-top: 20px;
		margin-left: 18px;
		}

p.menu {
		color: rgb(255,255,255);
		font-family: arial;
		font-size: 11px
		}





	.qmclear 
		{
		font-size:1px;
		height:0px;
		width:0px;
		clear:left;
		line-height:0px;
		display:block;
		}
	
	.qmmc 
		{
		position:relative;
		}
	
	.qmmc a 
		{
		float:left;
		display:block;
		white-space:nowrap;
		}

	.qmmc div a 
		{
		float:none;
		}

	.qmmc div 
		{
		visibility:hidden;
		position:absolute;
		}

	#qm0
		{ 
		background-color:transparent;
		}


#qm0 a {color:#FFFFFF; background-color:#1143AB; font-family:Arial; font-size:11px; text-decoration:none; padding:2px 18px 2px 18px; border-style:solid; border-color:#1143AB; border-width:0px;}


	#qm0 a:hover
		{ 
		background-color:#000000;
		}


	body #qm0 .qmactive, body #qm0 .qmactive:hover
		{ 
		background-color:#000000;
		text-decoration:none;
		}


	#qm0 .qmparent
		{
		background-image:url(images/arrow_down.gif);
		background-repeat:no-repeat;
		background-position:95%;
		}


	#qm0 div
		{
		background-color:#efefef;
		padding:0px;
		border-style:solid;
		border-width:0px;
		border-color:#1143AB;
		margin-top:0px;
		
		}

	
	#qm0 div a:hover
		{
		text-decoration:none;
		background-color: #1143AB;
		color: #eeeeee;
		margin:0px 0px 0px 0px;
		border-width:0px;
		border-style:solid;
		border-color:#999999;
		}


	body #qm0 div .qmactive, body #qm0 div .qmactive:hover
		{
		background-color:#000000;
		}


	#qm0 div .qmparent 
		{
		background-image:url(images/arrow_right.gif);	
		}


	#qm0 div a
		{		
		background-color:#000000;
		padding:2px 40px 2px 5px;
		border-width:0px;
		border-style:none;
		border-color:#000000;
		}