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

* { padding: 0; margin: 0; }
html { background: #dadada url(../img/bg-pin.jpg) top left repeat-x; }
body { margin: 0px auto; background: url(../img/btm-bg.jpg) bottom center no-repeat; color: #454545; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding-bottom: 20px; margin-bottom: 20px; }
#bg-top { background: url(../img/top-bg.jpg) top center no-repeat; }
#Container { width: 960px; margin: 0px auto; background: #ffffff; }
.clear { clear: both; }

h1 { font-family: Trebuchet MS, Helvetica, sans-serif; color: #083160; font-size: 18px; padding: 16px 0px; }
a.link { color: #083160; font-weight: bold; text-decoration: none; }
a.link:hover { color: #666666; text-decoration: underline; }
.frame-rt { border: 1px solid #cccccc; padding: 2px; float: right; margin: 0px 0px 10px 10px; background: #ffffff; }

.head { width: 945px; height: 100px; padding-left: 15px; }
.head img { float: left; }
.head a img { border: none; }
.head .ph { width: 320px; height: 35px; float: right; background: url(../img/ph-bg.jpg); color: #666666; font-size: 15px; line-height: 35px; text-align: center; margin-top: 32px; }
.head .ph b { color: #083160; }

.nav { width: 945px; height: 34px; padding-left: 15px; background: url(../img/nav-pin.jpg) top left repeat-x; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.nav ul { list-style: none; padding-top: 5px; }
.nav ul li { float: left; margin-right: 20px; }
.nav ul li a { display: block; color: #083160; text-decoration: none; text-transform: uppercase; font-weight: bold; line-height: 24px; padding: 0px 12px; }
.nav ul li.info { float: right; margin-right: 15px; }
.nav ul li.info a { color: #666666; }
.nav ul li:hover { background: url(../img/nav-rt.jpg) top right no-repeat; }
.nav ul li:hover a { background: url(../img/nav-lt.jpg) top left no-repeat; color: #ffffff; }
#home .nav ul li.home, #about .nav ul li.about, #products .nav ul li.products, #solutions .nav ul li.solutions, #contact .nav ul li.contact, #info .nav ul li.info { background: url(../img/nav-rt.jpg) top right no-repeat; }
#home .nav ul li.home a, #about .nav ul li.about a, #products .nav ul li.products a, #solutions .nav ul li.solutions a, #contact .nav ul li.contact a, #info .nav ul li.info a { background: url(../img/nav-lt.jpg) top left no-repeat; color: #ffffff; }

.main { width: 706px; float: left; }
.main a { color: #083160; }
.main a:hover { color: #444444; text-decoration: none; }

.sols-bar { width: 686px; height: 354px; float: left; background: url(../img/solutions-bg.jpg) top left no-repeat; padding: 0px 10px; }
.sols-bar h1 { padding-left: 5px; }
.sols-bar a h2 { color: #083160; font-size: 14px; padding: 8px 0px; }
.sols-bar a:hover h2 { color: #333333; }
.sols-bar a ul { margin: 8px 0px 8px 20px; }
a .federal { width: 135px; height: 176px; float:left; display: inline; background: url(../img/federal.jpg) top left no-repeat; margin-right: 6px; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; }
a .federal .federal-btn { width: 73px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/federal-btn.jpg) top left no-repeat; }
a .state { width: 135px; height: 176px; float:left; display: inline; background: url(../img/state.jpg) top left no-repeat; margin-right: 5px; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; }
a .state .state-btn { width: 106px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/state-btn.jpg) top left no-repeat; }
a .corporate { width: 135px; height: 176px; float:left; display: inline; background: url(../img/corporate.jpg) top left no-repeat; margin-right: 6px; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; }
a .corporate .corporate-btn { width: 87px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/corporate-btn.jpg) top left no-repeat; }
a .education { width: 135px; height: 176px; float:left; display: inline; background: url(../img/educational.jpg) top left no-repeat; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; }
a .education .education-btn { width: 88px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/educational-btn.jpg) top left no-repeat; }
a:hover .federal .federal-btn, a:hover .state .state-btn, a:hover .corporate .corporate-btn, a:hover .education .education-btn { background-position: bottom left; color: #333333; }
a:hover .federal, a:hover .state, a:hover .corporate, a:hover .education { background-position: bottom left; }

.main .text { width: 676px; background: url(../img/main-bg.jpg) top right no-repeat; padding: 0px 15px; }
.main .text p { padding-bottom: 18px; }
.main .text ul { margin-left: 30px; }
.main .text hr { border: none; color: #cccccc; background: #cccccc; height: 1px; }
.main .text .pd-rt { float: right; width: 370px; height: 270px; display: inline; }
#home .main .text { width: 676px; background: url(../img/home-bg.jpg) top right no-repeat; padding: 0px 15px; }

.side { width: 224px; float: left; padding: 0px 15px; }
.side ul { margin-left: 15px; }
.side ul li { padding: 3px 0px; }
.side ul li.first { padding-top: 0px; }
.side ul li.last { padding-bottom: 0px; }
.side a { color: #083160; text-decoration: none; font-weight: bold; }
.side a:hover { color: #666666; text-decoration: underline; }
.side hr { border: none; color: #cccccc; background: #cccccc; height: 1px; }

.foot { width: 940px; height: 70px; background: #888888; margin-top: 20px; padding: 15px 10px; color: #ffffff; }
.foot .lt { float: left; width: 400px; display: inline; }
.foot .rt { float: right; width: 400px; text-align: right; display: inline; }
.foot hr { border: none; color: #cccccc; background: #cccccc; height: 1px; margin: 5px 0px; }
.foot a { color: #083160; text-decoration: none; } 
.foot a:hover { color: #ffffff; text-decoration: underline; }

.sols-bar-sm a h2 { color: #083160; font-size: 14px; padding: 8px 0px; }
.sols-bar-sm a:hover h2 { color: #333333; }
.sols-bar-sm a ul { margin: 0px 0px 8px 20px; }
a .federal-sm { width: 135px; height: 116px; float:left; display: inline; background: url(../img/federal-sm.jpg) top left no-repeat; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; margin-right: 3px; }
a .federal-sm .federal-btn-sm { width: 73px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/federal-btn.jpg) top left no-repeat; }
a .state-sm { width: 135px; height: 116px; float:left; display: inline; background: url(../img/state-sm.jpg) top left no-repeat; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; margin-right: 2px; }
a .state-sm .state-btn-sm { width: 106px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/state-btn.jpg) top left no-repeat; }
a .corporate-sm { width: 135px; height: 116px; float:left; display: inline; background: url(../img/corporate-sm.jpg) top left no-repeat; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; margin-right: 3px; }
a .corporate-sm .corporate-btn-sm { width: 87px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/corporate-btn.jpg) top left no-repeat; }
a .education-sm { width: 135px; height: 116px; float:left; display: inline; background: url(../img/educational-sm.jpg) top left no-repeat; color: #454545; padding: 110px 16px 0px 16px; text-decoration: none; cursor: pointer; }
a .education-sm .education-btn-sm { width: 88px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; color: #083160; background: url(../img/educational-btn.jpg) top left no-repeat; }
a:hover .federal-sm .federal-btn-sm, a:hover .state-sm .state-btn-sm, a:hover .corporate-sm .corporate-btn-sm, a:hover .education-sm .education-btn-sm { background-position: bottom left; color: #333333; }
a:hover .federal-sm, a:hover .state-sm, a:hover .corporate-sm, a:hover .education-sm { background-position: bottom left; }

.side label { font-weight: bold; display: block; }
.side input, .side textarea { width: 215px; border: 1px solid #cccccc; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #454545; display: block; margin-bottom: 6px; background: #fbfbfb; }
.side input:hover, .side textarea:hover, .side input:focus, .side textarea:focus, .side input:active, .side textarea:active { background: #eeeeee; border: 1px solid #aaaaaa; }
.side input.send-btn { width: 69px; height: 27px; background: url(../img/send-btn.jpg) top left no-repeat; font-weight: bold; color: #083160; border: none; cursor: pointer; }
.side input.send-btn:hover, .side input.send-btn:active, .side input.send-btn:focus { background-position: bottom left; color: #333333; }

ul#portfolio { padding: 0; margin: 0; list-style-type: none; }

body#landing { background: none; margin-bottom: 10px; }
.land-nav { width: 930px; height: 34px; padding: 0px 15px; background: url(../img/nav-pin.jpg) top left repeat-x; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size: 16px; line-height: 34px; text-align: center; color: #777777; }
.land-nav strong { color: #cc3333; }
#landing .main .text { width: 676px; height: 730px; background: url(../img/landing-bg.jpg) top right no-repeat; padding: 0px 15px; }
#landing .main .text h1 { font-size: 20px; }
#landing .main .text p { font-size: 13px; line-height: 20px; }
#landing .main .text ul { margin-left: 20px; padding-bottom: 18px; }
#landing .main .text ul li { line-height: 24px; font-size: 13px; }
#landing .main .text strong { color: #083160; }
#landing .main .text img.free-trial { float: right; padding-left: 15px; }
#landing .main .text img.ingram-img { float: left; padding: 18px 25px 0px 0px; }
#landing .main .text p.ingram-p { font-style: italic; padding-top: 36px; line-height: 24px; }
#landing .main .text p.ingram-p strong { color: #454545; }

.land-side { width: 224px; float: left; padding: 0px 15px; background: url(../img/form-bg.jpg) top left repeat-x; font-size: 13px; line-height: 20px; }
.land-side strong { color: #cc3333; font-style: italic; }
.land-side hr { border: none; color: #cccccc; background: #cccccc; height: 1px; margin: 12px 0px; }
.land-side form { display: block; padding-top: 10px; }
.land-side label { color: #cc3333;  font-weight: bold; display: block; }
.land-side input { width: 215px; border: 1px solid #cccccc; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #454545; display: block; margin-bottom: 4px; background: #fbfbfb; }
.land-side input:hover, .land-side input:focus, .land-side input:active { background: #eeeeee; border: 1px solid #aaaaaa; }
.land-side input.send-btn { width: 192px; height: 37px; background: url(../img/land-btn.jpg) top left no-repeat; font-weight: bold; color: #ffffff; border: none; cursor: pointer; font-size: 15px; margin-top: 10px; }
.land-side input.send-btn:hover, .land-side input.send-btn:active, .land-side input.send-btn:focus { background-position: bottom left; color: #cccccc; }
.land-side .rohs { font-family: Trebuchet MS, Helvetica, sans-serif; color: #083160; font-size: 13px; font-style: normal; font-weight: bold; }
.land-side img.ao-img { float: left; display: inline; padding-right: 10px; }
.land-side h1.ao-h1 { display: inline; line-height: 32px; }

.land-foot { width: 940px; height: 70px; background: #888888; padding: 15px 10px; color: #ffffff; }
.land-foot .lt { float: left; width: 400px; display: inline; }
.land-foot .rt { float: right; width: 400px; text-align: right; display: inline; }
.land-foot hr { border: none; color: #cccccc; background: #cccccc; height: 1px; margin: 5px 0px; }
.land-foot a { color: #083160; text-decoration: none; } 
.land-foot a:hover { color: #ffffff; text-decoration: underline; }