@charset "utf-8";
/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	margin: 0;
	background: #DBE8F3 url('../_images/bg_body.gif') top repeat-x;
}
a {
	color: #336699;
	text-decoration: none;
}
a:hover {
	color: #003366;
}
:focus {
	outline: 0;
}
.on {
	display: block
}
.off {
	display: none;
}
a.btn {
	border-top: 2px solid #0099CC;
	border-left: 2px solid #0099CC;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	background: #006699;
	color: #fff;
	padding: 4px 8px 4px 8px;
	font-size: 12px; 
	font-weight: bold;
	margin: 0 0 25px 5px;
	text-decoration: none;
}
a.btn:hover {
	color: #FFFFCC;
}

#container {
	width: 800px;
	display: block;
	margin: 0 auto;
	text-align: left;
}
		
#header {
	position: relative;
	float: left; 
	width: 798px;
	padding: 0;
	margin: 15px 0 0 0;
	background: #fff url('../_images/bkgd_utilities.gif') repeat-x bottom;
	border-top: 1px solid #BECFDE;
	border-left: 1px solid #BECFDE;
	border-right: 1px solid #BECFDE;
	border-bottom: 5px solid #BECFDE;
}
	#header img {
		float: left;
		display: inline;
		border: 0;
		margin: 8px 0 10px 10px;
	}
	#header h1 {
		text-align: right;
		color: #003366;
		font-size: 24px;
		margin: 22px 20px 10px 0;
	}
	#header p {
		position: absolute;
		top: 12px;
		left: 285px;
		width: 400px;
		text-align: left;
		font-size: 11px;
		margin: 0;
	}
	#header p a {color: #6699CC; padding-left: 10px; margin-left: 5px; border-left: 1px solid #eee;}
	#header p a:hover {color: #666}
	#header ul {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 510px;
		margin: 0;
		padding: 0;
	}
		#header ul li {
			float: left;
			background: #eee url('../_images/bg_nav-left.gif') left top no-repeat;
			position: relative;
			display: inline;
			margin: 0 8px 0 0;
			padding: 0 0 0 10px;
			height: 30px;
		}
		#header ul li a {
			float: left;
			line-height: 25px;
			padding: 0 10px 0 0;
			background: #eee url('../_images/bg_nav-right.gif') right top no-repeat;
			font-size: 11px;
			font-weight: bold;
			color: #5d778e;
			text-decoration: none;
		}
		#header ul li a:hover {color: #1a3346;}

		#header ul li.last {margin-right: 0;}
		#header ul li.focus {
			background: #BECFDE url('../_images/bg_nav-left-on.gif') left top no-repeat;
		}
		#header ul li.focus a {
			color: #1a3346;
			background: #BECFDE url('../_images/bg_nav-right-on.gif') right top no-repeat;
		}

