/* General styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }
body { font: 12px/16px Helvetica, Arial, sans-serif; text-align: center; }
a:link { color: #3a6f8f; }
a:hover { text-decoration: none; }
a:visited { color: #264659; }
a img { border: 0px; }

/* Header and primary navigation */
#header { height: 98px; background: url('../img/header-background.gif') repeat-x; }
#header .container { width: 925px; margin: 0px auto; }
#header img { float: left; margin-top: 25px; }
#header #nav { float: right; margin-top: 42px; }
#header #nav ul li { float: left; list-style-type: none; background: url('../img/nav-spacer-background.gif') 0px 9px no-repeat; padding-left: 12px; }
#header #nav ul li:first-child { background: none; }
#header #nav ul li a { font-size: 20px; color: #3a6f8f; text-decoration: none; width: 98px; height: 22px; padding-top: 6px; display: block; }
#header #nav ul li a:hover, #header #nav ul li a.current { background: url('../img/nav-hover-background.gif') top center no-repeat; color: #fff; }

/* Orange banner at top of each page */
#banner { height: 357px; background: url('../img/banner-background.gif') repeat-x; }
#banner .container { width: 1030px; margin: 0px auto; }
#banner .prev, #banner .next { width: 27px; float: left; margin-top: 166px; }
#banner .content { width: 956px; height: 335px; padding: 11px 10px; background: url('../img/banner-content-background.jpg') -1px 0px; float: left; text-align: left; color: #fff; overflow: hidden; }
#banner .content p { font-size: 14px; line-height: 20px; margin: 15px 0px; }
#banner .content a { color: #fff; }
#banner .content a.button { background: url('../img/banner-orange-button-background.gif'); width: 162px; height: 23px; padding-top: 5px; text-align: center; color: #fff; display: block; font-weight: bold; font-size: 14px; text-decoration: none; }
#banner .content ul { padding-left: 35px; }

#banner .content .more { float: right; width: 325px; margin-left: 40px; padding-left: 20px; border-left: 1px solid #f47321; margin-top: 10px; }
#banner .content .more.contact { width: 225px; margin-top: 0px; }
#banner .content .more ul { padding-left: 0px; }
#banner .content .more ul li { padding: 1px 0px; margin-left: 15px; }
#banner .content .more p { margin: 10px 0px; }

#banner #banner-huberco-live { width: 266px; height: 228px; padding: 50px 20px 0px 20px; float: right; margin: -10px 30px 0px 40px; background: url('../img/banner-huberco-live-background.gif'); color: #000; }
#banner #banner-huberco-live p { font-size: 12px; line-height: 14px; }
#banner #banner-huberco-live a { color: #3a6f8f; }
#banner #banner-huberco-live hr { height: 0px; border: none; border-top: 1px solid #f47321; }

#slideshow { width: 910px; height: 335px; margin: 8px 24px 0px 24px; }
#slideshow .slide { width: 910px; }
#slideshow .slide .screenshot { float: right; margin-top: 16px; margin-left: 30px; }
#slideshow .slide .headline { margin-top: 40px }
#slideshow .slide #movie { float: right }

#banner h2#meet-and-connect-with-us { height: 19px; background: url('../img/meet-and-connect-with-us.gif') no-repeat; margin-top: 40px; }
#banner h2#meet-and-connect-with-us span { position: relative; left: -9999px; }

/* Main content */
#content { background: url('../img/content-background.gif') 0px 0px repeat-x; overflow: visible; padding: 1px 0px; }
#content .container { margin: 0px auto; width: 915px; padding: 10px 0px; text-align: left; overflow: hidden; }
#content hr { height: 0px; border: none; border-top: 1px solid #f47321; clear: both; margin: 15px auto; }
#content p { margin: 10px 0px; line-height: 18px; }
#content strong { color: #3a6f8f; }
#content h2 { margin: 20px 0px; }
#content h2#homepage-headline { background: url('../img/is-your-brand-in-peril.gif') 0px 0px no-repeat; height: 24px; }
#content h2#homepage-headline span { position: relative; left: -9999px; }
#content h3 { font-size: 14px; font-weight: bold; color: #f47321; margin: 15px 0px; }
#content a.button { background: url('../img/orange-button-background.gif'); width: 162px; height: 23px; padding-top: 5px; text-align: center; color: #fff; display: block; font-weight: bold; font-size: 14px; text-decoration: none; margin-top: 20px; }

