@charset "utf-8";



body {background-color: #fffff;font-size: 12px;	font-family: Arial;	line-height:23px;color: #fff;}
img, 
#logo, 
#smallphone, 
#bigphone, 
.button, 
a, 
h3, 
#slidernav li, 
#computer, 
#footer, 
#footer img,
.smalllogo,
.learnmore,
#submit { 
 behavior: url(javascript/iepngfix.htc) 
}

/* ---------- Hack ---------- */


.stripNavL, .stripNavR {	display:none;}
.stripNav a  {	text-indent: -9999px;}
#stripNav0 {	width: 200px;}
.stripNav {	width: 200px !important;}
.stripNav ul li {	margin-left: 10px;}
.stripNav ul  {	float: right !important;}
.clearfix { 	display:inline-block; }
.clearfix:after {	content:".";	display:block;	height:0;	clear:both;	visibility:hidden; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

/* ---------- Typo ---------- */
h3.purple{color: #481765; padding: 0 0 0px 0;}
small {display: block;	margin: 10px 0 10px 0;	color: #777777;	text-transform: uppercase;	font-weight: bold;}
.entry-block small {	font-weight: normal;	text-transform: none;}
p {color: #777777; font-size:1.2em;}
a, .link {color: #481765; text-decoration: none;}
.link a:hover{text-decoration: underline; color: #777777; }

h1 {	text-transform: uppercase;	font-size: 16.5px;	color: #777777; }
h2 {	text-transform: uppercase;	font-size: 36.5px;	color: #481765; 	padding-bottom: 15px; background: url(../images/horizontal-divider.jpg) bottom repeat-x;}
.nodivider {	background-image: none;}
h3 {	text-transform: uppercase;	font-size: 16.5px; color: #ffffff; padding: 5px 0px 0px 20px;}
h4 {	font-size: 24px;	color: #777777;	display: block;	margin: 0 0 20px 0;}
h5{font-size: 24px; color: #ccc; padding: 5px 0 0 0;}
.description_p {	color: #777777; 	padding: 15px 0px;	background: url(../images/horizontal-divider.jpg) bottom repeat-x;}
.icon1, .icon2, .icon3 {	color: #ffffff; }
.icon1 {	background: url(../images/icon9.png) left no-repeat ;}
.icon2 {	background: url(../images/icon11.png) left no-repeat ;}
.icon3 {	background: url(../images/icon10.png) left no-repeat ;}
.footerblog a {	color: #FFFFFF;	text-decoration:none;	margin: 20px 0px 15px 0px;}
.footerblog a:hover {	color: #6fcad7;}
.footerblog {	margin-bottom: 5px;	font-size: 15px;}
#footer p {	color: #a4a4a4;	font-size: 10px;}

/* ---------- Logo ---------- */

#logo {	float: left; background:transparent url(images/logo.png)no-repeat; width:200px; height: 34px;	padding: 3px 6px;  }

/*------Products Pages-------*/

.stepcarousel{	float:left;position: relative; overflow: hidden; 	width: 600px; height: 376px; }

.stepcarousel .belt{	position: absolute; left:0;	top: 0;}

.stepcarousel .panel{	float: left;overflow: hidden; width: 600px; height:384px;	position:relative;}

#slider {padding-bottom:20px;margin-top:20px;}

* html #slider {	padding-bottom:0;}

#sliderFold {	width:100px;	padding:0;	float:left;}

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{	padding:6px 10px 0 10px;	border-right:1px solid #ACD7EE;	border-bottom:1px solid #ACD7EE;	border-top:1px solid #fff; width:160px;	height:70px;position:relative;cursor:pointer;}

 #sliderFold .sliderItemOnFirst {	border-top:1px solid #ACD7EE; }

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {	border-right:none;	background:url(../images/bk_serv_active.jpg) 100% 0 repeat-y;}

#sliderFold p{font-size:1em;}

#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {	font-size:16px;	letter-spacing:-1px;	padding-bottom:5px;	text-transform:none;	color:#333;}

#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {line-height:120%;}

#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{	position:absolute;left:0;top:10px;}

.sliderImg {border-left:none;position:relative;float:left;padding:7px;height:376px;width:450px;}



.panel img {padding:2px; background: white; border:1px solid #481765;}	

.panel p.projName {	font-size:16px;padding:15px 4px;margin:0;}


/*--------Services Page and Product Page BoxGrid-------*/
.boxgrid{width:285px;height: 260px;margin:10px; float:left; background:#fff;border: solid 2px #481765; 	overflow: hidden;position: relative;}
				.boxgrid img{position: absolute;top: 0; left: 0; border: 0; }
				.boxgrid p{ padding: 0 10px; color:#fff; font-weight:bold; font:1.2em "Lucida Grande", Arial, sans-serif;}
.boxgrid a{color:fff;}
.boxgrid a:hover{color:#666;}
			.boxcaption{float: left; position: absolute; background: #481765; height:100%;width: 100%; opacity: .8;			/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {top:260px;left: 0;}
 				.caption .boxcaption {top: 260px;left: 0;}


/* ---------- Slider ---------- */

#topcontent_wrap {	background: url(../images/top-bg.jpg) #f3f3f3 top left repeat-x;	overflow: hidden;}
#topcontent {	width: 940px;	margin: 0 auto 0 auto;	position: relative;	overflow: hidden;	padding: 50px 0 50px 0;}
#info {	float: right;	width: 550px;	padding: 35px 0px 0px 0px;}
#infoleft {	float: left;	width: 550px;	padding: 35px 0px 0px 0px;}
#infoleftsmall {	float: left;	width: 300px;	padding: 35px 0px 0px 0px;}
.video {	float: right;	margin-top: 45px;}
.video a {	text-decoration: none;	color: #FFFFFF;}
.video a:hover {	color: #6fcad7;}
.screenshotsfeatures {	margin: 20px 0px 10px 0px;	overflow: hidden;}
.screenshots {	width: 300px;	float: left;}
.features {	margin-left: 20px;	float: left;}
.screenshots li {	display: block;	width: 71px;	height: 57px;	background: url(../images/screenshot-bg.jpg) top left no-repeat;	float: left;	padding: 7px;margin: 0px 10px 10px 0px;}
.list {	background: url(../images/features-bg.jpg) top left no-repeat;	width: 196px;	height: 96px;	margin-top: 9px;	padding: 11px 0px 0px 33px;}
.list li {	color: #ffffff;	list-style: circle;	margin-bottom: 7px;}
.button {	float: left;	margin: 10px 0 0 0;	color: #ffffff !important; z-index: 1000;}
.button a {	color: #ffffff ;}
.learnmore {	background: url(../images/sms_cta.png) top left no-repeat;	width: 190px;	height: 56px;	display: block;	color: #6fcad7;	text-indent: -9999px;	}

#slidernav {	position: absolute;	margin-bottom: 30px;	right: 10px;	bottom: 60px;}
#slidernav li  {	background: url(../images/dot-off.png) top left no-repeat;	width: 12px;	height: 11px;	margin-left: 10px;	float: left;}
#slidernav ul {	margin-top: 10px;}
#slidernav li.doton {	background: url(../images/dot-on.png) top left no-repeat;width: 12px;	height: 11px;	margin-left: 10px;	float: left;}

#slidernav li a {	display: block;	width: 12px;	height: 11px;}

#slidernav li a.current {	background: url(../images/dot-on.png) top left no-repeat;	width: 12px;	height: 11px;	display: block;}
		
#slidernav li a span {	display: none;}


/* ---------- About Page Left content ---------- */

#leftcontent {	width: 680px;	overflow: hidden;	float: left;}
.imgfloat {	float: left;	margin: 15px 20px 0px 0px;}

#sidebar {	float: left;	width: 190px;	padding-left: 35px;	margin: 10px 0px 0px 35px;	background:url(../images/color-vertical-div.jpg) top left repeat-y;}
.sidebartitle {	background: none ;	padding: 0px;	color: #481765;}
.address{font-size:1.4em; padding:0;}
.address p{line-height:16px;}

#sidebar ul li{color:#777777; font-size:1.4em;}

#sidebar ul {	margin: 10px 0 20px 0;	width: 190px;	overflow: hidden;}
#sidebar li {	margin-bottom: 10px;}
#sidebar li a {	text-decoration: none;	color: #bababa;	font-size: 16.5px;}
#sidebar li a:hover {	color: #ffffff;}
.sidebaron {	color: #481765 !important;}
#sidebar ul#social {	list-style: none;	overflow: hidden;	margin: 0 0 -15px 0;	padding: 15px 0 0 0;	width: 188px;}
#sidebar ul#social li {	margin-bottom: 0px;	margin-top: -5px;	overflow: hidden;	float: left;}
#sidebar ul#social a {	width: 32px;	padding: 0 15px 15px 0;	overflow: hidden;	display: block;}
.clear {	clear: both;}
.slider-wrap {	height: 449px;}
.purple{color:#481765; }
#leftcontent p{padding-bottom: 10px;}
.history_list{width:513px; display: block;}

.history_list li{float:right; color: #777777; font-size: 1em; padding: 6px 0; width:240px;}

/*----------------------NEWS RELEASES-----------------*/
ul.press_list{padding: 10px 0 0 0; border-top: 1px solid #aaa;}
ul.press_list li a{color: #aaa;}
ul.press_list li a:hover{text-decoration: underline;}
cite{float: right; display: block; color: #aaa; width:500px;}
abbr{color: #481765;}
ul{color:#777;}
ul.num_list li{font-size: 1.2em; line-height: 1.8em;}


/* ---------- Bottom content ---------- */

#bottomcontent_wrap {	background: url(../images/bottomcontentbar.jpg) #481765 top left repeat-x;	padding: 9px 0px 0px 0px;}
#bottomcontent {	width: 940px;	margin: 0 auto;	background: url(../images/bottomcontentbg.jpg) #481765 top left no-repeat;	overflow: hidden;	padding-top: 30px;}
.left, .middle, .right {	float: left;	width: 250px;}
.left {	padding-right: 20px;	background: url(../images/dark-vertical-div.jpg) top right repeat-y;}
.left ul {	margin: 5px 0px 0px 15px;}
.left li {	color: #ffffff;	list-style: circle;	margin-bottom: 7px;}
.middle {	padding: 0px 55px;}
.right {	float: right;	padding-left: 55px;	background: url(../images/dark-vertical-div.jpg) top left repeat-y;}

/* ---------- Contact ---------- */

#container ul li.success{	color: #ffffff;}
#container ul{	text-align: left;	color: #6fcad7;	margin-top: 15px;}
.textfield {	border: solid 1px #aaa;	background: #fff;	padding: 5px;	font-family: Arial;	font-size: 12px;}
#submit {	margin: 10px 0 0 0;	background: url(../images/learnmorebtn.png) top left no-repeat;	width: 99px;	height: 30px;	display: block;	color: #ffffff;	text-transform: uppercase;	font-size: 11px;	text-decoration: none;	font-weight: bold;	line-height: 30px;	border: 0;	cursor: pointer;}
#submit:hover {	background: url(../images/learnmorebtn.png) bottom left no-repeat;}
.entry-block {	margin: 20px 0 0 0;	padding: 0 0 20px 0;	background: url(../images/horizontal-divider.jpg) repeat-x bottom;	overflow: hidden;}

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; color:#777777; width: 155px; font-size: 1.5em; }

#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }   

#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }

#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #ddd; background:#777777; color:#fff; text-align:center; }

#contact input.submit:hover { background:#481765; }

#contact input[type="submit"][disabled] { background:#888; }

#contact fieldset { padding:10px;}

#contact legend { padding:7px 10px; font-weight:bold; color:#ffffff; border:1px solid #eee; -webkit-border-radius:2px; -moz-border-radius:2px; margin-bottom:0 !important; margin-bottom:20px; color:#481765; font-size:1.2em; }

#contact span.required{ font-size: 13px; color: #444; } 

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(images/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url(images/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

.contact_img{float:right; margin:10px 30px 0 0;}
.thumb img {	border: solid 3px #cfcfcf;}
.slider-wrap {	height: 445px;	overflow: hidden;}

.serv_container{width: 660px; height: 400px; border: 1px solid #777777; padding: 2px; margin-top:6px; background: white;}


/* ---------- Footer ---------- */

#footer p {text-decoration:none; color: #CCCCCC;}
#footer {background: url(../images/footerbg.png) top left no-repeat; text-transform:uppercase; width: 938px;height: 175px;float: left;margin: 30px 0px;padding: 15px 20px;}
#copyright {float: left; width:560px; line-height:16px;}
.footerp{color: #ffffff;}
.copy {	margin-left: 55px;}
.smalllogo {padding-top: 5px;float: left;}

#sidebar_soc{float:right; margin:0 55px 20px 0; height:32px;}
#sidebar_soc ul {list-style: none;}
#sidebar_soc li {float: left;}
#sidebar_soc a {padding:0 10px 0 0; display: block;}


#project-block {margin: 30px 0 0 0;overflow: hidden;}
#thumb-large {width: 374px;height: 365px;border: solid 3px #cfcfcf;float: left;margin: 0 20px 0 0;}
#right-block {float: right; width: 480px;}

#right-block ul{color: #777777;}

#right-block li{font-size: 1.2em; padding: 6px 0;}

ul#thumb-small {list-style: none;overflow: hidden;width: 100%;}
ul#thumb-small li {float: left;margin: 0 20px 0 0;}
ul#thumb-small a {float: left;height: 97px;width: 122px;border: solid 3px #cfcfcf;display: block;}
ul#details {list-style: none;width: 100%;overflow: hidden;margin-top: 20px;}
ul#details li {	background: url(../images/bullet.gif) no-repeat 0 1px;height: 36px;padding: 0 0 0 30px;}

/* Blog Image */
.blog-image{border: 1px solid #481765; overflow: hidden; float: left; margin: 10px;}

.read-more {border: 1px solid #481765; padding: 4px; color: #ffffff; background-color: #481765; float: right;}

.read-more a{text-decoration: none; color: #ffffff;}

.title{margin: 0; padding: 0 0 0 0;}
.imgleft {float:left;margin-right: 12px;}
.imgborder {background-color: #481765;padding: 6px;}
.border{border: 1px solid #cccccc;}

/* News */
ul.press_list li{margin: 10px 0 10px 0;}
.divider{background: url(../images/horizontal-divider.jpg) bottom repeat-x; margin: 10px 0;}


/* Product Features */
.product_desc{font-size:1em;}

.product_desc ul{list-style:none;}

.product_desc li{padding:0 0 10px 0; list-style:disc; color:#FFF;}

.features_list{ width:175px; float: right; margin: 14px 10px 0 0; border-left:2px solid #481765; padding-left:16px;}

.features_list li{list-style:none; color: #777777; line-height: 18px; font-size:1.2em;  padding: 4px 0 18px 0;}

.img_container{float:left; width:445px; height: 400px; padding: 10px 0 0 0;}

.gray{color: #777777;}

.recent_posts{margin: 0; width:100px; padding: 2px;}


/* Slider */

.stripViewer .panelContainer .panel ul {	text-align: left;}		
		
		/* These 2 lines specify style applied while 
		is loading */
		.csw {width: 100%; height: auto; overflow: hidden;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 940px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			/*background: #fff;*/
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 940px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0 0px 0 0;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			position: absolute;
			z-index: 9999;
			bottom: 85px;
			right: 0px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
			height: 11px;
			width: 12px;
		}
		
		.stripNav a { /* The nav links */
			font-size: 1px;
			
			text-align: center;
			background: url(../images/dot-off.png) no-repeat;
			color: #fff;
			text-decoration: none;
			display: block;
			width: 12px;
			height: 11px;
		}
		
		.stripNav li a:hover {
			background: url(../images/dot-on.png) no-repeat;
		}
		
		.stripNav li a.current {
			background: url(../images/dot-on.png) no-repeat;
			color: #fff;
			overflow: hidden;
			width: 12px;
			height: 11px;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}