/* CSS Document */

/* 
==============================
Layout + Positioning 
==============================
*/

body {
	color: #ffffff;
	background-color: #25333c;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body#index {
	background-image: url(../images/home_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px; 
}

body#ps {
	background-image: url(../images/ps_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px; 
}

body#mm {
	background-image: url(../images/mm-background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px; 
}

p, img, strong {
	margin: 0px;
	padding: 0px;
}

a, a:hover, a:visited {
     color: #66CCFF;
     text-decoration: underline;
}

.clear {
	clear: both;
}

#mainContainer {
     width: 955px;
     min-width: 955px;
     margin: 0px auto;
     padding: 0px;
}

#topStripe {
     width: 955px;
     height: 16px;
     margin: 0px 0px 51px 0px;
	 padding: 0px;
}

#header {
     width: 955px;
     height: 28px;
     margin: 0px;
     padding: 0px; 
}

#logo {
	width: 161px;
	height: 28px;
	margin-right: 0px;
	padding: 0px 123px 0px 0px;
	float: left; 
}

#topSpacer {
	position: relative;
	background-color: #25333c;
	width: 955px;
	height: 31px;
	margin: 0px;
	padding: 0px; 
}

#flash {
	position: relative;
	background-color: #455560;
	width: 955px;
	height: 281px;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

#flashps {
	position: relative;
	background-image: url(../images/titles/title_about.gif);
	width: 955px;
	height: 196px;
	margin: 0px;
	padding: 0px;
}

#bottomSpacer {
	background-color: #25333c;
	width: 955px;
	height: 34px;
	margin: 0px;
	padding: 0px; 
}

#bottomSpacerInsidePage {
	background-color: #25333c;
	width: 955px;
	height: 25px;
	margin: 0px;
	padding: 0px; 
}

#bottomStripe {
	width: 955px;
	height: 23px;
	margin: 0px 0px 19px 0px;
	padding: 0px;
}

#footer {
	width: 955px;
	height: 50px;
	margin: 0px;
	padding: 0px 0px 50px 0px;
	
	font-size: 11px;
	color: #ffffff;
	line-height: 18px;	
}


/*
=================================
Main Content Layout + Positioning 
=================================
*/

#mainContent {
	width: 955px;
	margin: 0px;
	padding:0px;
}

#columnA {
	width: 300px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	float: left;	
}

#columnA.longerColumnA {
	border-right: 2px solid #455560;
}

#columnDividerHorizontal {
	position: relative;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	border-bottom: 2px solid #455560;
}

#columnDividerHorizontal.bottomMargin {
	margin: 0px 0px 25px 0px;
}

#columnDividerHorizontalPromotionPage {
	position: relative;
	margin: 0px;
	padding: 49px 0px 0px 0px;
	border-bottom: 2px solid #455560;
}

#columnDividerHorizontalFeaturedCS {
	position: relative;
	margin: 0px 0px 16px 0px;
	padding: 18px 0px 0px 0px;
	border-bottom: 2px solid #455560;
}

#columnB {
	position: relative;
	width: 618px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
}

#columnB.longerColumnB {
	border-left: 2px solid #455560;
}

#columnBSpacer {
	margin: 0px;
	padding: 26px 0px 0px 0px;
}

#columnBA {
	width: 290px;
	margin: 0px;
	padding: 0px 12px 0px 0px;
	float: left;
}

#columnBA.longerColumnBA {
	border-right: 2px solid #455560;
}

#columnBB {
	width: 295px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#columnBB.longerColumnBB {
	border-left: 2px solid #455560;
	padding: 0px 0px 0px 12px;	
}

#columnBio {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 406px;
}

#columnBioFull {
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 615px;
}

#featuredCSdropdownBG {
	float: left;
	background-color: #455560;
	width: 300px;
	height: 57px;
	margin: 14px 0px 30px 0px;
	padding: 0px;
}

#featuredCL {
	float: left;
	margin: 19px 0px 0px 6px;
	padding: 0px;
}