/* "huber+co. live" Twitter box */
#content #huberco-live { width: 340px; margin: 7px 0px 0px 40px; float: right; background: url('../img/huberco-live-background.gif') 0px 0px no-repeat; padding-top: 65px; }
#content #huberco-live .profile-image { background: url('../img/profile-image-background.gif'); width: 43px; height: 36px; padding: 2px 0px 0px 2px; float: left; }
#content #huberco-live .tweet { width: 275px; float: left; padding-left: 5px; }
#content #huberco-live .tweet p { margin: 0px 0px 10px 0px; font-size: 11px; line-height: 14px; }
#content #huberco-live hr { clear: left; margin: 5px 10px 5px 45px; height: 0px; border: none; border-top: 1px solid #bcbec0; }

#content #huberco-live #connect-with-us { padding: 15px 0px 0px 35px; clear: left; height: 38px; background: url('../img/connect-with-us-background.gif') 0px 0px #fff; }
#content #huberco-live #connect-with-us p { font-weight: bold; color: #3a6f8f; float: left; }
#content #huberco-live #connect-with-us ul { padding-top: 4px; float: left; margin-left: 5px; }
#content #huberco-live #connect-with-us ul li { list-style-type: none; display: inline; }
#content #huberco-live #connect-with-us ul li img { vertical-align: bottom; }

#content h2#services-headline { background: url('../img/clients-with-a-total-internet-presence.gif') 0px 0px no-repeat; height: 19px; }
#content h2#services-headline span { position: relative; left: -9999px; }
#content #current-clients { width: 306px; height: 565px; margin: 12px 0px 0px 40px; float: right; background: url('../img/current-clients-background.gif') 0px 0px no-repeat; }
#content #current-clients ul { margin: 70px 0px 0px 30px; }
#content #current-clients ul li { padding: 1px 0px; }

#content #news-and-events { width: 270px; padding-right: 35px; float: left; text-align: left; margin-top: 7px; }
#content #news-and-events hr { height: 0px; border: none; border-top: 1px solid #3a6f8f; }
#content #news-and-events h4 { background: url('../img/news-and-events.gif') 0px 0px no-repeat; height: 39px; margin-bottom: 10px; }
#content #news-and-events h4 span { position: relative; left: -9999px; }

#content #from-the-portfolio { width: 225px; float: left; margin-top: 7px; }
#secondary-content #from-the-portfolio { width: 225px; float: left; margin-top: 0px; }
#content #from-the-portfolio h4 { height: 39px; background: url('../img/portfolio.png') no-repeat; margin: 7px 0px 15px 0px; }
#secondary-content #from-the-portfolio h4 { height: 39px; background: url('../img/portfolio.png') no-repeat; margin: 0px 0px 15px 0px; }
#content #from-the-portfolio h4 span,
#secondary-content #from-the-portfolio h4 span { position: relative; left: -9999px; }
#content #from-the-portfolio h5 { font-size: 12px; color: #3a6f8f; margin-top: 10px; text-align: left; }
#secondary-content #from-the-portfolio h5 { font-size: 12px; color: #3a6f8f; margin-top: 10px; text-align: left; }
#content #from-the-portfolio p,
#secondary-content #from-the-portfolio p { margin: 0px; text-align: left; }

