/*WORKING ALINEAN CSS - Jpisello*/
:visited {
	color: #9aa88f;
	color:#2089AC;
	text-decoration : none;
}
:link {
	color: #7cb230;
	color:#2089AC;	
	text-decoration : none;
/*    border-bottom:1px fuchsia dotted;*/
}
:hover {
	color: #FF6600;
}
li {
	margin: 0;
	padding: 0;
   	margin-bottom:5px;
}
ul {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style-type:disc;
	list-style-image: none;
	list-style-position:outside;
	font-size: .75em;
	font-style: normal;
	border:0px green double;
    color:gray;
   	margin-left:16px;
   	line-height:14px;
}
code {
	font-size: 1em;
}
pre {
	font-size: 1em;
}
h6 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
}
h4 {
	font-size: 1em;
	font: bold .8em Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: dodgerblue;
	letter-spacing: 1pt;
	padding: 5px 5px 5px 0px;
	margin: 0 0 9px 0px;
	line-height: 1.5em;
}
h3 {
	/*font-size: 1em;
	font: normal 1.1em Trebuchet MS, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #5a6753;
	padding: 5px 5px 5px 0px;
	margin: 0 0 9px 0px;
	line-height: 1.5em;
	letter-spacing: normal;
	font-weight: lighter;*/
	font-size: 1.2em;
	font-variant: normal;
	font-weight: normal;
	margin-bottom: 5px;
	color: #666666;
}
h2 {
	padding-bottom: 4px;
	margin: 0px 0 0 0px;
	z-index: 15;
	font-size: 1.5em;
	color:gray;

	
}
h1 {
	font-size: 1em;
	font: normal 3.5em Trebuchet MS, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	padding: 0px 0px 0px 0px;
	margin: 0 0 9px 0px;
	line-height: 1.5em;
	letter-spacing: normal;
	font-weight: lighter;
	font-weight: bold;
}
input {
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
pre {
	margin: 0;
	padding: 0;
}
:visited img {
	border: none;
	outline: none;
}
:link img {
	border: none;
	outline: none;
}
a img {
	border: none;
	outline: none;
}
a {
	outline: none;
}
address {
	font-style: normal;
}
body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	background: white;
	text-align: center;  /*this is to align entire site center of browser window; must rest div style to left, right etc, or defautl will be centered text.*/
}
div.topthird {
/*	z-index:500;*/
	width: 100%;
	text-align: center;
	background-color:#333333;
	background-image:url('MenuBkgTile.png');
	background-repeat:repeat-x;
	background-position:center top;

}

/*OLDER STUFF BELOW, PRE-2010*/
div.content {
	position: relative;
/*	background: white;*/
	width: 980px;
	z-index: 10;
	border: 0px solid pink;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 10px 10px 20px 15px;

}
* html div.content {
	width: 980px;
}
/*The below were design for Bios page, also used on News Page*/
div.character {
	background-position: right top;
	background-repeat: no-repeat;
	z-index: 50;
	border:0px purple solid;
}

div.content div.profile {
	width: 650px;
	background-color: #00FFFFFF;
	float: right;
	margin: 0px 0 0 0;
	padding: 0 0 10 20;
	clear: both;
	border: 0px blue solid;
}
div.content div.profile p.title {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top:-10px;
	font-size: 1.5em;
	font-style: italic;
	white-space: nowrap;
	line-height:32px;
}

p.bio {
	float: left;
	text-align: left;
	position: relative;
	display: block;
	margin-left: 10px;
	font-size: .8em;
	font-style: normal;

}
div.content div.profile p.quote {
	font-size: 1em;
	font-style: italic;
	background: url('Zimages/QMark1.png') top left no-repeat;
	padding-top: 13px;
	text-indent: 32px;
}
div.mug {
	float: right;
	border:0px purple dashed;

}

div.content div.execside {
	float: left;
	margin-top: 15px;
	width: 210px;
}
div.content div.execside p {
	font-size: .8em;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #999999;
	border-top: 1px #CCCCCC dotted;

}
div.content div.execside p.name {
/*	line-height: 2px;

	padding-top: 15px;*/
    font-family:"Segoe UI", Tahoma, Geneva, Verdana;	
    padding-left: 5px;
	margin-bottom:-11px;
}
div.content div.execside p.job {
    font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	font-size: .7em;
	font-variant: small-caps;
	border: 0;
	padding-left: 5px;	
	letter-spacing: .03em;
	color: #C0C0C0;
}
div.content div.execsideSM {
	float: left;
	margin-top: 15px;
	width: 240px;
}
div.content div.execsideSM p {
	font-size: .7em;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #999999;
	border-top: 1px #CCCCCC dotted;


}