#caseStudyTitle {
	float: left;
	background-color: #455560; 
	width: 110px;
	height: 21px;
	margin: 0px;
	padding: 0px;
}

#caseStudyTitle2 {
	float: right;
	background-color: #455560;
	width: 365px;	
	height: 21px;
	margin: 0px;
	padding: 0px;
}

#caseStudyTitleMiddle {
	float: left;
	background-color: #455560; 
	width: 110px;
	height: 21px; 
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#caseStudyTitleMiddle2 {
	float: right;
	background-color: #455560; 
	width: 365px;
	height: 21px; 
	margin: 5px 0px 5px 0px;
	padding: 0px;
}


/* 
==============================
Text Formatting
==============================
*/

.white {
	color: #ffffff;
	line-height: 18px;
}

.whiteClientName {
	color: #ffffff;
	padding-bottom: 12px;
}

.blue {
	color: #c2d1d3;
	line-height: 18px;	
}

.blueCS {
	color: #c2d1d3;
	line-height: 18px;
	margin: 0px 6px 0px 4px;
}

.definition {
	color: #9cb0be;
	line-height: 18px;
}

.footer {
	font-size: 11px;
	color: #c2d1d3;
	line-height: 18px;
}

.footer2 {
	font-size: 10px;
	color: #c2d1d3;
	line-height: 18px;
}

ol {
	line-height: 18px;
}

.formFields {
	color: #ffffff;
	font-weight: bold;
}

.letterspacing { letter-spacing: -0.02em; }

.standard13 { font-size: 13px; }
.standard25 { font-size: 25px; }

.gray { color: #C5C9CB; }
.orange { color: #F05133; }


/* 
==============================
Links
==============================
*/

#footer a, #footer a:hover, #footer a:visited {
	color: #66ccff;
	text-decoration: underline;
}

a.contentLink, a.contentLink:hover, a.contentLink:visited {
     color: #66CCFF;
     text-decoration: underline;
	 font-weight: normal;
}

a.contentWhite {
     color: #FFFFFF;
     text-decoration: none;
	 font-weight: normal;
}

a.contentWhite:hover {
     text-decoration: underline;
}

#featuredCL a {
     color: #c2d1d3;
     text-decoration: none;
	 font-weight: normal;
}

#featuredCL a:hover {
     text-decoration: underline;
}

/*
==============================
Content Buttons
==============================
*/

#buttonList {
	border: 0;
	margin: 0px;
	padding: 19px 0px 0px 0px;
	list-style-type: none;
	height: 13px;
	text-indent: -9999px;
}

#buttonListSpecial {
	border: 0;
	margin: 0px;
	padding: 0px 47px 0px 0px; 
	list-style-type: none;
	height: 13px;
	text-indent: -9999px;
	float: right;
}

#buttonList.caseStudy {
	margin: 0px;
	padding: 19px 0px 12px 0px;
}

li#buttonReadMore a { width: 68px; height: 13px; background-image: url(../images/buttons/button_readMore.gif); background-repeat: no-repeat; display: block; }
li#buttonReadMore a:hover { background-image: url(../images/buttons/button_readMore_r.gif); }

li#buttonViewDemo a { width: 68px; height: 13px; background-image: url(../images/buttons/button_viewDemo.gif); background-repeat: no-repeat; display: block; }
li#buttonViewDemo a:hover { background-image: url(../images/buttons/button_viewDemo_r.gif); }

li#buttonViewPS a { width: 168px; height: 13px; background-image: url(../images/buttons/button_view.gif); background-repeat: no-repeat; display: block; }
li#buttonViewPS a:hover { background-image: url(../images/buttons/button_view_r.gif); }

li#buttonCaseStudy a { width: 68px; height: 13px; background-image: url(../images/buttons/button_caseStudy.gif); background-repeat: no-repeat; display: block; }
li#buttonCaseStudy a:hover { background-image: url(../images/buttons/button_caseStudy_r.gif); }