#canvas {
	position: relative;
	float: left; 
	width: 798px;
	border-left: 1px solid #BECFDE;
	border-right: 1px solid #BECFDE;
	font-size: 12px;
	background: #fff url('../_images/bkgd_canvas.gif') repeat-y center;
}
	#mainCol {
		float: left;
		display: inline;
		width: 552px;
		color: #333;
		padding-bottom: 30px;
		background: none;
	}
		#mainCol img.homeMast {
			float: left;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			margin-bottom: 10px;
		}
		#mainCol img.mast {
			padding: 2px;
			border: 1px solid #99ccff;
			margin-bottom: 10px;
		}
		#mainCol h1 {
			float: left;
			width: 537px;
			letter-spacing: -1px;
			font-weight: normal;
			color: #fff;
			font-size: 26px;
			margin: 0 0 10px 0;
			background: #3c5972 url('../_images/bg_mainTitle.gif') top repeat-x;
			padding: 15px 0 15px 15px;
		}
		#mainCol h1.prod {background: #3c5972 url('../_images/bg_mainTitle-prod.gif') top left repeat-x; text-indent: 95px;}
		#mainCol h1.headline {font-size: 30px;color: #003366;}
		#mainCol h1.headline span {font-weight: normal;color: #999;}
		#mainCol h2 {
			float: left;
			clear: left;
			width: 537px;
			display: inline;
			color: #333;
			font-size: 18px;
			font-weight: bold;
			margin: 20px 0 0 15px;
		}
		#mainCol h3 {
			float: left;
			clear: left; 
			width: 537px;
			display: inline;
			color: #666;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 7px 15px;
		}
		#mainCol p {
			float: left;
			width: 522px;
			display: inline;
			font-size: 12px;
			line-height: 17px;
			color: #333;
			padding: 0;
			margin: 5px 0 15px 15px;
		}
		#mainCol p.pdf {
			width: 512px;
			background: url('/_images/icon-pdf.gif') left no-repeat;
			padding-left: 20px;
			line-height: 18px;
		}
		#mainCol p.intro {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			margin-bottom: 10px;
			line-height: 19px;
			color: #6d899f;
			padding-bottom: 15px; 
			background: url('../_images/dot.gif') bottom repeat-x;
		}
		#mainCol p.screenshot {width: margin-top: 10px; padding: 0 0 25px 0; background: url('../_images/dot.gif') bottom repeat-x;}
		#mainCol p.screenshot img {border: 1px solid #ccc;}
		#mainCol p.breadcrumb {margin: 0 0 0 15px; font-size: 11px;}
		#mainCol p.breadcrumb a {color: #999;}
		#mainCol p.breadcrumb a strong {color: #ccc;}
		#mainCol ul {
			float: left;
			display: inline-block;
			width: 512px;
			clear: left; 
			margin: 0;
			padding: 0 0 15px 25px;
		}
		#mainCol ul.home li, #mainCol ul.news li, #mainCol ul.events li, #mainCol ul.about li {float: left; display: block; margin: 0 0 15px 0; }
		#mainCol ul li {
			width: 490px;
			display: inline-block;
			clear: left;
			list-style-type: none;
			color: #CC6600;
			line-height: 16px;
			padding: 0 0 0 10px;
			margin-bottom: 2px;
			background: url('/_images/bullet-orange.gif') 0 6px no-repeat;
		}
		#mainCol ul li span {
			margin-bottom: 20px;
			color: #333;
		}
		#mainCol ul ul {clear: left; width: 450px; padding-top: 10px; padding-left: 10px;}
			
		#mainCol ul.jobs {padding-top: 10px;}
		#mainCol ul.jobs li {clear: left; }

		#mainCol ul.news {padding-left: 15px;}
		#mainCol ul.news li span {float: left; width: 400px;}
		#mainCol ul.news li span.date {width: 90px; font-size: 11px; color: #666;}
		
		#mainCol ul.about {padding-top: 10px;}
		#mainCol ul.about li {margin: 5px 0 15px 0;}
		#mainCol ul.about li h3 {width: auto; margin: 0;} 
		#mainCol ul.about li span {float: left; width: 100%; display: block;}
		#mainCol ul.about li span strong {float: left; width: 100%; font-size: 11px; font-weight: normal; color: #666; font-style: italic; padding-bottom: 8px;}
			
		#mainCol ul.solutions {float: left; width: 515px; margin: 0; padding: 0 0 0 15px; }
		#mainCol ul.solutions li {float: left; width: 515px; background: none; padding-left: 0; margin-bottom: 20px;}
		#mainCol ul.solutions li h2 {float: left; display: inline; padding-left: 40px; background: url('/_images/logo_producticon.gif') 0 0 no-repeat; line-height: 26px;}
		#mainCol ul.solutions li p {float: left; display: inline; width: 458px; clear: left; margin: 5px 0 0 57px;}
		
		#mainCol ul.partners {padding-left: 0;}
		#mainCol ul.partners li {width: 537px; background: none; margin-bottom: 30px; padding-left: 0;}
		#mainCol ul.partners li img {float: left; border: 0; margin-left: 15px; display: inline;}
		#mainCol ul.partners li span {float: left; display: inline; width: 280px; color: #666; font-size: 11px; line-height: 14px; margin: 0 0 0 20px;}
		#mainCol ul.partners li span a {float: left; display: block; font-weight: bold; font-size: 16px; margin-bottom: 6px;}
		
		#mainCol ul.customers {padding-bottom: 30px; }
		#mainCol ul.customers li {
			width: 485px;
			padding: 0 0 10px 15px;
			border-bottom: 1px dotted #ccc;
			background: url('/_images/bullet-orange.gif') 0 5px no-repeat;
			margin: 0 0 10px 0;
		}
		#mainCol ul.customers li a {
			font-size: 14px;
		}
		#mainCol ul.customers li span {
			font-size: 11px;
			line-height: 14px;
			color: #333;
		}
		#mainCol ul.customers li span.details {
			color: #666; 
			line-height: 22px;
		}
		#mainCol img.frame {
			border: 1px solid #ccc;
			padding: 3px;
			margin-left: 10px;
		}
		#mainCol form {
			float: left;
			width: 552px;
			margin: 25px 0 15px 0;
			font-size: 11px;
		}
		#mainCol form h3 {margin-bottom: 20px;}
		#mainCol form .formRow {
			float: left;
			clear: left;
			width: 522px;
			display: inline;
			margin-left: 15px;
			margin-bottom: 3px;
		}
			#mainCol form .formLabel {
				float: left;
				display: inline;
				width: 120px;
				margin-right: 5px;
				padding-top: 4px;
				text-align: right;
				font-weight: bold;
			}
			#mainCol form .formElement {
				float: left;
				display: inline;
				width: 397px;
			}
			
			input[type=text], input[type=password], select, textarea {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				border-top: 1px solid #999;
				border-left: 1px solid #999;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: 3px;
			}
			input[type="radio"], input[type="checkbox"] {
				border: 0;
				padding: 0;
				margin: 0 5px 0 0;
			}
			#mainCol form button {
				float: left;
				margin: 20px 0 0 0;
				border-top: 2px solid #0099CC;
				border-left: 2px solid #0099CC;
				border-right: 2px solid #003366;
				border-bottom: 2px solid #003366;
				background: #006699;
				color: #fff;
				padding: 2px 5px 2px 5px;
				font-size: 15px; font-weight: bold;
			}
			#mainCol form#contact button {
				margin-left: 130px;
			}
			#mainCol form .req {
				color: #990000;
				font-weight: normal;
			}
			form .error { 
				color: #CC0000; 
				margin: 10px 0 2px 125px; 
				padding: 0 0 2px 18px; 
				background: url(/_images/icon-error.gif) left no-repeat; 
			}
			#mainCol #message {  }
			#mainCol #message p#errormessage { font-size: 14px; font-weight: bold; color: #990000; text-align: center; margin: 10px 0 10px 0; padding: 5px; background: #ffffcc; border: 1px solid #AEAF57; }
			#mainCol #message p#successmessage { font-size: 14px; font-weight: bold; color: #006600; text-align: center; margin: 10px 0 10px 0; padding: 5px; background: #ffffcc; border: 1px solid #AEAF57; }



