/* Style Reset */
html, body {
height: 100%;
background-color: #fff;
}
* {
padding:0;
margin:0;
outline:0;
}
.cl {
font-size:0;
line-height:0;
height:0;
display:block;
clear:both;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -73px;
}
#navigation li a:hover{color:#58b12f; }
#sub-nav li a{color:#b6d896;}
a{ color:#58b12f; }
a:hover{ color:#2e790b; }
.green{color:#58b12f; }
h4{color:#58b12f; }
.heading h2 span{color:#58b12f; }
.frame #header h3{color:#b6d896; }
.buttons a:hover{color: #b6d896 }
#footer ul a:hover{ color:#b6d896; }
/* Main Section */
body#homepage{ background:#f1f1f1; font-family:arial, "lucida sans", sans-serif; color:#666; font-size:12px; line-height:18px; background:url('images/header2.gif') repeat-x 0 0;}
body{ background:#f1f1f1 ; font-family:"lucida sans",arial, sans-serif; color:#666; font-size:12px; line-height:18px; background:url(images/header.gif) repeat-x 0 0;}
a{text-decoration: none; }
a img{border:0; }
.shell{width:960px; margin:0 auto; }
#container{
}
/* Header */
#header{height:116px; overflow:hidden; position:relative; }
.frame #header{height:328px; background:url(images/header2.gif) repeat-x; }
.frame #header .slogan {width:960px; height:192px; margin-top:-30px; padding-top:80px; position:relative;}
.frame #header h2{font-size: 29px; line-height:29px; color:#fff; text-transform: uppercase; width:500px; height:70px; overflow:hidden; position:relative; text-align: left; font-weight: bold;}
.frame #header h3{font-size: 17px; text-transform: uppercase; width:450px; line-height:17px; font-weight: bold; position:relative; text-align: left;}
.frame #header h1#logo a{background:url(images/logo.png) no-repeat; height:86px; }
/* .frame #header h1#logo {padding-top:27px} */
/* accent pannel */
#accentPannel{height:220px; clear:both; padding-bottom :20px; padding-top: 20px; background: url('../Images/Untitled-1.gif') no-repeat left center;}
#accentPannel .wrap{
}
#accentPannel #leftPannel{width:680px;float:left;margin-right:30px;/* color:#e7e1ed; */ color: #263269; padding-top:10px; padding-left: 20px; font-size: 16px;}
#accentPannel #rightPannel{width:190px;float:left; padding-left: 40px; padding-top: 15px;}
ul.fpcats { margin: 0; margin-top: 5px;padding: 0; font-size: 12px; line-height: 18px;}
.fpcats li { padding: 2px 0 0px 32px; list-style: none; margin-bottom: 6px;}
.mailicon{ background: url('../Images/mailicon.jpg') no-repeat left center;}
.fpcats li a{ text-decoration: none; color: #fff; padding-bottom: 0px; letter-spacing: 1px;}
.fpcats li a:hover { text-decoration: underline; }
.mailicon{ background: url('Images/mail.png') no-repeat left center;}
.data{ background: url('Images/databases.png') no-repeat left center;}
.print{ background: url('Images/printer.png') no-repeat left center;}
.digital{ background: url('Images/mouse-select-wheel.png') no-repeat left center;}
.response{ background: url('Images/megaphone.png') no-repeat left center;}
.dist{ background: url('images/wooden-box.png') no-repeat left center;}
h1#logo{
background-image: none;
font-size: 0;
line-height:0;
width:376px;
height:116px;
margin-top: 12px;
/* padding-top:10px; */
float: left;
display: inline;
}
h1#logo a{
display: block;
text-indent: -4000px;
height:116px;
background:url(images/logo.png) no-repeat;
}
h3{text-transform: uppercase; font-size: 16px; }
h4{font-size: 12px;}
#right-area{margin :0 0 0 auto; float: right;}
#contact{ height: 30px; margin: 10px 10px 23px 0;}
#contact p{ float: right; color: #fff;}
/* Navigation */
#navigation{height:44px; float: right; display: inline; padding-top:4px; padding-left:8px; margin-left:0px; }
#navigation ul{list-style-type: none; height:44px;}
#navigation li{float: left; display: inline; }
#navigation li a{text-align: left; font-size: 1em; float: left; display: inline; line-height:15px; height:32px; text-transform: uppercase; font-weight: bold; text-align: center; color:#fff; padding:0 10px; padding-top:12px; font-family:Helvetica, Arial, sans-serif; width: auto;}
#navigation li a:hover{text-decoration: none; background:url(images/hover.gif) repeat-x}
#navigation li:hover{ background:url(images/hover.gif) repeat-x;}
.navi-description {font-size:.9em;color:#fff;display:block;text-transform:none;padding-top:2px;font-weight:normal; text-align: left;}
/* Main Content */
#content{background:#fff /* url(images/bottom-bg.gif) repeat-x 0 bottom; */}
.heading{ height:42px; padding-top:18px; padding-bottom: 14px; background:url(images/bg.gif) repeat-x 0 0; }
.heading h2{
text-transform: uppercase;
font-size: 24px;
font-weight: normal;
float: left;
display: inline;
color:#3163b1;
line-height:24px;
width:500px;
padding-top:10px;
}
.heading h3{font-weight: bold; color:#2e2e2e; width:470px; float: left; display: inline; text-align: left; line-height:10px; top:-8px; position:relative; text-transform:none; }
.heading h3 span {display:block; position:relative; width:470px; font-size: 1.5em; line-height:16px; padding-left:9px; }
.heading h3 { font-family: Georgia, Times, serif; text-transform: none; height: 25px; font-size: 1.3em; font-weight:normal; letter-spacing: 0px; }
.heading h3 span { font-size:18px; font-style: italic; line-height:28px; height: 25px; padding-left: 4px;}
.heading h3.right{float:right; }
#main{background:url(images/main.gif) no-repeat; padding-top:27px}
/* Left Column */
.generic{float: left; display: inline; padding-left:9px; margin-bottom: 20px;}
.article{width:620px; float: left; display: inline; padding-left:9px; margin-bottom: 20px;}
.generic p, .article p{padding-bottom:16px; margin-top: 7px;}
.generic h3, .article h3{padding-bottom:17px; padding-top:3px; color:#3163b1; text-align: left;}
.generic h5, .article h5{padding-bottom:5px; padding-top:3px; color:#2e2e2e; text-align: left; font-size: 10px; text-transform: uppercase;}
.generic ul, .article ul{list-style-type: none; padding-left:25px;}
.generic li, .article li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}
/*contact form styling*/
#contactForm{padding-top:15px;}
#contactForm .input{width:540px;display:block;margin-bottom:6px;clear:both;border:2px solid #f5f5f7;color:#244386; font-size: 14px; padding: 6px;}
#contactForm label{display:block;width:500px;clear:both;}
#contactForm label.textArea{margin-top:5px;}
#contactForm textarea{background:#fff;border:2px solid #f0f0f4;width:90%;overflow:auto;color:#244386;font-family:Arial;font-size:14px;line-height:18px;}
#contactForm .submit{margin-top:10px;float:right;margin-right:43px;background-image:none;background:#3163b1;color:#fff;width:95px;}
#contactForm .requiredFields{margin-top:10px;display:block; color: red;}
.emailIcon{display:block;height:32px;width:32px;float:right;padding:6px 355px 0 0;}
.star{ color: red; }
/* Blog Specific Styles */
.blogentry {margin-bottom: 20px; }
/* .blogentry img{padding: 10px;} */
.blogentry .meta{background:transparent url(images/dot.gif) repeat-x scroll 0 25px;clear:both;color:#999999;font-size:10px; height:30px; text-align: right;}
.blogentry h1{margin-bottom: 20px; line-height: 32px; font-size: 24px;}
.blognav-footer {height:51px; margin-top: -20px;}
/* Right Column */
.rightside{ width:300px; float:right;}
.graphic{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.graphic .top{background:url(images/top.gif) no-repeat; width:295px;}
.graphic .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:295px; padding:12px 0}
.graphic .bottom img{display: block; width:270px; margin:0 auto}
.sidebar-form{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.sidebar-form .top{background:url(images/grey-top.gif) no-repeat; width:295px;}
.sidebar-form .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.sidebar-form .bottom h3{font-weight: bold; color:#3163b1; line-height:16px; padding-top:12px; padding-bottom:15px}
.sidebar-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.sidebar-form p{line-height:24px; }
.sidebar-form p strong{color:#000; }
.sbbox{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.sbbox .top{background:url(images/grey-top.gif) no-repeat; width:295px;}
.sbbox .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px;}
.sbbox .bottom h3{font-weight: bold; color:#3163b1; line-height:16px; padding-top:12px; padding-bottom:15px}
.sbbox .bottom p{padding-bottom:15px;line-height:18px; padding-top:15px; padding-right: 10px;}
/* .sbbox p{line-height:24px; } */
.sbbox p strong{color:#000; }
.sbbox p span{ float:right; width:150px; background:#fff; }
.sbbox p em{font-style: normal; text-align: right; display: block; margin-top:-18px; width:155px; padding-left:91px}
.sbbox .no-border{border-bottom:none;}
.contact-info p { background:url(images/dot.gif) repeat-x 0 16px; min-height:20px; margin-right:5px; clear:both;}
.contact-info p strong{ float:left; }
UL.stars { margin-bottom:30px;}
UL.stars, UL.stars LI{ margin:0; padding:0; list-style-type:none;}
UL.stars LI a{ display:block; line-height:29px; height:29px; padding:2px 0 0 33px; text-decoration:none; color:#3163b1; font-size: 12px; font-weight:bold; letter-spacing:0.02em; border-bottom:1px solid #eee; overflow:hidden; margin-right: 20px;}
UL.stars LI a:hover{ color:#000;}
UL.stars2 { margin-bottom:30px;}
UL.stars2, UL.stars2 LI{ margin:0; padding:0; list-style-type:none;}
UL.stars2 LI a{ display:block; line-height:29px; height:29px; padding:2px 0 0 33px; text-decoration:none; color:#263269; font-size: 12px; font-weight:bold; letter-spacing:0.02em; border-bottom:1px solid #e4e4e8; overflow:hidden; margin-right: 20px;}
UL.stars2 LI a:hover{ color:#000;}
UL.stars3 { margin-bottom:30px;}
UL.stars3, UL.stars3 LI{ margin:0; padding:0; list-style-type:none;}
UL.stars3 LI a{ display:block; line-height:29px; height:29px; padding:2px 0 0 32px; text-decoration:none; color:#3163b1; font-size: 10px; font-weight:normal; letter-spacing:0.02em; border-bottom:1px solid #eee; overflow:hidden; margin-right: 10px;}
UL.stars3 LI a:hover{ color:#000;}
.mailicon{ background:url(images/mail.png) no-repeat left center;}
.digitalicon{ background:url(images/mouse-select-wheel.png) no-repeat left center; }
.dataicon{ background:url(images/databases.png) no-repeat left center; }
.printicon{ background:url(images/printer.png) no-repeat left center; }
.responseicon{ background:url(images/megaphone.png) no-repeat left center; }
.disticon{ background:url(images/wooden-box.png) no-repeat left center; }
.docicon{ background:url(images/arrow-skip.png) no-repeat left center; }
.directicon{ background:url(images/target.png) no-repeat left center; }
/* Bottom Image Bar */
.bottom-part{background:url(images/main.gif) no-repeat; padding-top:25px;}
.box-holder{width:715px; background:url(images/gradient.gif) repeat-x; margin-left: 110px;}
.box-holder .top-side{background:url(images/top-side.gif) no-repeat; width:715px;}
.box-holder .btm-side{background:url(images/btm-side.gif) no-repeat 0 bottom; padding-top:4px; padding-bottom:5px; width:715px}
.box-holder .first{border-left:solid 1px #e5e5e5;width:140px}
.box-holder .last{/* border-left:solid 1px #e5e5e5; */width:140px; border-left:solid 1px #fff }
.box{ width:140px; float: left; display: inline; border-right:solid 1px #e5e5e5; border-left:solid 1px #fff ; margin-right:1px; height:85px; }
.box a img{display: block;}
.box a {display: block; margin:0 auto; width:140px; margin-top:8px}
.box .link{padding-left:10px;width:140px; padding-top:10px}
.box .link p{font-size: 14px; font-weight: bold; color:#343434}
.box .link a{background:url(images/arr.gif); width:20px; height:20px; float:right; display: inline; text-indent: -4000px; font-size: 0 ; line-height:0; margin:0}
.buttons{margin:0 0 0 auto; width:440px;}
.buttons .last{margin-right:0}
.buttons a{
background:transparent url(images/green-btn.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:16px;
font-weight:bold;
height:28px;
line-height:16px;
margin-right:18px;
padding-bottom:4px;
padding-left:50px;
padding-top:12px;
text-decoration:none;
text-transform:uppercase;
width:160px;
font-family:Helvetica, Arial, sans-serif
}
.post{/* height:58px; border-bottom:solid 1px #e5e5e5;*/ padding-top:10px; font-size:11px; line-height:15px;}
.post h2{ line-height:14px; color:#58b12f; padding-top:7px; font-size: 12px;}
.post p{ line-height:14px; color:#999; padding-top:7px;}
.post img{float: left; display: inline; border:solid 1px #e5e5e5; padding:3px; background:#fff; margin-right:8px; }
.post .meta{background:transparent url(images/dot.gif) repeat-x scroll 0 25px;clear:both;color:#999999;font-size:10px; height:30px; text-align: left;}
.post .meta span{
margin-left: 60px;
}
/* Footer */
#footer, .push{
height: 53px;
}
#footer{background:url(images/ftr.gif) repeat-x; color:#fff; margin-top: 20px; background-color: #263269; }
#footer p{margin:0 0 0 auto; width:225px; font-size: 9px; line-height:53px; text-align: right;}
#footer ul{list-style-type: none; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline;}
#footer li{float:left; display: inline;}
#footer li a{float:left; display: inline; color:#fff; margin-right:16px; line-height:12px; padding-top:20px; font-weight: bold; font-size: 0.8em; font-family:Helvetica, Arial, sans-serif; }
.postImagel{display:block;width:80px;height:80px;float:left;background:#deeefe;margin:0 15px 15px 0;}
.picImagel{display:block;width:160px;height:160px;float:left;background: url('images/picback.gif') no-repeat ;margin:0 20px 20px 0; padding: 10px 0 0 10px;}
.picImager{display:block;width:160px;height:160px;float:right;background: url('images/picback.gif') no-repeat;margin:0 0 10px 20px; padding: 10px 0 10px 10px;}
.smallpicr{display:block;width:100px;height:100px;float:right;background: url('images/smallpicback.gif') no-repeat;margin:10px 0 10px 20px; padding: 10px 10px 10px 10px;}
.smallpicl{display:block;width:100px;height:100px;float:left;background: url('images/smallpicback.gif') no-repeat;margin:10px 20px 20px 0px; padding: 10px 10px 10px 10px;}
.nobg{
clear: both;
background: none;
padding: 10px;
}
.postImager{display:block;width:80px;height:80px;float:right;background:#deeefe;margin:0 0 15px 15px;}