@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0 0 0 0;
  color: #666666;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  min-width: 956px;
  text-align: center;
  background: url(/images/bg_page.jpg) top center no-repeat #2c2c2c;
}

a:link {text-decoration: underline; color: #0099FF; background-color: transparent;}
a:visited {text-decoration: underline; color: #0099FF; background-color: transparent;}
a:hover {text-decoration: none; color: #0099FF; background-color: transparent;}


/*-- GENERAL USEFUL CLASSES --*/
.container {margin: 0 auto; width: 956px; padding: 0; border: 0; position: relative; text-align: left;}
.divClear {clear: both;}

/*-- HEADER AREA --*/
.headerArea {float: left; display: inline; width: 956px; margin: 0; height: 120px;}
.headerLogo {float: left; display: inline; width: 212px; height: 106px; margin: 0 0 0 21px;}
.headerLoginButton {float: right; display: inline; width: 267px; height: 46px; margin: 37px 41px 0 0;}

/*-- NAV BAR --*/
.navbar {float: left; display: inline; width: 956px; margin: 0; height: 41px;}
	.navbar ul {float: left; display: inline; list-style: none; margin: 0; padding: 0; height: 41px; width: 956px;}
	.navbar li {float: left; display: inline; list-style: none; margin: 0;}
	.navbar li a {float: left; display: inline; height: 41px; outline: none;}
	.navbar li span {display: none;}

#navHome a {width: 115px; height: 41px; background: url(/images/nav_home.gif) 0 0; margin: 0;}
#navHome a:hover {width: 115px; height: 41px; background: url(/images/nav_home.gif) 0 82px; margin: 0;}
#navHomeOn a {width: 115px; height: 41px; background: url(/images/nav_home.gif) 0 41px; margin: 0;}

#nav100Compliance a {width: 193px; height: 41px; background: url(/images/nav_100_compliance.gif) 0 0; margin: 0;}
#nav100Compliance a:hover {width: 193px; height: 41px; background: url(/images/nav_100_compliance.gif) 0 82px; margin: 0;}
#nav100ComplianceOn a {width: 193px; height: 41px; background: url(/images/nav_100_compliance.gif) 0 41px; margin: 0;}

#nav100Digital a {width: 148px; height: 41px; background: url(/images/nav_100_digital.gif); margin: 0;}
#nav100Digital a:hover {width: 148px; height: 41px; background: url(/images/nav_100_digital.gif) 0 82px; margin: 0;}
#nav100DigitalOn a {width: 148px; height: 41px; background: url(/images/nav_100_digital.gif) 0 41px; margin: 0;}

#navOurWork a {width: 126px; height: 41px; background: url(/images/nav_our_work.gif); margin: 0;}
#navOurWork a:hover {width: 126px; height: 41px; background: url(/images/nav_our_work.gif) 0 82px; margin: 0;}
#navOurWorkOn a {width: 126px; height: 41px; background: url(/images/nav_our_work.gif) 0 41px; margin: 0;}

#navWhoWeAre a {width: 146px; height: 41px; background: url(/images/nav_who_we_are.gif); margin: 0;}
#navWhoWeAre a:hover {width: 146px; height: 41px; background: url(/images/nav_who_we_are.gif) 0 82px; margin: 0;}
#navWhoWeAreOn a {width: 146px; height: 41px; background: url(/images/nav_who_we_are.gif) 0 41px; margin: 0;}

#navNews a {width: 100px; height: 41px; background: url(/images/nav_news.gif); margin: 0;}
#navNews a:hover {width: 100px; height: 41px; background: url(/images/nav_news.gif) 0 82px; margin: 0;}
#navNewsOn a {width: 100px; height: 41px; background: url(/images/nav_news.gif) 0 41px; margin: 0;}

#navContact a {width: 128px; height: 41px; background: url(/images/nav_contact.gif); margin: 0;}
#navContact a:hover {width: 128px; height: 41px; background: url(/images/nav_contact.gif) 0 82px; margin: 0;}
#navContactOn a {width: 128px; height: 41px; background: url(/images/nav_contact.gif) 0 41px; margin: 0;}

/*-- MAIN AREA --*/
.mainArea {float: left; display: inline; width: 956px; margin: 0; padding: 0; background-color: #FFFFFF;}

/*-- LOGOS AREA --*/
.logosArea {float: left; display: inline; width: 956px; margin: 0; padding: 10px 0 10px 0; background: url(/images/logos_area_bg.gif) top left no-repeat #eff4f7;}
	.logosArea p {text-align: center; margin: 0; padding: 5px 0 5px 0;}
	
/*-- GENERAL FOOTER --*/
.footer {float: left; display: inline; width: 956px; margin: 0 0 10px 0; padding: 15px 0 40px 0;}
	.footer p {font-size: 12px; color: #dfe9ee; line-height: 1.5em;}
	.footer a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

.footerLeft {float: left; display: inline; margin: 0 0 0 40px;}
.footerRight {float: right; display: inline; margin: 0 40px 0 0;}

/*-- HOME INTRO --*/
.homeIntroArea {float: left; display: inline; width: 956px; height: 290px; margin: 0 0 10px 0; background: url(/images/home_intro_bg.gif) bottom left no-repeat #eff4f7;}

.home100Compliance {float: left; display: inline; width: 265px; margin: 10px 40px 20px 40px;}
	.home100Compliance img {margin: 0; padding: 0;}
	.home100Compliance p {font-size: 14px; color: #333333; line-height: 1.3em; margin: 10px 0 10px 10px; width: 245px;}
	.home100Compliance ul {margin: 5px 0 5px 10px; width: 245px;}
	.home100Compliance li {list-style: none; background: url(/images/bullet_purple.gif) left center no-repeat; margin: 3px 0 3px 0; font-size: 14px; color: #333333; line-height: 1.5em; padding: 0 0 0 22px;}
	.home100Compliance a:link {text-decoration: underline; color: #9933cc; background-color: transparent;}
	.home100Compliance a:visited {text-decoration: underline; color: #9933cc; background-color: transparent;}
	.home100Compliance a:hover {text-decoration: none; color: #9933cc; background-color: transparent;}

.home100Digital {float: left; display: inline; width: 265px; margin: 10px 0 20px 0;}
	.home100Digital img {margin: 0; padding: 0;}
	.home100Digital p {font-size: 14px; color: #333333; line-height: 1.3em; margin: 10px 0 10px 10px; width: 245px;}
	.home100Digital ul {margin: 5px 0 5px 10px; width: 245px;}
	.home100Digital li {list-style: none; background: url(/images/bullet_green.gif) left center no-repeat; margin: 3px 0 3px 0; font-size: 14px; color: #333333; line-height: 1.5em; padding: 0 0 0 22px;}
	.home100Digital a:link {text-decoration: underline; color: #669900; background-color: transparent;}
	.home100Digital a:visited {text-decoration: underline; color: #669900; background-color: transparent;}
	.home100Digital a:hover {text-decoration: none; color: #669900; background-color: transparent;}

.homeOurWork {float: right; display: inline; width: 265px; margin: 35px 40px 20px 0;}
	.homeOurWork h2 {text-indent: -9999px; font-size: 12px; width: 89px; height: 24px; background: url(/images/home_sub_our_work.gif) top left no-repeat; margin: 0 0 0 0;}
	.homeOurWork p {font-size: 14px; color: #333333; line-height: 1.3em; margin: 0.2em 0 0.8em 0;}

.homeWorkItem {float: left; display: inline; width: 265px; margin: 0 0 15px 0;}
	.homeWorkItem img {float: left; display: inline; width: 78px; margin: 0;}
	.homeWorkItem h6 {float: right; display: inline; width: 177px; margin: 0; line-height: 1.5em; font-size: 14px; font-weight: bold; color: #333333;}
	.homeWorkItem p {float: right; display: inline; width: 177px; line-height: 1.4em; font-size: 12px; color: #666666; margin: 0;}

/*-- CONTENT PAGE --*/
.titleArea {float: left; display: inline; width: 956px; height: 130px; margin: 0; background: url(/images/title_strip_bg.gif) bottom left no-repeat #eff4f7;}
	.titleArea h1 {text-indent: -9999px; font-size: 12px; width: 956px; height: 120px; margin: 0 0 0 0;}

#titleStoreSurveys {background: url(/images/title_store_surveys.gif) top left no-repeat;}
#titleOurWork {background: url(/images/title_our_work.gif) top left no-repeat;}
#titleNews {background: url(/images/title_news.gif) top left no-repeat;}
#titleContact {background: url(/images/title_contact.gif) top left no-repeat;}

/*-- CONTENT MAIN COLUMN --*/
.contentMainColumn {float: left; display: inline; width: 570px; margin: 20px 0 10px 40px; padding: 0 0 20px 0;}
	.contentMainColumn h2 {font-size: 20px; color: #333333; line-height: 1.5em; margin: 1em 0 0.5em 0;}
	.contentMainColumn h3 {font-size: 16px; color: #333333; line-height: 1.5em; margin: 1em 0 0.5em 0;}
	.contentMainColumn h4 {font-size: 16px; font-weight: normal; line-height: 1.5em; color: #333333;}
	.contentMainColumn p {font-size: 14px;  color: #666666; line-height: 1.5em;}
	.contentMainColumn ul {margin: 0.5em 0 0.5em 0;}
	.contentMainColumn li {list-style: none; background: url(/images/bullet_purple.gif) 0 0.4em no-repeat; margin: 0 0 10px 0; font-size: 14px; color: #666666; line-height: 1.5em; padding: 0 0 0 21px;}
	.contentMainColumn li strong {font-weight: bold; color: #333333;}
	.contentMainColumn h6 {font-size: 12px; font-weight: bold; color: #333333; line-height: 1.5em;}
	.contentMainColumn h6 em {color: #CC0000;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 14px; font-weight: bold; color: #333333; width: 120px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	.contentMainColumn label em {color: #CC0000;}

.formContactText {width: 380px; border: 1px solid #e5eaed; background-color: #FFFFFF; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactSelect {width: 380px; background-color: #FFFFFF; font-size: 14px; color: #333333;}
.formContactButton {margin: 0 0 0 140px;}

/*-- CONTENT RIGHT COLUMN --*/
.rightColumn {float: right; display: inline; width: 265px; margin: 30px 40px 20px 0;}
	.rightColumn p {margin: 10px 0 10px 20px; font-size: 14px; width: 225px;}

.rightNav {width: 265px; margin: 0 0 20px 0; background: url(/images/right_col_box_bottom.gif) bottom left no-repeat #eff4f7; padding: 0 0 10px 0;}
	.rightNav h2 {text-indent: -9999px; font-size: 12px; width: 265px; height: 50px; margin: 0;}
	.rightNav ul {margin: 0 0 0 20px; font-size: 16px; width: 225px;}
	.rightNav li {list-style: none; font-size: 16px; line-height: 2em; margin: 0; color: #333333;}
	
.rightNavGreen a:link {text-decoration: none; color: #669900; background-color: transparent;}
	.rightNavGreen a:visited {text-decoration: none; color: #669900; background-color: transparent;}
	.rightNavGreen a:hover {text-decoration: underline; color: #669900; background-color: transparent;}

.rightNavPurple a:link {text-decoration: none; color: #9933cc; background-color: transparent;}
	.rightNavPurple a:visited {text-decoration: none; color: #9933cc; background-color: transparent;}
	.rightNavPurple a:hover {text-decoration: underline; color: #9933cc; background-color: transparent;}
	
.rightNavBlue a:link {text-decoration: none; color: #0099FF; background-color: transparent;}
	.rightNavBlue a:visited {text-decoration: none; color: #0099FF; background-color: transparent;}
	.rightNavBlue a:hover {text-decoration: underline; color: #0099FF; background-color: transparent;}
	
.rightNav3 a:link {text-decoration: none; color: #669900; background-color: transparent;}
	.rightNav3 a:visited {text-decoration: none; color: #669900; background-color: transparent;}
	.rightNav3 a:hover {text-decoration: underline; color: #669900; background-color: transparent;}

.rightNav2 a:link {text-decoration: none; color: #9933cc; background-color: transparent;}
	.rightNav2 a:visited {text-decoration: none; color: #9933cc; background-color: transparent;}
	.rightNav2 a:hover {text-decoration: underline; color: #9933cc; background-color: transparent;}

#rcSub100Compliance {background: url(/images/rc_sub_100_compliance.gif) top left no-repeat;}
#rcSub100Digital {background: url(/images/rc_sub_100_digital.gif) top left no-repeat;}
#rcSubOurWork {background: url(/images/rc_sub_100_our_work.gif) top left no-repeat;}
#rcSub100ComplianceWork {background: url(/images/rc_sub_100_compliance_work.gif) top left no-repeat;}
#rcSub100DigitalWork {background: url(/images/rc_sub_100_digital_work.gif) top left no-repeat;}
#rcSubSeeAlso {background: url(/images/rc_sub_see_also.gif) top left no-repeat;}
#rcSubContactDetails {background: url(/images/rc_sub_contact_details.gif) top left no-repeat;}

#rcSub2 {background: url(/images/rc_sub_100_compliance.gif) top left no-repeat;}
#rcSub3 {background: url(/images/rc_sub_100_digital.gif) top left no-repeat;}

.rightColBanner {margin: 0 0 20px 0;}

/*-- OUR WORK HOME --*/
.workHomeRow {float: left; display: inline; margin: 0 0 15px 0; width: 570px;}
	.workHomeRow img {border: 1px solid #e5eaed;}
	.workHomeRow a:link img {border: 1px solid #51b7ed;}
	.workHomeRow a:visited img {border: 1px solid #51b7ed;}
	.workHomeRow a:hover img {border: 1px solid #891f85;}

.workHomeLogoLeft {float: left; display: inline; margin: 0 15px 0 0;}
.workHomeLogoMiddle {float: left; display: inline; margin: 0;}
.workHomeLogoRight {float: right; display: inline; margin: 0;}

/*-- LATEST NEWS --*/
.latestNewsItem {float: left; display: inline; width: 570px; margin: 0 0 20px 0; border-top: 1px solid #e5eaed; padding: 20px 0 0 0;}
	.latestNewsItem img {float: left; display: inline; width: 80px; margin: 0;}
	.latestNewsItem h4 {float: right; display: inline; width: 470px; margin: 0; line-height: 1.3em; font-size: 16px; font-weight: normal;}
	.latestNewsItem p {float: right; display: inline; width: 470px; margin: 3px 0 3px 0; line-height: 1.5em; font-size: 14px; color: #666666;}
	.latestNewsItem h6 {float: right; display: inline; width: 470px; margin: 0; line-height: 1.5em; font-size: 11px; color: #333333;}

.latestNewsPaging {float: left; display: inline; width: 570px; margin: 10px 0 10px 0; border-top: 1px solid #e5eaed; padding: 20px 0 0 0;}
	.latestNewsPaging h5 {float: left; display: inline; width: 400px; font-size: 16px; margin: 0 0 10px 0; font-weight: normal;}
	.latestNewsPaging h6 {float: right; display: inline; width: 160px; font-size: 16px;}
	.latestNewsPaging ul{border: 0; margin: 0; padding: 0; width:570px;}

#paginationNews li {border: 0; margin: 0 0 5px 0; padding: 0; font-size: 16px; list-style: none; float: left; display: inline; background: none;}
#paginationNews a {border: solid 1px #e5eaed; margin: 0 5px 0 0;}
#paginationNews .previousOff,
#paginationNews .nextOff {color: #999999; display: inline; float: left; font-weight: bold; padding: 3px 4px;}
#paginationNews .next a,
#paginationNews .previous a {font-weight: bold; border: solid 1px #FFFFFF;}
#paginationNews .active {color: #333333; font-weight: bold; display: inline; float: left; padding: 4px 6px;}
#paginationNews a:link,
#paginationNews a:visited {color: #9933cc; display: inline; float: left; padding: 3px 6px; text-decoration: none;}
#paginationNews a:hover {border: solid 1px #9933cc; color: #9933cc;}

/*-- HOMEPAGE UPDATES --*/
.homeLatestNews {float: right; display: inline; width: 265px; margin: 35px 40px 20px 0;}
	.homeLatestNews h2 {text-indent: -9999px; font-size: 12px; width: 113px; height: 24px; background: url(/images/home_sub_latest_news.gif) top left no-repeat; margin: 0 0 0 0;}
	.homeLatestNews p {font-size: 14px; color: #333333; line-height: 1.3em; margin: 0.2em 0 0.8em 0;}
	.homeLatestNews ul {margin: 5px 0 5px 10px; width: 245px;}
	.homeLatestNews li {list-style: none; background: url(/images/bullet_purple.gif) left center no-repeat; margin: 3px 0 3px 0; font-size: 14px; color: #333333; line-height: 1.5em; padding: 0 0 0 22px;}

.homeNewsItem {float: left; display: inline; width: 265px; margin: 0 0 15px 0;}
	.homeNewsItem img {float: left; display: inline; width: 78px; margin: 0;}
	.homeNewsItem h6 {float: right; display: inline; width: 177px; margin: 0; line-height: 1.5em; font-size: 12px; font-weight: bold; color: #333333;}
	.homeNewsItem p {float: right; display: inline; width: 177px; line-height: 1.4em; font-size: 12px; color: #666666; margin: 0;}
	
.homeMainText {float: left; display: inline; width: 570px; margin: 30px 0 30px 40px;}
	.homeMainText h1 {text-indent: -9999px; font-size: 12px; margin: 2px 0 0 0;}
	.homeMainText p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.homeMainText ul {margin: 5px 0 5px 10px;}
	.homeMainText li {list-style: none; background: url(/images/bullet_purple.gif) left center no-repeat; margin: 3px 0 3px 0; font-size: 14px; color: #333333; line-height: 1.5em; padding: 0 0 0 22px;}

#homeStrapline {width: 570px; height: 64px; background: url(/images/home_strapline.gif) top left no-repeat;}