/*this is for customer/tool boxes in a grid*/
#cust {
	float: left;
	position: relative;
	margin: 0px 0px 20px 15px;
	width: 100px;
	height: 90px;
	background: url('image/100x90cube.png');
	border: 1px solid #DADADA;
	color: green;
	font: normal 0.75em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	vertical-align: bottom;
	padding-top: 25px;
}
* html #cust {
	/*width: 116px;
	height: 108px;*/
	vertical-align: middle;
}
div.content p {
	/*THIS IS USED FOR BODY COPY*/
	font: .85em normal;
	color: #C0C0C0;
	color:red;
	color:gray;
	padding: 5px 0 5px 0;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	line-height: 1.5em; /*	padding: .7em 0px .7em 0px;*/;
	margin: 0 0 0 0px;
}
div.content p a {
	/*THIS IS USED FOR BODY COPY*/
border-bottom : 0px dotted gray;
}
div.content p.intro {
	font-size: 1em;
	width:550px;
}
div.content p.introVid {
	font-size: 1em;
	width:400px;
}


div.content p.rule {
	/*THIS IS USED in place of HR*/
	border-bottom: .1em gray dotted;
	margin: 0 0 20px 0;
	line-height: 0em;
}

div.content .caption {
	font: italic .7em Georgia, Times New Roman, serif;
	text-align: left;
	color: royalblue;
}
div.content div.callout {
	float: right;
	position: static;
	background: #FFF4B7;
	margin: 0px 0 20px 20px;
	width: 160px;
	padding: 10px 10px 12px 22px;
	clear: both;
}
* html div.content div.callout {
	width: 190px;
}
div.content div.callout h5 {
	font: normal 0.9em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #888;
	text-transform: uppercase;
	padding: 2px 0 10px 0px;
}
div.content div.callout p {
	font: normal .7em Tahoma, Verdana, sans-serif;
	line-height: 1.2em;
}
div.content div.fTool {
	position: static;
	text-align:center;
	font: bold .9em Times;
	line-height: 2em;
	background: url('Zimages/Header66.png') top left no-repeat;
	color: black;
	margin: 0px 0px 10px -10px;
	width: 580px;
	height: 180px;
	border:0px fuchsia solid;
	padding: 20px 0px 0px 0px;
}
div.content div.home {
	position: absolute;
	clear: both;
	top: 20px;
	left: 20px;
	z-index: 50;
	margin: 0px 0 20px 0px;
	width: 290px;
	background: #71c015;
	background: url('image/GrayWhiteGrad1pxVert.png') top right repeat-x;
	border: 1px solid #F7F7F7;
	padding: 0 0px 10px 0px;
}
div.content div.home h1 {
	font: normal 0.95em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #669900;
	text-transform: none;
	padding: 10px 18px 5px 20px;
}
div.content div.home p {
	font: normal .7em Tahoma, Verdana, sans-serif;
	padding: 5px 8px 6px 12px;
	margin: 0px 9px 0px 9px;
	color: #202020;
}
.hidden {
	display: none;
}
.unhidden {
	display: block;
}
/*div.content div.sidebar {
	float: right;
	position: relative;
	clear: both;
	top: 0px;
	z-index: 50; /*	filter:alpha(opacity=85);
	margin: 4px 0 20px 20px;
	width: 290px; /*width: 190px;
	background: #71c015;
	background: url('image/GrayGrad1px.png') top right repeat-y;
	border: 0px solid #DADADA;
	padding: 0 0px 10px 0px;
}*/
div.content div.sidebar {
	float: left;
	margin-top: 15px;
	width: 200px;
}
div.content div.sidebar p {
	font-size: .75em;
	font-weight: normal;
	font-style: normal;
	color: #999999;
	border-top: 0px #CCCCCC dotted;
	padding-left: 10px;
	padding-top: 15px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
div.content div.sidebar33 {
	/*css for 1/3 part page layout design*/
	float: left;
	position: relative;
	z-index: 50; /*	filter:alpha(opacity=85);*/;
	margin: 0px 0px 0px 0px;
	width: 360px;
	background-color: #FFFFD9; /*background: url('33Bkg.png') top left no-repeat;*/;
	padding: 10px 0px 10px 15px;
	font: bold 1.1em Georgia, Times New Roman, serif;
}
div.content div.sidebar66 {
	/*css for 2/3 part page layout design*/
	float: right;
	position: relative;
	z-index: 50; /*	filter:alpha(opacity=85);*/;
	margin: 0px 0px 0px 0px;
	width: 575px;
	background-color: #FFFFD9; /*background: url('33Bkg.png') top left no-repeat;*/;
	border: 1px black solid;
	padding: 10px 0px 10px 0px;
	font: bold 1.1em Georgia, Times New Roman, serif;
}
div.content div.videoMain {
 z-index:100;
	float: right;
	clear:both;
	background: white;
	border: 0px solid silver;
	color:silver;
	text-align: center;
	width:480px;
	height:270px;
	margin-right:0px;

}

div.content div.video {
	float: right;
	position: relative;
	clear: both;
	top: 0px;
	z-index: 50; /*	filter:alpha(opacity=85);*/;
	margin: 4px 0 20px 20px;
	width: 320px;
	height: 245px;
	background: #71c015;
	background: url('image/GrayGrad1px.png') top right repeat-y;
	border: 1px solid #DADADA;
	padding: 15px 0 0 0;
	font: bold 1.5em Georgia, Times New Roman, serif;
	color: gray;
	text-align: center;
	vertical-align: middle;
}
div.content div.CaseStudy {
	position: static;
	font: italic .8em Georgia, Times New Roman, serif;
	background: #DFEBFD;
	color: #51657B;
	margin: 0px 0px 20px 0px;
	padding: 15px 20px 15px 20px;
	border 1px solid blue;
}
div.content div.CallToAction {
	float: left;
	font: italic .8em Georgia, Times New Roman, serif;
	margin: 4px 20px 10px 0px;
	width: 200px;
	background: #CCFF99;
	border: 1px solid #DADADA;
	padding: 15px 0px 15px 20px;
}
#quoteWrap {
	float: right;
	position: relative;
	clear: both;
	z-index: 50; /*	filter:alpha(opacity=85);*/;
	margin: -10px -20px 20px 20px;
	width: 210px;
	border: 0px solid #DADADA;
	background: url('image/Q1.png') top left no-repeat;
	font-size: 14px;
	padding-top: 14px;
}
.quote {
	font-size: 16px;
	font-weight: normal;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	color: green;
	line-height: 1.4em;
	border: 0px solid red;
	border-collapse: collapse;
	text-indent: 26px;
}
a:link.quote {
	color: #999999;
	text-decoration: none;
}
a:visited.quote {
	color: #999999;
	text-decoration: none;
}
a:hover.quote {
	color: cornflowerblue;
}
.quoteattrib {
	font-size: 14px; /*also change this in #quotewrap to see in preview*/;
	font-family: Tahoma;
	text-align: right;
	color: red;
}
div.content div.sidebar h4 {
	font: normal 0.8em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: #DFEBFD;
	color: #888;
	text-transform: uppercase;
	padding: 5px 0 5px 16px;
}
div.content div.sidebar h5 {
	font: normal 0.8em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
	text-transform: uppercase;
	padding: 5px 0 5px 16px;
	border-bottom: 1px solid #DADADA;
}
div.content div.sidebar p {
	padding: 6px 8px 6px 8px;
	border-bottom: 1px solid #DADADA;
/*	border-bottom: 1px solid #ABDCF1;*/	margin: 0px 9px 0px 9px;
}
div.content div.sidebar p a {
	color : #478246;
	text-decoration : none;
	border-bottom : 0px dotted #3975BD;
}
div.content div.sidebar p a:hover {
	color : orange;
}
/*div.content div.sidebar p#section {
	margin-top: 5px;
	font-weight: bold;
}*/
div.content div.sidebar ul li {
	/*this is 2010 new List style*/
	margin-left: 40px;
}
/*div.content div.sidebar img {
	margin: 0 auto;
	display: block;
}*/
div.content div.regbox {
	float: right;
	position: relative;
	clear: both;
	top: 0px;
	margin: -10px 0 20px 20px;
	width: 190px;
	background: #DFEBFD;
	border: 2px solid dodgerblue;
	padding: 0 0px 10px 0px;
}
div.content div.regbox h1 {
	font: normal 0.9em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: dodgerblue;
	text-transform: uppercase;
	padding: 5px 0 5px 16px;
	border-bottom: 1px solid #DADADA;
}
div.content div.regbox p {
	font: normal .7em Tahoma, Verdana, sans-serif;
	padding: 6px 8px 6px 8px;
	margin: 0px 9px 0px 9px;
}
#button {
	/*--clear:both;---- */
