/*------------------------------------------------------

CSS Created:	19/02/2010
CSS Author:		Jon Thompson
email:			jon@chamberinternet.co.uk
website:		www.chamberinternet.co.uk

------------------------------------------------------*/

* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; background-image: url(/images/global/body-bg.jpg); background-repeat: repeat-x; }

img { border: none; }
acronym, abbr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; cursor: help; }
ul { list-style: none; }
.hidden { display:none; }

.float-right, .img-right { float: right; width: auto; }
.float-left, .img-left { float: left; width: auto; }
.img-left { padding-right: 10px; }
.img-right { padding-left: 10px; }

.small-txt { font-size: 11px; }
.red-txt { color: #C00; }
.drk-red-txt { color: #900; }
.drk-txt { color: #333; }

/*----------------- / CONTENT ------------------*/

#wrapper { width: 940px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

/*----------------- HEADER ------------------*/
#header { width: 940px; height: 165px; position: relative; background-image: url(/images/header/header-bg.jpg); background-repeat: no-repeat; background-position: right top; }
#company-logo { position: absolute; width: 339px; height: 70px; top: 31px; left: 13px; }
#utilities { position: absolute; width: 940px; height: 38px; top: 122px; left: 0px; }
#utilities ul { float: left; font-size: 11px; }
#utilities ul li { float: left; }
#utilities ul li a { display: block; height: 38px; line-height: 38px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding: 0px 15px 0px 15px; color: #666; text-decoration: none; background-image: url(/images/header/li-bg.png); background-repeat: no-repeat; background-position: right center; }
#utilities ul li a:hover { display: block; height: 38px; line-height: 38px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding: 0px 15px 0px 15px; color: #000; }
#utilities ul li.contact a { background-image: none; }

#home #utilities ul li.home a,
#divisions #utilities ul li.divisions a,
#history #utilities ul li.history a,
#team #utilities ul li.team a,
#org-chart #utilities ul li.org-chart a,
#news #utilities ul li.news a,
#careers #utilities ul li.careers a,
#contact #utilities ul li.contact a { cursor: default; border-top-color: #C00; color: #000; }
#contact #map { width: 358px; height: 372px; margin-bottom: 20px; }

/*----------------- / HEADER ------------------*/

/*----------------- / CONTENT ------------------*/

#content { padding: 30px 0px 30px 0px; color: #666; }

#accessibility { display: none; }

#content h1, #content h2, #content h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
#content h1 { font-size: 26px; color: #C00; padding-bottom: 20px; }
#content h2 { font-size: 20px; color: #666; padding-bottom: 20px; }
#divisions #content h2 { color: #C00; }
#content h3 { font-size: 14px; color: #C00; font-weight: bold; }
#content h4 {}

#content p, #content ul { padding-bottom: 15px; line-height: 20px; }
#content li { background-image: url(/images/content/global/li-red.gif); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 12px; }
#content a { color: #333; text-decoration: none; }
#content a:hover { color: #C00; text-decoration: underline; }

.row { float: left; width: 940px; }
.col-2 { float: left; width: 460px; }
.col-3 { float: left; width: 300px; }
.col-4 { float: left; width: 220px; }

.hr-top, .hr-bot { background-image: url(/images/content/global/hr-bg.gif); background-repeat: repeat-x; background-position: left top; }
.hr-bot { background-position: left bottom; }
.vr-right, .vr-left { background-image: url(/images/content/global/vr-bg.gif); background-repeat: repeat-y; background-position: right top; }
.vr-left { background-position: left top;  }
.vr-col-2 { background-image: url(/images/content/global/vr-col-2-bg.gif); background-repeat: repeat-y; }
.vr-col-3 { background-image: url(/images/content/global/vr-col-3-bg.gif); background-repeat: repeat-y; background-position: center top; }

.home-intro { background-image: url(/images/content/home/home-intro-bg.gif); background-repeat: no-repeat; height: 166px; width: 940px; }

#div-nav { float: left; width: 940px; padding-bottom: 20px; margin-bottom: 20px; }
#div-nav .col-3a, #div-nav .col-3b, #div-nav .col-3c { float: left; width: 300px; height: 97px; margin-right: 20px; background-repeat: no-repeat; }
#div-nav p { font-size: 11px; color: #333; line-height: 16px; padding-bottom: 0px; }
#div-nav .padding { padding: 11px 0px 0px 122px; position: relative; }
#div-nav .col-3a { background-image: url(/images/content/divisions/bmp-nav-bg.jpg); }
#div-nav .col-3b { background-image: url(/images/content/divisions/textile-nav-bg.jpg); }
#div-nav .col-3c { margin-right: 0px; background-image: url(/images/content/divisions/laundry-nav-bg.jpg); }
#div-nav .learn-more { position: absolute; width: 94px; height: 16px; top: 69px; left: 122px; background-image: url(/images/content/divisions/btn-learn-more-hover.gif); background-repeat: no-repeat; }
#div-nav .learn-more a { display: block; width: 94px; height: 16px; background-image: url(/images/content/divisions/btn-learn-more.gif); background-repeat: no-repeat; }
#div-nav .learn-more a:hover { background-image: url(/images/content/divisions/btn-learn-more-hover.gif); background-repeat: no-repeat; }
#div-nav .learn-more span, .top-link div span { display: none; }

.top-link { clear: both; width: 940px; height: 20px; padding-bottom: 1px; position: relative; background-image: url(/images/content/global/hr-bg.gif); background-repeat: repeat-x; background-position: left bottom; }
.top-link div { position: absolute; width: 103px; height: 20px; top: 0px; left: 420px; background-image: url(/images/content/global/btn-rtn-to-top-hover.gif); background-repeat: no-repeat; }
.top-link div a { display: block; width: 103px; height: 20px; background-image: url(/images/content/global/btn-rtn-to-hover.gif); background-repeat: no-repeat; }
.top-link div a:hover { background-image: url(/images/content/global/btn-rtn-to-top.gif); background-repeat: no-repeat; }

.org-schematic { position: relative; width: 940px; height: 541px; padding-top: 10px; }
.link-01 { position: absolute; width: 100px; height: 100px; top: 60px; right: 500px; }
.link-01 a { display: block; width: 100px; height: 100px; }
.org-schematic span { display: none; }

#content .team-row { float: left; width: 940px; padding-bottom: 10px; }
#content .team-row p { padding-bottom: 5px; }
#content .team-row h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #C00; }
#content .team-bg { float: left; width: 200px; background-image: url(/images/content/the-team/bg.png); background-repeat: no-repeat; text-align: center; height: 210px; padding: 10px; }

#content .contact-form { float: left; width: 518px; height: 383px; position: relative; margin-right: 20px; padding: 11px 11px 0px 11px; background-image: url(/images/content/contact-us/form-bg.gif); background-repeat: no-repeat; }
#content .contact-form dl { float: left; width: 518px; padding-bottom: 10px; }
#content .contact-form dt { float: left; width: 120px; padding-right: 11px; text-align: right; font-size: 11px; color: #666; line-height: 30px; }
#content .contact-form dd { float: left; width: 387px; }
#content .contact-form .denotes { position: absolute; font-size: 11px; color: #C00; left: 0px; bottom: -20px; padding-bottom: 0px; }
#content .contact-form .text-field, #content .contact-form .text-area { background-repeat: no-repeat; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; width: 381px; padding: 7px 3px 0px 3px; }
#content .contact-form .text-field { background-image: url(/images/content/contact-us/text-field-bg.png); height: 23px; }
#content .contact-form .text-area { background-image: url(/images/content/contact-us/text-area-bg.png); height: 122px; }
#content .google-map { float: left; width: 358px; padding: 11px 11px 0px 11px; height: 383px; background-image: url(/images/content/contact-us/map-bg.gif); background-repeat: no-repeat; }
#content .group-contacts { float: left; width: 940px; padding-bottom: 11px; margin-bottom: 10px; background-image: url(/images/content/global/hr-bg.gif); background-repeat: repeat-x; background-position: left bottom; }
#content .group-contacts .col-4a, #content .group-contacts .col-4b, #content .group-contacts .col-4c, #content .group-contacts .col-4d { float: left; width: 220px; padding: 0px 10px 0px 10px; background-image: url(/images/content/global/vr-bg.gif); background-repeat: repeat-y; background-position: right top; }
#content .group-contacts .col-4a { padding-left: 0px; }
#content .group-contacts .col-4d { padding-right: 0px; background-image: none; }
#content .group-contacts h3 { font-size: 12px; }
#content .group-contacts p { padding-bottom: 10px; line-height: 17px; }
#content .group-contacts a { color: #666; text-decoration: none; }
#content .group-contacts a:hover { color: #C00; text-decoration: underline; }
#content .group-contacts span { color: #C00; }

#content .history-row { float: left; width: 940px; margin-bottom: 20px; position: relative; }
#content .history-row dl { float: left; width: 460px; margin-bottom: 10px; background-image: url(/images/content/global/hr-bg.gif); background-repeat: repeat-x; background-position: left bottom; }
#content .history-row dt { float: left; width: 60px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #C00; }
#content .history-row dd { float: left; width: 400px; }
#content .history-row dd p { padding-bottom: 10px; }

#content .careers-row { float: left; width: 940px; padding-bottom: 40px; margin-bottom: 20px; position: relative; background-image: url(/images/content/global/hr-bg.gif); background-repeat: repeat-x; background-position: left bottom; }
#content .careers-row dl { float: left; width: 940px; margin-bottom: 10px; }
#content .careers-row dt { float: left; width: 140px; font-size: 11px; color: #C00; text-transform: uppercase; }
#content .careers-row dd { float: left; width: 800px; }
#content .careers-row .apply-btn { position: absolute; width: 116px; height: 16px; bottom: 20px; left: 140px; background-image: url(/images/content/careers/btn-apply-for-post-hover.png); background-repeat: no-repeat; }
#content .careers-row .apply-btn a { display: block; width: 116px; height: 16px; background-color: #C00; background-image: url(/images/content/careers/btn-apply-for-post.png);	background-repeat: no-repeat; }
#content .careers-row .apply-btn a:hover { 	background-image: url(/images/content/careers/btn-apply-for-post-hover.png); background-repeat: no-repeat; }
#content .careers-row .apply-btn span { display: none; }


#content .news-row { float: left; width: 940px; padding-bottom: 40px; margin-bottom: 20px; position: relative; background-image: url(/images/content/global/hr-bg.gif); background-repeat: repeat-x; background-position: left bottom; }
#content .news-row .date { font-size: 11px; padding-bottom: 0px; }
#content .news-row h3 { padding-bottom: 10px; }
#content .news-row .article-btn { position: absolute; width: 129px; height: 16px; bottom: 20px; left: 0px; background-image: url(/images/content/news/btn-read-full-article-hover.png); background-repeat: no-repeat; }
#content .news-row .article-btn a { display: block; width: 129px; height: 16px; background-image: url(/images/content/news/btn-read-full-article.png); background-repeat: no-repeat; }
#content .news-row .article-btn a:hover { background-image: url(/images/content/news/btn-read-full-article-hover.png); background-repeat: no-repeat; }
#content .news-row .article-btn span, #content .news-row .index-btn span { display: none; }
#content .news-row .index-btn a { display: block; width: 91px; height: 16px; background-image: url(/images/content/news/btn-news-index.png); background-repeat: no-repeat; }
#content .news-row .index-btn a:hover { background-image: url(/images/content/news/btn-news-index-hover.png); background-repeat: no-repeat; }

/*----------------- / CONTENT ------------------*/

/*----------------- FOOTER ------------------*/
#footer { background-image: url(/images/footer/footer-bg.jpg); background-repeat: repeat-x; height: 207px; clear: both; }

#footer a { color: #333; text-decoration: none; }
#footer a:hover { color: #C00; text-decoration: underline; }

#footer-wrapper { width: 940px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 11px; color: #666; line-height: 18px; }

.company-address { float: left; width: 300px; padding-top: 10px; margin-right: 20px; }
.company-address h3 { height: 32px; background-image: url(/images/footer/h3-andrew-industries.gif); background-repeat: no-repeat; padding-bottom: 20px; }
.company-address p { padding-bottom: 15px; }
.company-websites { float: left; width: 620px; padding-top: 10px; }
.company-websites h3 { height: 32px; background-image: url(/images/footer/h3-group-company-websites.gif); background-repeat: no-repeat; padding-bottom: 20px; }
.company-websites ul { float: left; width: 200px; }

.legal { float: left; width: 940px; clear: both; margin-top: 20px; background-image: url(/images/footer/legal-bg.gif); background-repeat: repeat-x; }
.copyright, .site-by { padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #C00; }
.copyright { float: left; }
.site-by { float: right; }

/*----------------- / FOOTER ------------------*/