li#buttonApply a { width: 108px; height: 13px; background-image: url(../images/buttons/button_apply.gif); background-repeat: no-repeat; display: block; }
li#buttonApply a:hover { background-image: url(../images/buttons/button_apply_r.gif); }

li#buttonBack a { width: 95px; height: 13px; background-image: url(../images/buttons/button_back.gif); background-repeat: no-repeat; display: block; }
li#buttonBack a:hover { background-image: url(../images/buttons/button_back_r.gif); }

li#buttonMeet a { width: 87px; height: 13px; background-image: url(../images/buttons/button_meet.gif); background-repeat: no-repeat; display: block; }
li#buttonMeet a:hover { background-image: url(../images/buttons/button_meet_r.gif); }

li#buttonGlossary a { width: 88px; height: 13px; background-image: url(../images/buttons/button_glossary.gif); background-repeat: no-repeat; display: block; }
li#buttonGlossary a:hover { background-image: url(../images/buttons/button_glossary_r.gif); }

li#buttonLearn a { width: 73px; height: 13px; background-image: url(../images/buttons/button_learn.gif); background-repeat: no-repeat; display: block; }
li#buttonLearn a:hover { background-image: url(../images/buttons/button_learn_r.gif); }

li#buttonNews a { width: 135px; height: 13px; background-image: url(../images/buttons/button-viewNews.gif); background-repeat: no-repeat; display: block; }
li#buttonNews a:hover { background-image: url(../images/buttons/button-viewNews-r.gif); }

li#buttonBlog a { width: 145px; height: 13px; background-image: url(../images/buttons/button_blog.gif); background-repeat: no-repeat; display: block; }
li#buttonBlog a:hover { background-image: url(../images/buttons/button_blog_r.gif); }

#buttonListFullBio {
	float: left;
	border: 0;
	margin: 0px;
	padding: 19px 0px 0px 0px; 
	list-style-type: none;
	height: 13px;
	text-indent: -9999px;
}

li#buttonFullBio a { width: 54px; height: 13px; background-image: url(../images/buttons/button_fullBio.gif); background-repeat: no-repeat; display: block; }
li#buttonFullBio a:hover { background-image: url(../images/buttons/button_fullBio_r.gif); }

li#buttonReadInsights a { width: 84px; height: 13px; background-image: url(../images/buttons/button_readInsights.gif); background-repeat: no-repeat; display: block; }
li#buttonReadInsights a:hover { background-image: url(../images/buttons/button_readInsights_r.gif); }


/* 
==============================
Content List Items
==============================
*/

#contentListContainer {
	margin: 0px;
	padding: 0px;
}

#contentList {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#contentList li {
	position: relative;
	padding-left: 14px;
	background-image: url(../images/red_cross.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	line-height: 18px;
}

#contentListLeftMargin {
	margin: 0px 0px 0px 8px;
	padding: 0px;
	list-style: none;
}

#contentListLeftMargin li {
	position: relative;
	padding-left: 14px;
	background-image: url(../images/red_cross.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 18px;
}


/* 
==============================
Main Navigation Items
==============================
*/

#navContainer {
     width: 640px;
     height: 28px;
     margin: 0px;
     padding: 0px;
     float: right;
}

#navContainer ul, #navList, #navContainer ul li {
     border: 0;
     margin: 0;
     padding: 0;
     list-style-type: none;
     height: 28px;
}

#navList {
     text-indent: -9999px;
}

#navContainer ul li {
     float: left;
     text-align: center;
     overflow: hidden;
}

li#navAbout a { width: 95px; height: 28px; background-image: url(../images/nav/nav_about.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }
li#navAbout a:hover, li#navAboutActive a { width: 95px; height: 28px; background-image: url(../images/nav/nav_about_r.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }

li#navProducts a { width: 96px; height: 28px; background-image: url(../images/nav/nav_products.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }
li#navProducts a:hover, li#navProductsActive a { width: 96px; height: 28px; background-image: url(../images/nav/nav_products_r.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }

li#navCaseStudies a { width: 95px; height: 28px; background-image: url(../images/nav/nav_caseStudies.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }
li#navCaseStudies a:hover, li#navCaseStudiesActive a { width: 95px; height: 28px; background-image: url(../images/nav/nav_caseStudies_r.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }

li#navArticles a { width: 95px; height: 28px; background-image: url(../images/nav/nav_articles.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }
li#navArticles a:hover, li#navArticlesActive a { width: 95px; height: 28px; background-image: url(../images/nav/nav_articles_r.gif); background-repeat: no-repeat; display: block; padding-right: 41px; }

li#navContact a { width: 95px; height: 28px; background-image: url(../images/nav/nav_contact.gif); background-repeat: no-repeat; display: block; }
li#navContact a:hover, li#navContactActive a { width: 95px; height: 28px; background-image: url(../images/nav/nav_contact_r.gif); background-repeat: no-repeat; display: block; }

li#navOurWork a { width: 95px; height: 28px; background-image: url(../images/nav/nav_ourWork.gif); background-repeat: no-repeat; display: block; }
li#navOurWork a:hover, li#navOurWorkActive a { width: 95px; height: 28px; background-image: url(../images/nav/nav_ourWork_r.gif); background-repeat: no-repeat; display: block; }


/* 
==============================
Inside Page Navigation Items
==============================
*/

#navContainerInsidePage {
	width: 300px;
	margin: 0px;
	padding: 0px 0px 24px 0px;
	float: left;
}

#navContainerInsidePage ul, #navListInsidePage {
     border: 0;
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}

#navListInsidePage {
     text-indent: -9999px;
}

li#navFeaturedClients a { width: 300px; height: 33px; background-image: url(../images/nav/nav_featuredClients.gif); background-repeat: no-repeat; display: block; }
li#navFeaturedClients a:hover, li#navFeaturedClientsActive a { width: 300px; height: 33px; background-image: url(../images/nav/nav_featuredClients_r.gif); background-repeat: no-repeat; display: block; }

/* About Empirical NAVs */
li#navAboutExecTeam a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeam.gif); background-repeat: no-repeat; display: block; }
li#navAboutExecTeam a:hover, li#navAboutExecTeamActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeam_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutExecTeamIan a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamIan.gif); background-repeat: no-repeat; display: block; }
li#navAboutExecTeamIan a:hover, li#navAboutExecTeamIanActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamIan_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutExecTeamDave a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamDave.gif); background-repeat: no-repeat; display: block; }
li#navAboutExecTeamDave a:hover, li#navAboutExecTeamDaveActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamDave_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutExecTeamBen a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamBen.gif); background-repeat: no-repeat; display: block; }
li#navAboutExecTeamBen a:hover, li#navAboutExecTeamBenActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamBen_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutExecTeamLaurie a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamLaurie.gif); background-repeat: no-repeat; display: block; }
li#navAboutExecTeamLaurie a:hover, li#navAboutExecTeamLaurieActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_execTeamLaurie_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutIR a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_ir.gif); background-repeat: no-repeat; display: block; }
li#navAboutIR a:hover, li#navAboutIRActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_ir_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutIRFinancialStatements a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_financialStatements.gif); background-repeat: no-repeat; display: block; }
li#navAboutIRFinancialStatements a:hover, li#navAboutIRFinancialStatementsActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_financialStatements_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutIRInvestorRelations a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_investorRelations.gif); background-repeat: no-repeat; display: block; }
li#navAboutIRInvestorRelations a:hover, li#navAboutIRInvestorRelationsActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_investorRelations_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutIRNewsReleases a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_newsReleases.gif); background-repeat: no-repeat; display: block; }
li#navAboutIRNewsReleases a:hover, li#navAboutIRNewsReleasesActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_newsReleases_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutIRStockInfo a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_stockInfo.gif); background-repeat: no-repeat; display: block; }
li#navAboutIRStockInfo a:hover, li#navAboutIRStockInfoActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_stockInfo_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutIRInvestorInfo a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_investorInfo.gif); background-repeat: no-repeat; display: block; }
li#navAboutIRInvestorInfo a:hover, li#navAboutIRInvestorInfoActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_investorInfo_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutIRBoard a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_board.gif); background-repeat: no-repeat; display: block; }
li#navAboutIRBoard a:hover, li#navAboutIRBoardActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_board_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutCareers a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_careers.gif); background-repeat: no-repeat; display: block; }
li#navAboutCareers a:hover, li#navAboutCareersActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_careers_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutPrivacyPolicy a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_privacyPolicy.gif); background-repeat: no-repeat; display: block; }
li#navAboutPrivacyPolicy a:hover, li#navAboutPrivacyPolicyActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_privacyPolicy_r.gif); background-repeat: no-repeat; display: block; }