/* "Contact" page */
#banner h2#send-us-a-message { height: 22px; background: url('../img/send-us-a-message.gif') no-repeat; margin-top: 40px; }
#banner h2#send-us-a-message span { position: relative; left: -9999px; }
form#contactUs { padding-top: 20px; }
form#contactUs fieldset { border: none; }
form#contactUs .column { float: left; width: 310px; }
form#contactUs label { width: 90px; float: left; clear: left; padding-top: 5px; }
form#contactUs input, form#contactUs select, form#contactUs textarea { float: left; font-size: 13px; margin-bottom: 10px; }
form#contactUs input { margin-bottom: 23px; }
form#contactUs textarea { width: 200px; }
form#contactUs option { font-size: 11px; }
form#contactUs button { clear: left; display: block; width: 92px; height: 28px; margin: 10px 0px 0px 80px; background: url('../img/contact-button-background.gif'); border: none; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: bold; }
form#contactUs label.error { position: absolute; left: -9999px; }
form#contactUs input.error, form#contactUs select.error, form#contactUs textarea.error { border: 2px solid rgb(220, 88, 85); outline: none; }
form#contactUs label span.required { font-weight: bold; color: rgb(220, 88, 85); }

/* Secondary content on homepage */
#secondary-content { width: 915px; margin: 0px auto; overflow: auto; border-top: 1px solid #f47321; padding-top: 20px; }
#secondary-content .container { width: 270px; padding-right: 35px; float: left; text-align: left; }
#secondary-content .container hr { height: 0px; border: none; border-top: 1px solid #3a6f8f; }

#secondary-content #news-and-events h4 { background: url('../img/news-and-events.gif') 0px 0px no-repeat; height: 39px; margin-bottom: 10px; }
#secondary-content #news-and-events h4 span { position: relative; left: -9999px; }
#secondary-content #from-the-blog h4 { background: url('../img/hcolog.png') 0px 0px no-repeat; height: 39px; margin-bottom: 10px; }
#secondary-content #from-the-blog h4 span { position: relative; left: -9999px; }
#secondary-content #say-hello h4 { background: url('../img/say-hello.gif') 0px 0px no-repeat; height: 39px; margin-bottom: 10px; }
#secondary-content #say-hello h4 span { position: relative; left: -9999px; }
#secondary-content #say-hello form label { width: 75px; display: block; float: left; padding-top: 5px; }
#secondary-content #say-hello form fieldset { border: none; }
#secondary-content #say-hello form input, #secondary-content #say-hello form select { font-size: 14px; margin-bottom: 10px; }
#secondary-content #say-hello form button { float: right; clear: left; margin-top: 10px; width: 92px; height: 28px; background: url('../img/blue-button-background.gif'); border: none; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: bold; }
#secondary-content #news-and-events p { padding-bottom:10px; }

#secondary-content #say-hello form label.error { position: absolute; left: -9999px; }
#secondary-content #say-hello form input.error, form#contactUs select.error, form#contactUs textarea.error { border: 2px solid rgb(220, 88, 85); outline: none; }
#secondary-content #say-hello form label span.required { font-weight: bold; color: rgb(220, 88, 85); }

/* Bios on "Connect" page */
.person { width: 290px; float: left; margin-top: 15px; padding-right: 15px; height: 180px; }
.person img { float: left; padding-right: 5px; }
.person h5 { font-size: 14px; color: #3a6f8f; margin-top: 10px; }
.person h5 em { color: #000; font-size: 12px; font-weight: normal; }
.person ul { height: 24px; padding-bottom: 5px; margin: 0px; }
.person ul li { list-style-type: none; display: inline; float: left; }
.person ul li a img { display: block; }
.person p { margin: 0px; }
.person .org, .person .tel {display: none;}
.bestlight .org {display: inline !important;}

/* Sites on "Services" page */
.site { clear: left; }
.site img { float: left; padding: 0px 10px 10px 0px; }
.site ul { padding: 5px 0px 0px 256px; list-style-type: none; }
.site h4 { font-size: 14px; color: #3a6f8f; padding-top: 20px; }

/* Footer */
#footer { width: 915px; margin: 30px auto; text-align: left; }
#footer .container { border-top: 1px solid #f47321; }
#footer p { margin: 10px 0px; }
#footer p strong { color: #f47321; }

/* Misc. styles */
.activity-indicator { text-align: center; }
.activity-indicator img { margin: 35px auto; }
#thanks { font-size: 14px; color: #3a6f8f; padding-top: 10px; }
#banner #thanks { color: #fff; }
#content p.share-this { margin-top: 30px; }