#jobForm h3 span {font-weight: normal; color: #999;}
#jobForm ul {width: 395px; margin: 0; padding: 0;}
#jobForm ul li {width: 395px; margin: 0; padding: 0; color: #333; list-style: none; background: none;}
#jobForm #formRow10 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #formRow11 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #formRow12 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #formRow13 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #formRow14 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #formRow15 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #formRow16 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #formRow43 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}

#jobForm #workRow14 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}
#jobForm #workRow28 {padding-bottom: 15px; border-bottom: 3px double #ccc; margin-bottom: 15px;}

#jobForm #formRow100 {padding-top: 15px; border-top: 3px double #ccc; margin-top: 25px;}
#jobForm #formRow100 input {float: left; display: inline; }
#jobForm #formRow100 label {float: left; display: inline; width: 350px; }

#mainCol form#jobForm #formRow11 .formLabel {padding-top: 0;}
#mainCol form#jobForm #formRow12 .formLabel {padding-top: 0;}
#mainCol form#jobForm #formRow13 .formLabel {padding-top: 0;}
#mainCol form#jobForm #formRow14 .formLabel {padding-top: 0;}
#mainCol form#jobForm #formRow15 .formLabel {padding-top: 0;}
#mainCol form#jobForm #formRow16 .formLabel {padding-top: 0;}



			
	#sideCol {
		float: left;
		display: inline;
		width: 246px;
		padding: 1px 0 30px 0;
	}
		#sideCol h3 {
			font-weight: normal;
			font-size: 18px;
			letter-spacing: -1px;
			color: #036;
			margin: 0 0 5px 0;
			padding: 10px;
			background: url('../_images/bg_sideTitle.gif') top repeat-x;
			clear: left; 
		}
		#sideCol dl {
			margin: 0;
			padding: 10px 15px 20px 15px;
		}
			#sideCol dl dt {
				margin: 0;
				padding: 15px 35px 0 0;
				background: url('../_images/quote_closed.gif') no-repeat right top;
				color: #666;
			}
			#sideCol dl dt strong {
				color: #666;
			}
			#sideCol dl dd {
				margin: 0;
				padding: 10px 0 0 0;
				text-indent: 33px;
				font-size: 16px;
				color: #666;
				font-style: italic;
				font-family: Georgia, "Times New Roman", Times, serif;
				background: url('../_images/quote_open.gif') no-repeat left top;
			}
		#sideCol ul {
			margin: 0 15px 30px 10px;
			padding: 0 0 0 20px;
		}
			#sideCol p {
				font-size: 11px;
				line-height: 16px;
				color: #555;
				margin: 0 15px 15px 15px;
			}
			#sideCol ul li {
				margin-bottom: 10px;
				list-style-type: square;
				color: #78c36b;
				font-size: 11px;
			}
			#sideCol ul li span {
				color: #333;
			}
		#sideCol ul.casestudies {float:left; padding: 0;}
		#sideCol ul.casestudies li {float: left; list-style: none; padding-left: 20px; background: url('/_images/icon-pdf.gif') 0 0 no-repeat;}

		#sideCol p.demo {
			float: left;
			width: 140px;
			margin: 30px 0 20px 20px;
			padding: 10px 0 10px 60px;
			border: 1px solid #CCCC99;
			background: #FFF3AF url('../_images/icon_side-demo.gif') no-repeat 10px 12px;
			font-weight: bold;
		}
		#sideCol p.demo a {
			text-decoration: none;
		}

#footer {
	position: relative;
	float: left; 
	width: 100%;
	font-size: 10px;
	padding: 15px 0 20px 0;
	border-top: 5px solid #8A9FB1;
	text-align: center;
}
#footer p {
	color: #999;
	margin: 0 10px 10px 10px;
}
#footer p a {
	color: #999;
	padding-left: 10px;
	margin-left: 5px;
	border-left: 1px solid #ccc;
}
#footer p a:hover {
	color: #666;
	text-decoration: none;
}