font: bold 1.2em Trebuchet MS;
	color: dodgerblue;
	margin-left: 10px;
	height: 25px; /*--background:#666666 url(img/button.png) no-repeat;----- */;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #aacfe4;
}
div.content div.button {
	float: right;
	position: relative;
	clear: both;
	margin-top: -10px;
	margin-bottom: 10px;
/*	display: block;*/
/*	margin: 30px auto;*/
}
/*THIS IS LEFT DIV*/
div.content div.left {
	float: left;
	width: 450px;
}
div.content div.left div.bg {
	background: #fccd65 url(gradient.png) bottom left repeat-x;
	color: #000;
	font: 0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
	height: 170px;
	width: 520px;
	padding: 10px 10px 10px 20px;
	margin-bottom: 9px;
}
div.content div.left div.bg ul {
	margin-bottom: 10px;
}
div.content div.left div.bg ul li {
	background: url(arrow.png) left no-repeat;
	padding: -3px 0 10px 18px;
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
	margin-left: 40px;
}
div.content div.left div.bg p {
	line-height: 1.3em;
}
/*div.content ul li { this is 2010 new List style
	list-style-type:disc;
	list-style-image:none;
	list-style-position:outside;
	margin-left:30px;
	padding: 1px 0 1px 0px;
	font-size:.75em;
	font-style:normal;
		color:#999999;

}
div.content ul li li { this is 2010 new List style
	list-style-type:square;
	list-style-image:none;
	list-style-position:outside;
	padding: 2px 0 5px 0px;
	font-size:.95em;
		margin-left:15px;

	
}*/
.LogoBox {
	/*this is the Customer Logo Box*/
	text-align: center;
	background-color: #E6E6E6;
	background-image: url('image/120x100cube.png');
	width: 120px;
	height: 100px;
}
div.footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	border-top: 0px dotted #003499;
	clear: both;
}
div.footer p {
	font: .7em/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 3px 0px;
}
div.footer a {
	text-decoration: none;
}
div.footer a:hover {
	color: #FF6600;
}
hr.clear {
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	clear: both;
}
.x {
	display: none;
}
#tool {
	position: relative;
	float:left;
	margin: 0px 10px 20px 10px;
	width: 100px;