/* Products & Services NAVs */
li#navPSAcquire a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_acquire.gif); background-repeat: no-repeat; display: block; }
li#navPSAcquire a:hover, li#navPSAcquireActive a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_acquire_r.gif); background-repeat: no-repeat; display: block; }

li#navPSUnderstand a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_understand.gif); background-repeat: no-repeat; display: block; }
li#navPSUnderstand a:hover, li#navPSUnderstandActive a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_understand_r.gif); background-repeat: no-repeat; display: block; }

li#navPSCreate a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_create.gif); background-repeat: no-repeat; display: block; }
li#navPSCreate a:hover, li#navPSCreateActive a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_create_r.gif); background-repeat: no-repeat; display: block; }

li#navPSWeb20 a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_web20.gif); background-repeat: no-repeat; display: block; }
li#navPSWeb20 a:hover, li#navPSWeb20Active a { width: 300px; height: 33px; background-image: url(../images/nav/ps/nav_web20_r.gif); background-repeat: no-repeat; display: block; }

li#navAboutLine a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_line.gif); background-repeat: no-repeat; display: block; }
li#navAboutLine a:hover, li#navAboutLineActive a { width: 300px; height: 33px; background-image: url(../images/nav/about/nav_line_r.gif); background-repeat: no-repeat; display: block; }


/* 
==============================
Images
==============================
*/

.viewDemo {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	float: right;
}

.footerLogo {
	margin: 0px;
	padding: 0px;
	float: right;
}

.flashPlaceHolder {
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #455560; 
	border-bottom: 2px solid #455560;
}

.title_aboveBelow {
	margin: 0px;
	padding: 16px 0px 0px 0px;
}

.titleDemo {
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

.titleVectorDemo {
	margin: 0px;
	padding: 23px 0px 0px 0px;
}

.people {
	margin-bottom: 10px;
	padding: 0px;
	border: 2px solid #ffffff;
}

.whiteBorder {
	margin: 0px;
	padding: 0px;
	border: 2px solid #ffffff;
}

.whiteBorder2 {
	margin: 0px;
	padding: 0px;
	border: 3px solid #ffffff;
}

.csImages {
	padding: 0px;
	margin: 0px 21px 45px 0px;
	border: 3px solid #ffffff;
}

.execTeamPic {
	margin: 25px 19px 0px 0px;
	padding: 0px;
	float: left;
	border: 2px solid #ffffff;
}

.execTeamPicAbs {
	position: absolute;
	top: 30px;
	right: 25px;
	padding: 0px;
	border: 2px solid #ffffff;
}

.screenshotsCS {
	margin: 30px 12px 28px 0px;
	padding: 0px;
	vertical-align: top;
}

.screenshotsCS2 {
	margin: 30px 0px 28px 0px;
	padding: 0px;
	vertical-align: top;
}


/* 
==============================
Forms
==============================
*/

select.featuredCS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 275px;
	margin: 18px 0px 0px 12px;
	padding: 0px;
}

