﻿/*preload rollover images*/
.preload{background-image:url(images/btn/btnAboutUsOn.gif);background-image:url(images/btn/btnCustomSoftwareOn.gif);background-image:url(images/btn/btnWebDevOn.gif);background-image:url(images/btn/btnContactOn.gif);}
.preload{background-image:url(images/btn/btnSubmitOn.gif);background-image:url(images/btn/btnCancelOn.gif);}
/**/

/*global*/
table, table td, div, p{font-weight:normal;border-spacing:0;border-collapse:collapse;}
a{border:none 0px transparent;border-width:0px;display:inline;}
a img,:link img,:visited img {border:none 0px transparent;border-width:0px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
a:active, a:focus{outline:none;-moz-outline-style:none;} /* Remove dotted border around links when clicked in FireFox */
input, textarea{font-family:Verdana,Arial,Helvetica,sans-serif,tahoma;font-size:9pt;color:#000000;}
td{vertical-align:top;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

.floatclear{clear:both;float:none;} 
.floatright{float:right;} 
.floatleft{float:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.alignmiddle, .alignmiddle *{vertical-align:middle;}
.alignleft{text-align:left;}

.add-copyright-space{margin-right:20px;}
.column-spacer{padding:0px 15px 0px 0px;}
.image-intro{padding-bottom:10px;}
.hand{cursor:pointer;}
h1{font-weight:bold;font-size:12px;color:#003399;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} 

a:link, a:active, a:visited{vertical-align:top;color:#00319C;text-decoration:none;}
a:hover, a:visited:hover{color:#619C44; text-decoration:none;}

a.dotted{text-decoration:none;font-size:9pt;}
a.dotted:link, a.dotted:active, a.dotted:visited{color:#00319C;border-bottom:dotted 1px #00319C;}
a.dotted:hover, a.dotted:visited:hover{color:#619C44;border-bottom:dotted 1px #619C44; }

a.return{display:block;text-decoration:none;font-size:9pt;padding:5px 0px 0px 15px;margin-top:30px;}
a.return:link, a.return:active, a.return:visited{color:#00319C;border-top:dotted 1px #cccccc;}
a.return:hover, a.return:visited:hover{color:#619C44;border-top:dotted 1px #cccccc; }
/**/

/*wrapper creates the border around the white boxes*/
.wrapper1{border:solid 1px #cbcbcb;background-color:#e5e5e5;padding:1px 1px 1px 1px;}
.wrapper2{border:solid 1px #ededed;background-color:#f5f5f5;padding:1px 1px 1px 1px;}
.wrapper3{border:solid 1px #fafafa;background-color:#ffffff;padding:0px 0px 0px 0px;}

.wrapper-top1{border-top:solid 1px #cbcbcb;border-left:solid 1px #cbcbcb;border-right:solid 1px #cbcbcb;padding:0px 0px 0px 0px;}
.wrapper-top2{border-top:solid 1px #e5e5e5;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;padding:0px 0px 0px 0px;}
.wrapper-top3{border-top:solid 1px #ededed;border-left:solid 1px #ededed;border-right:solid 1px #ededed;padding:0px 0px 0px 0px;}
.wrapper-top4{border-top:solid 1px #f5f5f5;border-left:solid 1px #f5f5f5;border-right:solid 1px #f5f5f5;padding:0px 0px 0px 0px;}
.wrapper-top5{border-top:solid 1px #fafafa;padding:0px 0px 0px 0px;}

x.wrapper1{border-left:solid 1px #cbcbcb;border-right:solid 1px #cbcbcb;background-color:#e5e5e5;padding:0px 1px 0px 1px;}
x.wrapper2{border-left:solid 1px #ededed;border-right:solid 1px #ededed;background-color:#f5f5f5;padding:0px 1px 0px 1px;}
x.wrapper3{border-left:solid 1px #fafafa;border-right:solid 1px #fafafa;background-color:#ffffff;padding:0px 0px 0px 0px;}

.wrapper-bottom1{border-bottom:solid 1px #fafafa;padding:0px 0px 0px 0px;}
.wrapper-bottom2{border-bottom:solid 1px #f5f5f5;border-left:solid 1px #f5f5f5;border-right:solid 1px #f5f5f5;padding:0px 0px 0px 0px;}
.wrapper-bottom3{border-bottom:solid 1px #ededed;border-left:solid 1px #ededed;border-right:solid 1px #ededed;padding:0px 0px 0px 0px;}
.wrapper-bottom4{border-bottom:solid 1px #e5e5e5;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;padding:0px 0px 0px 0px;}
.wrapper-bottom5{border-bottom:solid 1px #cbcbcb;border-left:solid 1px #cbcbcb;border-right:solid 1px #cbcbcb;padding:0px 0px 0px 0px;}
/**/

/*master*/
body{background:#4466AA url(images/bg/starback.jpg) no-repeat scroll left top;color:#666666;font:normal normal normal 12px Arial,Helvetica,sans-serif,Verdana,tahoma;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;margin:auto;margin-left:auto;margin-right:auto;text-align:center;}
form{height:auto;min-width:790px;max-width:790px;margin:auto;margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:10px;padding-left:20px;text-align:center;}

#copyright{clear:both;float:right;min-width:20px;max-width:20px;background-color:#4466AA;padding-bottom:10px;}

#menu{min-width:770px;max-width:770px;text-align:left;margin-bottom:15px;vertical-align:top;white-space:nowrap;}
#menu .links{float:right;padding:20px 20px 20px 20px;}
#menu a{display:inline-block;vertical-align:top;}
#menu .divider{vertical-align:top;padding:0px 10px 0px 10px;}

.column-left{float:left;width:66%;min-width:555px;max-width:555px;background-color:#ffffff;overflow:hidden;}
td.column-left{float:none;width:555px;background:#ffffff url(images/bg/bgColumnLeft.gif) repeat-y scroll left top;overflow:hidden;}
.column-left .content{min-height:200px;max-width:515px;padding:20px 20px 20px 20px;text-align:left;overflow:hidden;}
.column-left .page-title{background:transparent url(images/bg/titlestripe.gif) repeat scroll left top;margin-bottom:20px;}
.column-left .page-title .title{display:inline-block;background-color:#ffffff;vertical-align:middle;padding:0px 10px 0px 0px;color:#003399;font-size:14pt;font-weight:bold;font-family:tahoma;white-space:nowrap;letter-spacing:1pt;}

.column-right{float:right;width:33%;min-width:200px;max-width:200px;background-color:#ffffff;overflow:hidden;}
td.column-right{float:none;width:200px;background:#ffffff url(images/bg/bgColumnRight.gif) repeat-y scroll right top;overflow:hidden;}
.column-right .content{min-height:200px;max-width:180px;padding:10px 10px 10px 10px;text-align:left;overflow:hidden;}
.column-right ul{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.column-right ul li{text-align:left;vertical-align:top;background:transparent url(images/bullet/dottedArrow.gif) no-repeat scroll left top;margin:0px 0px 0px 0px;padding:0px 0px 5px 15px;}
.column-right ul li a:link, ul li a:active, ul li a:visited{vertical-align:top;color:#00319C;text-decoration:none;}
.column-right ul li a:hover, ul li a:visited:hover{color:#619C44; text-decoration:none;}
.column-right .return{padding-top:20px;padding-left:15px;}

#footer{clear:both;float:none;text-align:right;font-size:16px;color:#ffffff;padding-top:10px;}
#footer .spacer{padding-right:20px;}
#footer img{vertical-align:bottom;}
#footer a{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#footer a.contact, a.contact:link, a.contact:visited{color:#ffffff;text-decoration:none;font-size:16px;font-weight:normal;border-bottom:dotted 1px #ffffff;}
#footer a.contact:hover, a.contact:active, a.contact:visited:hover{color:#ffffff;text-decoration:none;font-size:16px;font-weight:normal;border-bottom:dotted 1px #00319C;}
/**/

/*default*/
#slideshow{overflow:hidden;text-align:center;vertical-align:middle;margin:-15px -10px -15px -10px;}
#testimonial{height:323px;overflow:hidden;}
#testimonial .testimonial{font-size:10px;color:#666666;}
#testimonial .testimonial .comment{padding-bottom:5px;}
#testimonial .testimonial .name{text-align:right;color:#333333;}
#testimonial .testimonial .company{text-align:right;color:#8789E7;}

/*aboutus/clients*/
.clientLogos{padding-bottom:10px;}
.clientTable{max-width:420px;padding-right:20px;}
.clientListHeader{font-weight:bold;padding-top:10px;}
.clientList{padding-left:12px;background-image:url(images/bullet/bulletSmSq2.gif);background-repeat:no-repeat;}
/**/

/*aboutus/industries*/
ul.square{list-style-image:url(images/bullet/bulletSmSq.gif);}
ul.square li{padding-bottom:2px;}
/**/

/*aboutus/services*/
#services .menu ul{list-style-type:none;}
#services .menu ul li{text-align:left;background:transparent url(images/bullet/bulletSquare.gif) no-repeat scroll left top;margin:0px 0px 0px 0px;padding:0px 0px 4px 19px;}
#services .menu ul li:hover, #services ul li:visited:hover{background:transparent url(images/bullet/bulletSquareGreen.gif) no-repeat scroll left top;margin:0px 0px 0px 0px;padding:0px 0px 4px 19px;}
#services .menu a{text-decoration:none;font-size:9pt;}
#services .menu a:link, #services a:active, #services a:visited{color:#00319C;}
#services .menu a:hover, #services a:visited:hover{color:#619C44;}
#services .body h1{font-weight:normal;font-size:15px;color:#000080;padding:10px 0px 2px 0px;}
#services .body ul{margin-top:0px;text-align:left;list-style-type:disc;}
#services .body ul li{width:200px;}
#services .body ul.wide{margin-top:20px;}
#services .body ul.wide li{width:400px;}
/**/

/*aboutus/technology*/
#technology .column{text-align:left;width:230px;}
#technology .techHeader{background-color:#DDE4F1;vertical-align:middle;width:230px;padding:2px 0px 2px 10px;font-weight:bold;}
#technology ul{list-style-type:none;padding-left:20px;}
#technology ul li{text-align:left;background:transparent url(images/bullet/bulletSmSq2.gif) no-repeat scroll left top;margin:0px 0px 0px 0px;padding:0px 0px 2px 12px;}
/**/

/*aboutus/people*/
#people img{border:solid 1px #C0C0C0;margin-right:10px;width:125px;}
#people .body{max-width:380px;}
#people .bio{min-height:110px;}
#people .end{display:block;border-bottom:dotted 1px #CCCCCC;margin-top:20px;margin-bottom:25px;}
/**/

/*portfolio*/
#portfolio .empty{display:block;background:transparent url(images/bg/titlestripe.gif) repeat scroll left top;border:solid 5px #F4F4F4;margin:5px 5px 5px 5px;}
#portfolio .square{display:block;background:transparent url(images/bg/titlestripe.gif) repeat scroll left top;border-width:5px;border:solid 5px #E7E7FB;margin:5px 5px 5px 5px;}
#portfolio .square:hover, #portfolio .square:visited:hover{border:solid 5px #94C67B;}
#portfolio .monitor{margin-left:auto;margin-right:auto;background:transparent url(images/bg/monitor.png) no-repeat scroll center top;padding:18px 19px 144px 18px;margin-bottom:5px;width:356px;max-height:356px;height:226px;max-height:226px;overflow:hidden;}
#portfolio .monitor .website{text-align:center;vertical-align:middle;max-width:356px;max-height:226px;overflow:hidden;}
#portfolio .detail{margin:0px 30px 0px 30px;min-width:455px;}
#portfolio .detail sup{font-size:6pt;}
#portfolio .detail ul{list-style-type:none;padding-left:0px;}
#portfolio .detail ul li{text-align:left;background:transparent url(images/bullet/arrow.gif) no-repeat scroll left top;margin:0px 0px 0px 0px;padding:0px 0px 2px 15px;}
#portfolio .detail .numOff{font-size:10px;color:#666666;border:solid 1px #cccccc;width:18px;padding-top:3px;padding-bottom:3px;text-align:center;margin:0px 10px 4px 0px;display:block;cursor:pointer;}
#portfolio .detail .numOff:hover, #portfolio .detail .numOff:visited:hover{border:solid 1px #003399;color:#003399;}
#portfolio .detail .numOn{font-size:10px;color:#003399;border:solid 1px #003399;width:18px;padding-top:3px;padding-bottom:3px;text-align:center;margin:0px 10px 4px 0px;display:block;}
#portfolio .detail #screenshot{margin-left:auto;margin-right:auto;text-align:center;}
/**/