/*	height: 90px;
	background: url('image/100x90cube.png'); */
	border: 0px solid #DADADA;
	color: green;
	font: normal 0.75em Trebuchet MS, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
}
* html #tool {
/*	width: 116px;
	height: 108px; */
}
/* THESE ARE LIST DEFINITIONS*/
/* list 1 style */
#list1 {
	padding-left: 10px;
	margin-bottom:10px;
	font-size:1em;
}
#list1 p {
	padding-bottom: 0em;
}

.bullets1 {
	padding-left: 30px;
}
/* list 2 style */
#list2 {
	padding-left: 30px;
	font: italic 1em Georgia, Times, serif;
	color: orange;
	list-style-type: square;
	margin-bottom: 1.2em;
}
#list2 p {
	padding-bottom: .5em;
}
/* list 3 style */
#list3 {
	padding-left: 10px;
	font: normal 1em Georgia, Times, serif;
	color: gray;
	list-style-type: square;
}
#list3 p {
	padding-bottom: .1em;
}
#list4icon {
	padding-left: 10px;
	font: normal 1em Georgia, Times, serif;
	color: gray;
	list;
}
#list4icon p {
	padding-bottom: .1em;
}
#Ques {
	padding: 0 30px 7px 0px;
	font: normal 1em Trebuchet MS, Arial, Tahoma, sans-serif;
	list-style-type: none;
	color: white;
	margin-bottom: 10px;
	margin-top: 50px;
	margin-left: 200px;
	line-height: 1.4em;
	list-style-position: outside;
	display: none;
}
.body {
	background-color: #FFFFFF;
	font-family: tahoma, verdana, arial, sans-serif;
	color: black;
	font-size: 11.5px; /*only here so can view in FP - still need to figure out paragraph height*/;
	font-weight: Normal;
	margin-bottom: 14px;
	line-height: 15px;
}
.feed {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url("../image/icons/feed-icon-14x14.png") no-repeat 0 50%;
}
.icon {
	vertical-align: middle;
	margin-left: -14px;
	margin-right: 4px;
	margin-bottom: 3px;
}
.icon {
	vertical-align: middle;
	margin-LEFT: 7px;
	margin-bottom: 3px;
	margin-RIGHT: 2PX;
}

div.GRhead {
	position: relative;
	z-index: 3;
	background: skyblue;
	width: 950px;
	Height: 200px;
	border: 0px solid blue;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: left;
	font: bold 1em Trebuchet MS;
	color: white;
}
div.GRhead2 {
	position: relative;
	z-index: 3;
	background: skyblue;
	background-repeat: no-repeat;
	width: 950px;
	Height: 118px;
	border: 0px solid blue;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: left;
	font: bold 1em Trebuchet MS;
	color: white;
}