input.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px 0px 4px 8px;
	padding: 0px;
}


/* 
==============================
Client List
==============================
*/
.clientListContainer {
	width: 617px;
	float: left;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

.clientListContainer ul {
	width: 617px;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;	
}

.clientListContainer ul li {
	text-indent: -9999px;
	height: 144px;
	float: left;
	margin: 0px;
	padding: 0px;	
}

.clientListContainer ul li a { height: 144px; background: url(../images/client-list.jpg) no-repeat top; display: block; margin: 0px; padding: 0px; }

.clientListContainer ul li.ford a { width: 154px; background-position: 0 0; }
.clientListContainer ul li.ford a:hover { background-position: -617px 0; }

.clientListContainer ul li.CMT a { width: 155px; background-position: -154px 0; }
.clientListContainer ul li.CMT a:hover { background-position: -771px 0; }

.clientListContainer ul li.LCBO a { width: 154px; background-position: -309px 0; }
.clientListContainer ul li.LCBO a:hover { background-position: -926px 0; }

.clientListContainer ul li.evian a { width: 154px; background-position: -463px 0; }
.clientListContainer ul li.evian a:hover { background-position: -1080px 0; }


.clientListContainer ul li.Loblaws a { width: 154px; background-position: 0px -144px; }
.clientListContainer ul li.Loblaws a:hover { background-position: -617px -144px; }

.clientListContainer ul li.Corus a { width: 155px; background-position: -154px -144px; }
.clientListContainer ul li.Corus a:hover { background-position: -771px -144px; }

.clientListContainer ul li.CBC a { width: 154px; background-position: -309px -144px; }
.clientListContainer ul li.CBC a:hover { background-position: -926px -144px; }

.clientListContainer ul li.ATT a { width: 154px; background-position: -463px -144px; }
.clientListContainer ul li.ATT a:hover { background-position: -1080px -144px; }


.clientListContainer ul li.vikings a { width: 154px; background-position: 0px -288px; }
.clientListContainer ul li.vikings a:hover { background-position: -617px -288px; }

.clientListContainer ul li.jays a { width: 155px; background-position: -154px -288px; }
.clientListContainer ul li.jays a:hover { background-position: -771px -288px; }

.clientListContainer ul li.OPG a { width: 154px; background-position: -309px -288px; }
.clientListContainer ul li.OPG a:hover { background-position: -926px -288px; }

.clientListContainer ul li.magna a { width: 154px; background-position: -463px -288px; }
.clientListContainer ul li.magna a:hover { background-position: -1080px -288px; }


.clientListContainer ul li.BJ a { width: 154px; background-position: 0px -432px; }
.clientListContainer ul li.BJ a:hover { background-position: -617px -432px; }

.clientListContainer ul li.arxx a { width: 155px; background-position: -154px -432px; }
.clientListContainer ul li.arxx a:hover { background-position: -771px -432px; }

.clientListContainer ul li.novartis a { width: 154px; background-position: -309px -432px; }
.clientListContainer ul li.novartis a:hover { background-position: -926px -432px; }

.clientListContainer ul li.student a { width: 154px; background-position: -463px -432px; }
.clientListContainer ul li.student a:hover { background-position: -1080px -432px; }


.clientListContainer ul li.PC a { width: 154px; background-position: 0px -576px; }
.clientListContainer ul li.PC a:hover { background-position: -617px -576px; }

.clientListContainer ul li.diageo a { width: 155px; background-position: -154px -576px; }
.clientListContainer ul li.diageo a:hover { background-position: -771px -576px; }

.clientListContainer ul li.livingston a { width: 154px; background-position: -309px -576px; }
.clientListContainer ul li.livingston a:hover { background-position: -926px -576px; }

.clientListContainer ul li.teva a { width: 154px; background-position: -463px -576px; }
.clientListContainer ul li.teva a:hover { background-position: -1080px -576px; }


