html { height: 101%; }
body { background:#98a8a3 url(../art/bg_main.gif) repeat-y center top; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; margin:0; padding:0; }

* { margin: 0; padding: 0; }
img { border: 0; }
a { color: #2970a6; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }

#wrapper { background-color:#ffffff; margin: 0 auto; padding:0; width:938px; }
#head { float:left; padding:15px 0 10px 13px; }
#head img { float:left; padding:0 9px 0 0; }
#main { float:left;width:938px; background-color: #ffffff; }
#content { float:left; margin: auto; padding:0 15px 0 15px; width:730px; }
#copy { float:right; width:510px; font-family: Arial, Helvetica, sans-serif; }
#leftrail { float:left; padding-bottom:20px; width:204px; }
#rightrail { float:left; padding-bottom:20px; width:168px; }
#footer { float: left; width: 918px; clear: both; padding: 0 10px; }
.threetop h3 { background:#8490A8 url(../art/bg_h3.jpg) no-repeat left top; color:#fff; display:block; font-size:1.2em; height:20px; margin:0 10px 0 0; padding:5px 0 0 10px; }
.threetop { background:#8490A8 url(../art/bg_h3.jpg) no-repeat right top; height:25px; margin:0; padding:0; }
.plaintop h3 { background:#ffffff url(../art/bg_plain-top.gif) no-repeat left top; height:7px; margin:0 10px 0 0; padding:0; font-size: 1px; }
.plaintop { background:#ffffff url(../art/bg_plain-top.gif) no-repeat right top; height:7px; margin:0; padding:0; font-size: 1px; }
.widget{ background: url(../art/bg_widget.gif) no-repeat bottom left; margin:0 0 10px 0; height: auto; width: auto; overflow: hidden; }
.widgeright{ background: url(../art/bg_widgeright.gif) no-repeat bottom right; margin:0; height: auto; width: auto; overflow: hidden; }
.clr-both { clear: both; }

ul.social-media { list-style: none; padding: 3px 0 10px; width: 100%; }
ul.social-media li { height: 23px; clear: left; line-height: 16px; }
ul.social-media li img { padding: 0 7px 0 2px; float: left; clear: left; }
ul.social-media li a { font-weight: bold; color: #464646; text-decoration: none; display: block; padding: 5px 10px; background: transparent url(../art/carat-right.gif) no-repeat 185px 3px; }
ul.social-media li a:hover { background-color: #e5e5e5; }

ul.downloads { list-style: none; padding: 0 8px 5px; }
ul.downloads li { height: 29px; line-height: 20px; border-top: solid 1px #e5e5e5; background: #ffffff url(../art/carat-right.gif) no-repeat right 6px; }
ul.downloads li.first { border-top: 0; }
ul.downloads li img { padding: 0 7px 0 2px; }
ul.downloads li a { display: block; width: 100%; font-size: 1.1em; height: 22px; padding: 5px 0 2px;}
ul.downloads li a span { display: block; width: 37px; float: left; text-align: center; }

#copy div.content-area {padding: 8px 20px 20px;}
.content-area p,
.content-area ol,
.content-area ul { margin-bottom: 1.5em; line-height: 1.5em; color: #676666; font-size: 1.2em; }
.content-area ul.no-bullet { list-style: none; }
.content-area p.no-marg { margin: 0; }
.content-area h1 { color: #3a3a3a; font-size: 1.8em; margin-bottom: .8em; }
.content-area h1 span { display: block; clear: left; font-weight: normal; }
.content-area h2 { color: #3a3a3a; font-size: 1.5em; }
.content-area h3 { color: #3a3a3a; font-size: 1.3em; }
.content-area img.bio { float: right; clear: right; padding: 3px; border: solid 1px #cdcdcd; margin: 0 0 20px 25px; }
.content-area .image-center { clear: both; margin: 0 10px 10px; text-align: center;  }
.content-area .image-center-bott { clear: both; margin: 0 10px; text-align: center; vertical-align:bottom;  }
.content-area ol,
.content-area ul { margin-left: 2em; }
.content-area div.three-col { margin: .8em 0 0 3px; float: left; padding-bottom: 10px; }
.content-area div.three-col ul { float: left; width: 130px; padding-left: 1.5em; margin-left: 0; padding-right: 6px; }
.content-area div.three-img { text-align: center; padding: .8em 0 10px; margin: 0 auto; clear: both;}
.content-area div.three-img img { margin: 0 5px; }
.content-area div.two-col { margin: .8em 0 0; float: left; padding-bottom: 10px; }
.content-area div.two-col div { float: left; width: 210px; margin: 0 15px 0 0; }
.content-area div.two-col ul { float: left; margin-left: 0; padding-left: 1.5em; padding-right: 6px; width: 205px; }
.content-area div.two-col ul.no-bullet { float: left; margin-left: 0; padding-left: 1em; padding-right: 6px; width: 210px; }

.content-area div#services-chart { width: 350px; padding-left: 70px; position: relative; }
div#services-chart a { position: absolute; display: block; width: 242px; height: 48px; left: 87px; clear: left; }
div#services-chart a img { width: 242px; height: 48px; }
div#services-chart a#plans { top: 15px; }
div#services-chart a#strategy { top: 62px; }
div#services-chart a#materials { top: 126px; }
div#services-chart a#web { top: 174px; }
div#services-chart a#seo { top: 236px; }
div#services-chart a#pr { top: 284px; }
div#services-chart a#awareness { top: 334px; }
div#services-chart a#direct { top: 384px; }

.sitemap div#sitemap { padding-left: 10px; }
.sitemap div#sitemap div.section.show-home { display: none; visibility: hidden; }

#footer div#banner { width: 100%; height: 20px; padding: 15px 0; border-bottom: solid 1px #c8c8c8; color: #9f9e9e; font-size: 9px; line-height: 1.5em; }
#banner a,
#banner span { color: #527f6e; }
#banner div#addthis { width: 125px; margin: 0 12px 0 0; float: left; }
#banner div#copyright { width: 555px; margin-right: 55px; float: left; }
#banner div#globals { width: 166px; float: left; }
#banner div#globals ul { list-style: none; margin: 0; padding: 0; float: left; }
#banner div#globals li { padding-left: 10px; margin-left: 10px; border-left: solid 1px #c8c8c8; float: left; }
#banner div#globals li.first { padding: 0; border: 0; margin: 0; }

#footer div#sitemap { width: 878px; padding: 14px 20px 30px; font-size: 10px; color: #9f9e9e; float: left; position: relative; top: 0; left: 0; }
#footer div#sitemap div.section { width: 110px; padding-left: 17px; float: left; position: relative; left: 0; }
#footer div#sitemap div.section.first { padding-left: 0; }
#footer div#sitemap div.section.news { width: 80px; left: -50px; }
#footer div#sitemap div.section.contact { width: 80px; left: -25px; }
#footer div#sitemap div.section.wide { width: 170px; }
#footer div#sitemap div.section.show-home,
.home div#footer div#sitemap div.section.hide-home { display: none; visibility: hidden; }
#footer div#sitemap div.section.hide-home,
.home #footer div#sitemap div.section.show-home { display: block; visibility: visible; }
#footer div#sitemap h3,
#footer div#sitemap h3 a { color:#464646; font-size: 11px; }
#footer div#sitemap ul { list-style: none; padding-top: 8px; }
#footer div#sitemap li { line-height: 1.3em; padding-bottom: .5em; clear: left; background-image: none; }
#footer div#sitemap li a { color: #9f9e9e; }
#footer div#sitemap div.show-home ul.social-media { padding: 0 0 20px; }
#footer div#sitemap div.show-home ul.social-media li { line-height: 16px; padding: 0; font-size: 11px; }
#footer div#sitemap div.show-home ul.social-media li a { color:#464646; padding: 0; }
#footer div#sitemap div.show-home ul.social-media li a:hover { background-color: transparent; text-decoration: underline; }
#footer div#sitemap div.show-home p { font-size: 11px; color: #9f9e9e; }
#footer div#sitemap div.show-home p span { font-weight: bold; color: #464646; display: block; clear: both; padding-bottom: 3px; }
#footer div#sitemap div.show-home form#home-email input.text { width: 105px; border: solid 1px #464646; color: #9f9e9e; margin: 10px 0; }
.sitemap #footer { padding-bottom: 30px; }

/* Homepage styling */
div#top-row { float: left; clear: left; /* margin-bottom: 10px; */}
div#flash-wrapper { float: left; padding-left: 10px; }
.home #rightrail { margin: 0 0 0 11px; padding-bottom: 0; width: 297px; }
.home #rightrail .widget { /* margin-bottom: 0; */ }
.home #rightrail .threetop,
.home #rightrail .threetop h3 { background-image: url(../art/bg_home_h3.jpg); }
.home #rightrail .threetop h3 { margin-right: 20px; }
.home #rightrail .threetop h3 a { color: #ffffff; }
.home ul.downloads { padding-top: 4px; padding-bottom: 8px;}
.home ul.downloads li { height: 23px; line-height: 16px; background-position: right 4px; }
.home ul.downloads li a { padding-top: 4px; }
div#bottom-row { clear: both; }
.home-co { position: relative; margin-left: 10px; float: left; display: inline; width: 300px; height: 163px; padding-top: 20px; background: #f8f7f7 url(../art/bg_home_leap.jpg) no-repeat top left; }
.home-co * { padding-left: 24px; }
.home-co.leap p,
.home-co.leap h1 { margin-right: 20px; }
.home-co.clients { background-image: url(../art/bg_home_clients.jpg); }
.home-co.clients p,
.home-co.clients h1 { margin-right: 145px; }
.home-co.portfolio { background-image: url(../art/bg_home_portfolio.jpg); }
.home-co.portfolio p,
.home-co.portfolio h1 { margin-right: 160px; }
.home-co a.block { display: block; width: 276px; height: 183px; position: absolute; top: 0; left: 0; z-index: 999; }
.home-co a.block:hover { text-decoration: none; }
.home-co h1 { margin: 0; font-size: 1.4em; color: #3a3a3a; }
.home-co p { margin: 10px 0; font-size: 1.1em; color: #676666; line-height: 1.3em; }
.home-co a.cta { padding-right: 10px; font-size: 1.1em; background: transparent url(../art/arrow-right.gif) no-repeat right 4px; }

/* Contact widget */
#contact-widget { width: 168px; padding: 0; }
#contact-widget #top { background: #224272 url(../art/bg_contact_top.gif) no-repeat top left; height: 65px; padding: 10px 12px 0; }
#contact-widget #top h3 { font-size: 1.5em; color: #ffffff; margin: 0; text-indent: -999em; }
#contact-widget #top p { margin: 0; color: #ffffff; font-size: 1.1em; line-height: 1.5em; text-indent: -999em; }
#contact-widget #top p span { white-space: nowrap; font-weight: bold; }
#contact-widget #mid { background: #224272 url(../art/bg_contact_mid.gif) repeat-y top left; padding: 0 14px; }
#contact-widget #mid p { color: #ffffff; font-size: 1.2em; }
#contact-widget #mid span { display: block; height: 19px; padding-bottom: 4px; }
#contact-widget #mid span.big { height: 61px; }
#contact-widget #mid input.text,
#contact-widget #mid textarea { clear: both; color: #707070; background: #ffffff url(../art/bg_contact_input.gif) no-repeat top left; width: 124px; height: 13px; border: none; padding: 3px 8px; font-size: 1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#contact-widget #mid textarea { background-image: url(../art/bg_contact_input2.gif); height: 55px; overflow: auto; }
#contact-widget #mid input.button { overflow: hidden; }
#contact-widget #bottom { font-size: .1em; height: 7px; background: #ffffff url(../art/bg_contact_bottom.gif) no-repeat top left; }
.form #contact-widget { width: 215px; }
.form #contact-widget #top { background-image: url(../art/bg_contact-pg_top.gif); height: 7px;}
.form #contact-widget #top h3,
.form #contact-widget #top p { display: none; }
.form #contact-widget #mid { background-image: url(../art/bg_contact-pg_mid.gif); padding-right: 15px; }
.form #contact-widget #mid input.text,
.form #contact-widget #mid textarea { background-image: url(../art/bg_contact-pg_input.gif); width: 170px; }
.form #contact-widget #mid textarea { background-image: url(../art/bg_contact-pg_input2.gif); height: 50px; }
.form #contact-widget #bottom { background-image: url(../art/bg_contact-pg_bottom.gif); }

/* Portfolio Section styling */
.portfolio div.image-center { margin: 0 0 10px; }
.portfolio .content-area p { font-size: 1.3em; margin-bottom: 1em; }
p.next-links { float: right; clear: both; line-height: 19px; margin-top: 1.5em; width: 470px; }
p.next-links a { float: right; color: #576f94; font-weight: bold; display: block; height: 19px; background: transparent no-repeat;}
p.next-links a.next { padding-left: 20px; background-image: url(../art/btn_next.gif); background-position: left top; }
p.next-links a.prev { padding-right: 20px; background-image: url(../art/btn_prev.gif); background-position: right top; }



/* News table styling */
table#news-table {width: 470px; border: none; font-size: 1.2em; line-height: 1.3em; margin-bottom: 30px; }
col#date { width: 85px; vertical-align:top; } 


col#descrip { width: 335px; }
table#news-table td { padding: 10px 0; vertical-align:top; padding-right: 10px;}
table#news-table tr.head { font-size: 1.1em; font-weight: bold; }
p.archive { float: left; padding-right: 10px; }
select.archive { margin-right: 5px; }

/* About overview left rail logos */
#assocs { width: 204px; margin-top: 20px; text-align: center; }
#assocs img { clear:both; margin-bottom: 15px; }



/* Resource list styling */
p#resource-list a { display: block; clear: both; margin-bottom: 1.5em; background: transparent url(../art/carat-right.gif) no-repeat right 1px; }

/* Registration widget */
form#register input { clear: both; color: #707070; width: 310px; height: 13px; border: none; padding: 3px 8px; margin-bottom: 8px; font-size: 1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; border: solid 1px #666666;}
form#register input.button {clear: left; width: auto; border: 0; height: auto; } 

.content-area div.three-col2 { margin: .8em 0 0 3px; float: right; padding-bottom: 10px; }

.content-area div.three-col2 ul { float: right; width: 140px; padding-left: 1.5em; margin-left: 0; padding-right: 100px; }

p.google { margin-left:15px; }

body.contact p.google { display:none; }