/* header */
#header-container { display: block; width: 100%; }
#mint-strip { display: block; width: 100%; height: 14px; background: url(../images/common/mint_strip_bg.gif) repeat-x; }
#black-strip { display: block; width: 100%; height: 44px; padding-top: 26px; background: #333333; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-bottom-width: 1px; }
#black-container { display: block; width: 760px; height: 44px; margin: auto; }
#logo { float: left; width: 259px; height: 44px; }
#navigation { float: left; width: 501px; height: 44px; }
#button-1, #button-2, #button-3, #button-4, #button-5 { float: left; width: 100px; height: 44px; }
#button-1 a { display: block; width: 100%; height: 44px; background-color: #333333; }
#button-1 a:link { text-decoration: none; }
#button-1 a:visited { text-decoration: none; }
#button-1 a:hover { background-color: #666666; text-decoration: none; }
#button-2 a { display: block; width: 100%; height: 44px; background-color: #333333; }
#button-2 a:link { text-decoration: none; }
#button-2 a:visited { text-decoration: none; }
#button-2 a:hover { background-color: #666666; text-decoration: none; }
#button-3 a { display: block; width: 100%; height: 44px; background-color: #333333; }
#button-3 a:link { text-decoration: none; }
#button-3 a:visited { text-decoration: none; }
#button-3 a:hover { background-color: #666666; text-decoration: none; }
#button-4 a { display: block; width: 100%; height: 44px; background-color: #333333; }
#button-4 a:link { text-decoration: none; }
#button-4 a:visited { text-decoration: none; }
#button-4 a:hover { background-color: #666666; text-decoration: none; }
#button-5 a { display: block; width: 100%; height: 44px; background-color: #333333; }
#button-5 a:link { text-decoration: none; }
#button-5 a:visited { text-decoration: none; }
#button-5 a:hover { background-color: #666666; text-decoration: none; }

/* print-header */
#print-header { display: none; }
#print-crumbs { display: none; }

