/****************  basic formatting  ****************/



body {margin: 0; padding: 0; background: url(images/bg.jpg) repeat-x; background-color: #fff; font-family: Arial, Helvetica, sans-serif;}



a, a:link, a:visted, a:active {color: #5691ce;}

a:hover {color: #0b5eb2;}



.ClearFloat1 {clear: both;}



form {padding: 0; margin: 0;}



img {border: 0px solid red;}



.Stuff {display: none;}



#Frame {width: 920px; min-height: 800px; background: url(images/frame_bg.png) no-repeat; margin: 0px auto 0px auto; padding: 0; font-size: 12px; color: #666;}



#Header {width: 920px; height: 103px; margin: 0; padding: 0; overflow: hidden;}

#Twitter a {float:right; margin:4px 0px 0px 0px; width:22px; height:0px; z-index:1; padding-top:22px; overflow:hidden; background: url(images/twitter.jpg) no-repeat; }

#Linked-In a {float:right; margin:4px 10px 0px 0px; width:21px; height:0px; z-index:1; padding-top:21px; overflow:hidden; background: url(images/linkedin.jpg) no-repeat; }

#Facebook a {float:right; margin:4px 10px 0px 0px; width:21px; height:0px; z-index:1; padding-top:21px; overflow:hidden; background: url(images/facebook.jpg) no-repeat; }

#Blog a {float:right; margin:4px 10px 0px 0px; width:21px; height:0px; z-index:1; padding-top:21px; overflow:hidden; background: url(images/blogger.jpg) no-repeat; }

#HeaderNavBox {float: right; color: #999; width: 580px; height:100px;}



#HeaderNav {text-align: right; margin: 10px 40px 0px 0px; height: 40px;}



#MainNav {width: 560px; height: 30px; overflow:hidden; margin: 20px 0px 0px 1px; padding: 0; list-style: none;}

#MainNav li {float: left; margin: 0px 2px 0px 0px;}

#MainNav a {display: block; background: url(images/main-nav_bg.gif) no-repeat}



#MainNav #About a  {background-position: 0px 0px;}

#MainNav #About a:hover {background-position: 0px -32px;}



#MainNav #Site a  {background-position: -70px 0px;}

#MainNav #Site a:hover {background-position: -70px -32px;}



#MainNav #Commerce a  {background-position: -122px 0px;}

#MainNav #Commerce a:hover {background-position: -122px -32px;}



#MainNav #PayPer a  {background-position: -223px 0px;}

#MainNav #PayPer a:hover {background-position: -223px -32px;}



#MainNav #Clients a  {background-position: -397px 0px;}

#MainNav #Clients a:hover {background-position: -397px -32px;}



#MainNav #Partners a  {background-position: -471px 0px;}

#MainNav #Partners a:hover {background-position: -471px -32px;}



#Content {width: 860px; min-height: 500px; margin: 0px 10px 0px 10px; padding: 20px;}

#Content h1 {height: 44px; padding: 5px 0px 0px 54px; color: #0b5eb2; margin: 0; background: url(images/h1_bg.gif) no-repeat left; font-size:30px; text-transform: lowercase;}

#Content h2 {color: #888; font-size: 18px; margin-bottom: 0px; margin-top: 30px; padding-bottom: 10px; display: block; background: url(images/hr.gif) no-repeat 0px 15px;}

#Content h4 {display: block; padding: 2px 0px 5px 10px; margin: 0; background:url(images/h3_bg.png) no-repeat; color: #465d75; font-size: 22px;}

#clients1 { float:left; padding:10px; background-color:#ffffff; height:820px; width:840px}

.logobox1 { float:left; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; height:100px; width:200px; }

.logobox2 { float:left; border-bottom:1px solid #CCCCCC; height:100px; width:200px; }

#HomeBox {width: 900px; margin: -20px;}



#HomeFlashBox {width: 900px; height: 264px; margin: 0; padding: 0;}



#HomeLeftColumn {float: left; width: 434px; margin: 0px 0px 0px 10px;}

#HomeLeftColumn h3 {font-size: 14px; color: #0b5eb2; margin: 15px; background: none;}

#HomeLeftColumn p {margin: 15px 15px 20px 15px; line-height: 18px;}



#HomeRightColumn {float: right; width: 434px; margin: 0px 10px 0px 0px;}



.HomeBlogBox {width: 394px; padding: 15px 20px 34px 20px; background: url(images/home_blog_bottom.gif) no-repeat bottom;}

.HomeBlogBox h3, .HomeBlogBox a { color: #0b5eb2; margin: 0px; text-decoration: none;}

.HomeBlogBox h3 {font-size: 14px; background: none;}

.HomeBlogBox p a {text-decoration: underline;}

.HomeBlogBox .Author {color: #609bd7;}



#Footer {width: 920px; margin: 0px 0px 10px 0px; background: url(images/footer_bg.png) no-repeat  0px 0px; font-size: 11px; text-align: center;}



#Footer #LeftNav {margin: 20px 0px 15px 30px; padding: 0; list-style: none; color: #777; font-size: 12px;}

#Footer #LeftNav li {display: inline; padding: 0px 0px 0px 5px;}

#Footer #LeftNav li a {padding: 0px 7px 0px 0px; text-decoration: none; color: #777;}



#Footer #RightNav {margin: 10px 30px 35px 0px; padding: 0; list-style: none; color: #397abe; font-size: 12px;}

#Footer #RightNav li {display: inline; padding: 0px 0px 0px 5px;}

#Footer #RightNav li a {padding: 0px 7px 0px 0px; text-decoration: none; color: #397abe;}