*{margin:0px; padding:0px;}
img{border:0px;}
body{background-color:#DBDBDB; font-family:Tahoma, Geneva, sans-serif;}


/*blockquote{font-size:90%;}*/
.testimonials blockquote{border-top:1px dotted #BFBFBF; padding:20px 0px 10px 0px;margin:10px 0px 0px 0px;}
blockquote p{padding:10px 5px; font-style:italic;}
blockquote div{padding:0px 0px 5px 40px; background:url(images/comment.png) no-repeat 20px 0px; font-weight:bold;}
blockquote a{display:block; margin:10px 5px 0px 0px;}


/*-- Site Links --*/
a:link, a:visited{color:#03F; text-decoration:none;} /* unvisited link and visited link */
a:hover{color:#06F; text-decoration:underline;} /* mouse over link */
a:active{color:#03F;} /* selected link */
/*a:link{color:#000; text-decoration:none;}
a:focus, a:hover{text-decoration:underline;}
a:visited{color:#06F;}
p a{text-decoration:underline;}
p a:focus, p a:hover{text-decoration:none;}*/


/*-- Service Listings and Links --*/
.serviceList{width:250px; float:left;}
.serviceList .headerbar{font:bold 13px Verdana; color:white; background:#606060 8px 6px; margin-bottom:0px; text-transform:uppercase; padding:7px 0px 7px 31px;}
.serviceList ul{list-style-type:none; margin:0px; padding:0px; margin-bottom:0px;}
.serviceList ul li{padding-bottom:2px;}
.serviceList ul li a{font:normal 12px Arial; color:black; background:#F6F5E3; display:block; padding:5px 0px; line-height:17px; padding-left:8px; text-decoration:none;}
.serviceList ul li a.selected{background-color:#E0DAC7; font-weight:bold;}
.serviceList ul li a:visited{color:black;}
.serviceList ul li a:hover{color:black; background:#E0DAC7;}

.serviceDesc{float:right; width:480px;}
.serviceDesc p{text-indent:20px; padding:5px 0px; text-align:justify;}

#serviceContact{margin:20px 0px;}
#serviceShots{margin:0px; padding:0px; list-style:none;}
#serviceShots li{float:left; width:25%; margin:0px; padding:0px; text-align:center;}
#serviceShots img{padding:2px; border:1px solid #CCC;}

/*--- BUTTON STYLES ---*/
/* Container you can use to surround a CSS button to clear float */
/*See:http://www.quirksmode.org/css/clearing.html */
.buttonwrapper{overflow:hidden; width:100%;}
a.ovalbutton{display:block;	float:left;	line-height:16px; /*This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)*/ height:24px; /*Height of button background height*/ padding-left:11px; /*Width of left menu image*/ text-decoration:none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color:#494949; /*button text color*/}
a.ovalbutton span{display:block; padding:4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/}
/* Hover state CSS */
a.ovalbutton:hover{background-position:bottom left; text-decoration:none; }
/* Hover state CSS */
a.ovalbutton:hover span{background-position:bottom right; color:black;}
/*--BLUE--*/
a.blue{background:transparent url(images/oval-blue-left.gif) no-repeat top left;}
a.blue span{background:transparent url(images/oval-blue-right.gif) no-repeat top right;}
/*--GREEN--*/
a.green{background:transparent url(images/oval-green-left.gif) no-repeat top left;}
a.green span{background:transparent url(images/oval-green-right.gif) no-repeat top right;}
/*--GRAY--*/
a.gray{background:transparent url(images/oval-gray-left.gif) no-repeat top left;}
a.gray span{background:transparent url(images/oval-gray-right.gif) no-repeat top right;}


/*-- General Utility Classes --*/
.i{font-style:italic;}
.clear{clear:both;}
.center{text-align:center;}
.line{height:10px;}
.nobg{background:none !important; background-image:none !important;}
.title{color:#3399FF; font-size:200%; font-family:Verdana, Geneva, sans-serif;}
.smallcaps{font-variant:small-caps;}
.back_btn{text-align:right; padding:1px 5px;}


/*-- Site Template --*/
.wrapper{background:url(images/bkgd-fade.png) repeat-x;	padding:20px 0px;}

.page{font-size:.8em; background-color:#FFF; border:1px solid #9E9E9E; margin:0px auto;	width:852px; padding:0px 0px 32px 0px; _text-align:left;}
.pageShadow{margin:0px auto; padding:0px; width:850px; height:16px;	background:url(images/pageShadow.png) no-repeat;}

.head{margin:0px 32px;}
.head .logo{margin:20px 0px;}
.head .pageBanner{margin-bottom:10px; width:788px; height:148px;}
	body#homepage .pageBanner{margin-top:10px; height:177px;}
	
.body,.hd,.bd,.ft,.lastUnit,.line{overflow:hidden; _overflow:visible; _zoom:1;}
.body{margin:0px 32px;}

.unit{float:left;_zoom:1;}
/*.unitExt{float:right;}

.size1of1{float:none;}
.size1of2{width:50%;}*/

/*.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}*/
.size1of3{width:33.33333%; float:right;}
.size2of3{width:64.66666%; float:left;}

.size3of3{width:285px; float:left;}

.size1of2{width:49%; float:left;}
.size2of2{width:49%; float:right;}

/*.size1of4{width:25%;}
.size3of4{width:75%;}

.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}*/

.mod,.page{-moz-border-radius:3px; -webkit-border-radius:3px; /*border-radius:3px; generates error in ff and ie*/}
/*-- Content Container:extends(mod) --*/
.canvas{margin:0px; padding:10px; /*background-color:#FAFAFA;*/ background-color:#FFF; border:1px solid #000;}
/*-- Double Border Feature Box:extends(mod) --*/
.doubleBorder{background-color:#FFF; border:1px solid #BFBFBF; padding:6px;}
.doubleBorder .hd{border:1px solid #CECBC1; background-color:#EAE5D5; padding:5px;}
.doubleBorder .bd{border:1px solid #DDD; padding:5px;}
.doubleBorder .bd .bd{border:none; padding:0px;}
/*-- Feature List:extends(doubleBorder) --*/
#featureList ul{padding-top:6px;}
#featureList ul a{line-height:22px; background-position:10px 2px; padding-left:30px; width:100%;}
#featureList .viewMore{background-position:15px 5px !important;}
/*-- CustomerList:extends(doubleBorder) --*/
#customerList{/*margin-right:10px;*/}
#customerList .customerTitle{padding-left:10px; font-weight:bold; font-size:90%; text-transform:uppercase;}
#customerList .viewMore{font-size:90%; line-height:18px;}
/*-- ActionBar:extends(doubleBorder) --*/
#actionBar{/*margin-right:10px; */margin-top:10px;}
#actionBar .actionTitle{padding-left:10px; font-weight:bold; font-size:90%; text-transform:uppercase;}
/*-- Numbered Lists --*/
ol li{list-style-type:decimal; margin-left:40px;}
/*-- Standard Lists --*/
ul.arrowList li{list-style-type:none; background:url(images/Green-Bullet.png) no-repeat 8px 0PX; padding:0px 5px 5px 25px;}
ul.arrowList li ul{padding-top:2px;}
ul.arrowList li li{background:url(images/Bullet-Black.png) no-repeat 0px 0px; padding:0px 5px 5px 15px;}
ul.grayList li{background:url(images/Bullet-Black.png) no-repeat 0px 0px; padding:0px 5px 5px 15px;}
ul.horizontalList{padding:0px;}
ul.horizontalList li{float:left;}
ul.iconList li, ul.iconList li a{background-repeat:no-repeat;}
ul.checkList li a{background:url(images/bullet-white-checkbox.gif) no-repeat 5px 0px; padding-left:20px;}
ul.sideBarList{margin-top:5px;}
ul.sideBarList li{padding-left:45px; background-repeat:no-repeat; background-position:20px 3px; margin-bottom:13px; line-height:16px;}
ul.sideBarList li.lastItem{margin-bottom:0px;}
ul.form li{padding:8px 0px;}
ul.form li ul{margin:5px 0px 5px 45px;}
ul.form li li{padding:2px 0px 2px 15px;background-position:0px 2px;}


/*-- Headings --*/
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings 
#3383A6 063*/
h1, .h1{font-size:196%; font-weight:normal; font-style:normal; color:#063; padding:0px 0px 1px 0px; margin-bottom:5px; border-bottom:1px solid #CECBC1;}
h2, .h2{font-size:167%; font-weight:normal; font-style:normal; color:#3383A6;}
h3, .h3{font-size:146.5%; font-weight:bold; font-style:normal; color:#063;}
h4, .h4{font-size:123.1%; font-weight:bold; font-style:normal; color:#424141;}
h5, .h5{font-size:108%; font-weight:bold; font-style:normal; color:#000;}
h5.screens{padding:20px 0px 10px 0px;}
h6, .h6{font-size:108%; font-weight:normal; font-style:italic; color:#333;}


/*-- Forms --*/
label{float:left; width:165px; text-align:left; padding-right:10px; font-weight:normal; line-height:22px;}
label.checkbox{float:none; width:auto;}
fieldset{border-color:#DBDBDB; border-style:solid none none; border-width:1px 0px 0px; padding:0px 10px;}
fieldset legend{padding:7px; font-weight:bold;}
input, textarea, select{border:1px solid #AAA; padding:2px; background:#FFF; margin-top:0px;}
input.checkbox{width:15px; background:none; border:0px; margin:2px 0 2px 25px;}
input.radio_button{width:15px; background:none; border:0px;}
input.small, select.small{width:150px; line-height:20px;}
input.large, select.large{width:400px;}
input.extra_large, select.extra_large{width:300px;}
input:hover, textarea:hover, select:hover{border:1px solid #888;}
input:active, textarea:active, select:active{border:1px solid #888;}
input.submit{background:#DBDBDB; color:#000; font-size:90%; padding:3px 5px; cursor:pointer;}
input.submit:hover{}
input.image{border:none; background:none;}
input.green{background:url(images/green-fade.png) repeat-x; border:none; height:32px; color:#FFF; font-size:100%; font-weight:bold; padding:2px 10px;margin-left:175px;}


/*-- Messages --*/
.success{text-indent:20px; color:#393; font-weight:bold; padding:10px 0px 10px 0px;}
.erronus{text-indent:20px; color:#F03; font-weight:bold; padding:10px 0px 10px 0px;}


/*-- Navigational Bar --*/
.navBar{clear:both; height:35px; text-align:center;	width:788px; margin:0px 32px; background:url(images/navBar.gif) no-repeat;}
.navBar ul{height:35px;	padding:0px; margin-left:7px; list-style:none;}
.navBar ul li{margin:0px; padding:0px; position:relative; background:url(images/navDiv.gif) 0px 10px no-repeat;}
.navBar ul li a{text-decoration:none; padding:0px 21px;	color:#FFF;	text-transform:uppercase; font-family:Verdana, sans-serif; font-size:78%; font-weight:bold;	line-height:35px; display:block;}
/*.navBar ul li a:hover{color:#09F;}*/


/*-- Flash Banner Bar --*/
.flashBar{padding:0px 0px 10px 32px;}


/*-- Right Side Bar --*/
.leftBar .doubleBorder{margin-right:10px;}
.rightBar .doubleBorder{margin-bottom:10px;}
.formLinks .bd{padding:0px;}
.formLinks a{text-transform:uppercase; color:#FFF; line-height:30px; display:block; padding:0px 10px;}
.formLinks .freeTrial{background:#006430 url(images/green-fade.png) repeat-x;}
.formLinks .freeTrial a{background:url(images/green-arrow.png) no-repeat 200px 4px;}
.formLinks .requestMoreInfo{background:#004C65 url(images/blue-fade.png) repeat-x;}
.formLinks .requestMoreInfo a{background:url(images/blue-arrow.png) no-repeat 200px 4px; font-size:90%;}
.benefitMenu .inner{width:255px; height:193px;}
.benefitMenu ul{padding:145px 2px 0px;}
.benefitMenu .saas{background:url(images/benefits-saas-rightbar.png) no-repeat;}
.contentHeader{margin-bottom:5px; border-bottom:1px solid #CCC; background-repeat:no-repeat; background-position:right;}
.contentHeader h2{padding:0px;}
.contentHeader h4{padding:1px 0px 2px;}
.viewMore{background-image:url(images/bullet-green-plus.gif) !important; background-repeat:no-repeat; background-position:0px center; padding:0px 13px 0px 11px; color:#039;}


/*-- Privacy Policy --*/
.privacy{margin:20px 0px;}
.privacy p{text-indent:20px; padding:10px 0px;}
.privacy ul li{margin:0px 0px 0px 50px; padding:0px 0px 5px 5px;}
.privacy blockquote{padding:10px 30px;}


/*-- SiteMap --*/
.sitemap ul.list1{list-style:url(images/bullet-green-plus.gif); margin:0px 0px 0px 20px; padding:10px 0px;}
.sitemap ul.list1 li{padding:2px 0px;}
.sitemap ul.list2{list-style:url(images/Bullet-Black.png); margin:0px 0px 0px 30px;}


/*-- Footer --*/
#footer{padding:20px 0px; line-height:16px;	text-align:center; font-size:0.75em;}
#footer .botNav{text-transform:uppercase; padding-bottom:10px;}