/* body */
#body-container { display: block; width: 760px; margin: auto; }
#featured-image { display: block; width: 749px; height: 70px; margin-left: 9px; background: #EEEEEE; border: 1px solid #FFFFFF; border-top-width: 0px; }
#content-container { display: block; width: 731px; margin-left: 9px; background: #FFFFFF; padding: 10px; padding-top: 20px; }
#content { display: block; width: 698px; padding: 0px 15px 10px 15px; border: 1px dashed #999999; border-top-width: 0px; }
#content-heading { display: block; width: 696px; height: 28px; padding-top: 60px; margin-bottom: 20px; background-color: #EEEEEE; background-repeat: no-repeat; border: 1px solid #999999; }
#content-navigation { display: block; width: 686px; height: 18px; padding: 5px; background: #666666; color: #FFFFFF; line-height: 18px; }
#content-navigation a:link { color: #EEEEEE; text-decoration: none; }
#content-navigation a:visited { color: #EEEEEE; text-decoration: none; }
#content-navigation a:hover { color: #EEEEEE; text-decoration: underline; }
#content-indent { display: block; padding-left: 10px; }
#content-footer { display: block; width: 100%; text-align: right; font-size: 6pt; font-weight: bold; color: #999999; }
#content-footer a:link { color: #999999; text-decoration: none; }
#content-footer a:visited { color: #999999; text-decoration: none; }
#content-footer a:hover { color: #FF9900; text-decoration: underline; }
.quote { color: #666666; font-style: italic; line-height: 20px; }
.quote-author { color: #333333; font-style: normal; font-weight: bold; font-size: 7pt; }

/* body - home */
#home-container { display: block; width: 698px; padding: 0px 15px 10px 15px; border: 1px dashed #999999; border-top-width: 0px; }
.home-main-column { width: 400px; }
.home-spacer-column { width: 18px; }
.home-news-column { width: 280px; background: #EEEEEE; border: 1px solid #999999; }
#intro-heading { display: block; width: 400px; height: 28px; margin-bottom: 20px; padding-top: 60px; background: #EEEEEE url(../images/home/welcome_heading.gif) no-repeat; border: 1px solid #999999; }
#intro-navigation { display: block; width: 390px; height: 18px; padding: 5px; background: #666666; font-weight: bold; color: #FFFFFF; line-height: 18px; }
#news-heading { display: block; width: 280px; height: 28px; margin-bottom: 20px; padding-top: 60px; }
#news-navigation { display: block; width: 270px; height: 18px; padding: 5px; background: #666666; color: #FFFFFF; line-height: 18px; }
#news-navigation a:link { color: #FFFFFF; }
#news-navigation a:visited { color: #FFFFFF; }
#news-navigation a:hover { color: #EEEEEE; }
#news-box { display: block; width: 270px; padding-left: 10px; }
#news-box p { display: block; margin: 0px; padding: 0px 10px 10px 15px; font-size: 7pt; color: #666666; line-height: 14px; background: url(../images/home/news_icon.gif) top left no-repeat; }
#news-box a:link { color: #000000; text-decoration: none; }
#news-box a:visited { color: #000000; text-decoration: none; }
#news-box a:hover { color: #FF9900; text-decoration: underline; }
/* mailing list */
.bo-maillist-msg { font-size: 8pt; color: #FF0000; }
#bo-maillist-container { width: 200px; margin: 0; padding: 2px; }
#bo-maillist-container form { margin: 0; padding: 0px; }
#bo-maillist-form-options { padding-bottom: 4px; font-size: 7pt; color: #333333; }
#bo-maillist-form-options input { margin: 0 2px 0 0; padding: 0px; }
#bo-maillist-form-fields { margin: 0; padding: 0px; }
#bo-maillist-form-fields input.email { width: 125px; padding: 2px; border: 1px solid #999999; background-color: #EEF9FC; }
#bo-maillist-form-fields input.button { padding: 2px; }

/* body - work */
#project-links-left { float: left; color: #FFFFFF; }
#project-links-right { float: right; padding-right: 7px; color: #CCCCCC; }
#project-links-right a { font-weight: normal; }
.work-info-column { padding-right: 18px; }
.work-clip-column { padding-left: 7px; background: #EEEEEE; }
#project-clip-container { display: block; width: 220px; }
#project-clip { float: left; width: 67px; height: 62px; margin: 5px 5px 0 0; }
#project-clip a { display: block; width: 65px; height: 60px; border-width: 1px; }
#project-clip a:link { border: 1px dashed #999999; text-decoration: none; }
#project-clip a:visited { border: 1px dashed #999999; text-decoration: none; }
#project-clip a:hover { border: 1px solid #FF9900; text-decoration: underline; }

/* body - solutions */
.packages-gap { padding-right: 20px; margin-right: 10px; border-right-style: dashed; border-right-color: #999999; border-right-width: 1px; }

/* body - connect */
.connect-info-column { width: 391px; padding-right: 18px; }
.connect-form-column { width: 289px; }
.label { padding-right: 6px; color: #666666; }
.field { padding-bottom: 3px; }
.input { width: 225px; border: 1px solid #999999; background-color: #EEF9FC; }
.error { color: #FF0000; }

/* footer */
#footer-container { display: block; width: 760px; margin: auto; padding-bottom: 10px; }
#footer-info { float: left; width: 280px; padding-left: 20px; font-size: 6pt; font-weight: bold; color: #EEEEEE; }
#footer-links { float: right; width: 450px; padding-right: 10px; font-size: 6pt; font-weight: bold; color: #EEEEEE; text-align: right; }
#footer-links a:link { color: #EEEEEE; text-decoration: none; }
#footer-links a:visited { color: #EEEEEE; text-decoration: none; }
#footer-links a:hover { color: #FFFFFF; text-decoration: underline; }