/* blue: #1595d3 */
/* purple: #283891 */
/* gold: #cc9900 */

/* border: 1px solid #000; */

/*  <p>To learn more about how ClientOne shopper marketing intelligence and Client Partner services contact ClientOne, Client Partner services 404.885.5748</p> */

html, div, li,  { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style: none; }
ol { margin: 0 0 10px 20px; padding: 0; }

p { margin: 0; padding: 10px 0 0 0; }
img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }



/* GLOBALNAVIGATION */
#globalheader { width: 450px; height: 25px; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 150px; height: 0; padding-top: 25px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader { background-image: url(images/globalNavBg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-about a { background-position: 0 0; }
#globalheader #globalnav li#gn-expertise a { background-position: -150px 0; }
#globalheader #globalnav li#gn-services a { background-position: -300px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-about a:hover { background-position: 0 -25px; }
#globalheader #globalnav li#gn-expertise a:hover { background-position: -150px -25px; }
#globalheader #globalnav li#gn-services a:hover { background-position: -300px -25px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-about a:active { background-position: 0 -50px; }
#globalheader #globalnav li#gn-expertise a:active { background-position: -150px -50px; }
#globalheader #globalnav li#gn-services a:active { background-position: -300px -50px; }

/* ON STATES */
#globalheader.about #globalnav li#gn-about a { background-position: 0 -75px !important; }
#globalheader.expertise #globalnav li#gn-expertise a { background-position: -150px -75px !important; }
#globalheader.services #globalnav li#gn-services a { background-position: -300px -75px !important; }



body  {
	font: 12px/18px Helvetica, Arial, Verdana, sans-serif;
	background: #FFF;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background: url(images/grad.gif) repeat-x;

}


/* LINKS */
a, a:visited, a:active, a:link { color: #cc9900; font-weight: bold; text-decoration: none; }
a:hover { color: #cc9900; text-decoration: underline; }

/* FOUR COLUMN LAYOUT */
.fourCol #container {
	width: 960px;  
	margin: 0 auto;
	text-align: left;
	background: url(images/gradBlue.gif) repeat-x;
}


.fourCol #topLeft {
	float: left; 
	width: 239px;
	margin: 0 0 10px 0;
}

/* UTILITY NAV */
.topRight { 
	float: right;
	margin: 5px;
	width: 710px;
	text-align: right;
} 

ul.inlineNav li {
	color: #AAA;
	font-weight: normal;
	padding: 5px;
	list-style: none;
	display: inline;
}

ul.inlineNav li a, ul.inlineNav li a:visited {
	font-weight: normal;
	padding: 5px;
	list-style: none;
	display: inline;
}
/* END UTILITY NAV */


/*SECOND LEVEL SIDE NAV*/
.sideNav {
	float: left; 
	width: 240px;
	padding: 75px 0 0 0;
}

ul.sideNav {
	margin: 0;
	padding: 0;
	border-top: 5px solid #283891;
	list-style: none outside;
}

ul.sideNav li {
}

ul.sideNav li a, ul.sideNav li a:visited, ul.sideNav li a:active {
	display: block;
	width: 234px;
	padding: 4px 5px 2px 0;
	text-indent: 10px;
	text-decoration: none;
	font-weight: normal;
	color: #cc9900;
	border-bottom: 1px solid #283891;
}

ul.sideNav li a:hover, .hot {
	color: #283891;
	text-align: right;
	background-image: url(images/navGrad.gif);
}

/*END SECOND LEVEL SIDE NAV*/


.fourCol #mainTop {
	float: right;
	width: 720px;
}

.fourCol #mainMiddle {
	float: right;
	width: 960px;
	background: url(images/imgHome.gif) no-repeat;
}

.sideBarImage {
	float: left;
	width: 239px;
}

.fourCol #mainContentMiddle { float: left; width: 400px; padding: 30px 69px 0 10px; font-size: 12px; line-height: 20px; }
.fourCol #mainContentMiddle h1  { /* image replacement */  background: url(images/homeTag.gif) no-repeat; width:340px; height:74px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}


.fourCol #mainBottom {
	float: right;
	width: 960px;
	background: #FFF;
}

.main {
	float: right;
	width: 719px;
	padding: 0 0 40px 0;
}

.mainContent { float: left; width: 450px; padding: 0 20px 0 10px; font-size: 12px; line-height: 20px; }

.mainContentAbout, .mainContentWhat, .mainContentHow, .mainContentStart, .mainContentClient, .mainContentBio, .mainContentExpertise, .mainContentCase, .mainContentcaseShopper,  .mainContentStaff, .mainContentServices, .mainContentIntelligence, .mainContentShopper, .mainContentClientPartner, .mainContentPartners,.mainContentContact, .mainContentSitemap, .mainContentPolicy { float: left; width: 400px; padding: 30px 69px 0 10px; font-size: 12px; line-height: 20px; }

.mainContentMedia { float: left; width: 600px; padding: 30px 69px 0 10px; font-size: 12px; line-height: 20px; }


/* TITLE */
.mainContent h1  { /* image replacement */  background: url(images/titleHome.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentAbout h1  { /* image replacement */  background: url(images/titleAbout.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentWhat h1  { /* image replacement */  background: url(images/titleWhat.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentHow h1  { /* image replacement */  background: url(images/titleHow.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentStart h1  { /* image replacement */  background: url(images/titleStart.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentBio h1  { /* image replacement */  background: url(images/titleBio.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentClient h1  { /* image replacement */  background: url(images/titleClient.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}

.mainContentExpertise h1  { /* image replacement */  background: url(images/titleExpertise.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentIntelligence h1  { /* image replacement */  background: url(images/titleIntelligence.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentCase h1  { /* image replacement */  background: url(images/titleCaseStudies.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentcaseShopper h1  { /* image replacement */  background: url(images/titleCaseShopper.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentStaff h1  { /* image replacement */  background: url(images/titleStaffing.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}

.mainContentServices h1  { /* image replacement */  background: url(images/titleServices.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentShopper h1  { /* image replacement */  background: url(images/titleShopper.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentClientPartner h1  { /* image replacement */  background: url(images/titleClientPartner.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentPartners h1  { /* image replacement */  background: url(images/titlePartners.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}

.mainContentMedia h1  { /* image replacement */  background: url(images/titleMedia.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentContact h1  { /* image replacement */  background: url(images/titleContact.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentSitemap h1  { /* image replacement */  background: url(images/titleSitemap.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}
.mainContentPolicy h1  { /* image replacement */  background: url(images/titlePolicy.gif) no-repeat; width:380px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}





.mainContent h2, .mainContentAbout h2, .mainContentWhat h2, .mainContentHow h2, .mainContentStart h2, .mainContentClient h2, .mainContentExpertise h2, .mainContentCase h2, .mainContentStaff h2, .mainContentServices h2, .mainContentIntelligence h2, .mainContentShopper h2, .mainContentClientPartner h2, .mainContentPartners h2, .mainContentMedia h2, .mainContentContact h2, .mainContentSitemap h2, .mainContentPolicy h2  { color: #000; font-size: 12px; margin-bottom: 0; padding-bottom: 0; }

.mainContentcaseShopper h2  { color: #000; font-size: 14px; margin-bottom: 0; padding: 20px 0 0 0; }

.mainContent h3, .mainContentAbout h3, .mainContentWhat h3, .mainContentHow h3, .mainContentStart h3, .mainContentClient h3, .mainContentExpertise h3, .mainContentCase h3, .mainContentcaseShopper h3, .mainContentStaff h3, .mainContentServices h3, .mainContentIntelligence h3, .mainContentShopper h3, .mainContentClientPartner h3, .mainContentPartners h3, .mainContentMedia h3, .mainContentContact h3, .mainContentSitemap h3, .mainContentPolicy h3  { color: #000; font-size: 11px; margin-bottom: 0; padding: 0 0 10px 0; text-transform: uppercase; color: #777;  }


.imgQuote {
	padding: 20px 0 5px 0;
}

.blueTextHome {
	color: #1595d3;
	font-size: 14px;
	padding: 20px 40px 20px 0 ;
	display: inline;

}

.sideBar {
	float: left; 
	width: 230px;
	padding: 20px 0 0 10px;
}

.archive {
	float: left; 
	width: 200px;
	padding: 100px 20px 0 20px;
	font-size: 10px;
	color: #777;
}

/* TITLE */
.sideBar h1  { /* image replacement */  background: url(images/titleServicesPortfolio.gif) no-repeat; width:220px; height:17px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0; padding: 0 0 10px 0; border-bottom: 1px solid #AAA; }


ul.servicesList li, ul.servicesList li a, ul.servicesList li a:visited {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	font-size: 11px;
}

.sideRightNews {
	float: right; 
	width: 219px;
	padding: 20px 20px 0 0;
	font-size: 11px;
}

.sideRightNews h1  { /* image replacement */  background: url(images/titleNews.gif) no-repeat; width:220px; height:17px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 30px; padding: 0 0 10px 0; border-bottom: 1px solid #777; }

.sideRightHome {
	float: right; 
	padding: 0;
	text-align: left;
	width: 239px;
	color: #777;
}

.sideRight {
	float: right; 
	text-align: left;
	padding: 0 ;
	width: 239px;
	color: #777;
}

/* MAIN CONTENT AREA */
/* TITLE */
.sideRight h1  { /* image replacement */  background: url(images/titleWhereToStart.gif) no-repeat; width:220px; height:20px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0; padding: 0 0 10px 0; border-bottom: 1px solid #AAA; }
.sideRight h2  { padding: 0; margin: 20px 0 5px 0; color: #777; text-transform: uppercase; font-size: 9px; letter-spacing: .5px; }
.sideRight h3  { padding: 0; margin: 20px 0 5px 0; color: #000; font-size: 11px; letter-spacing: .5px; }
.sideRight h5  { padding: 0; margin: 20px 0 5px 0; color: #CA461C; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; }
.sideRight h6  { /* image replacement */  background: url(images/titleGetStarted.gif) no-repeat; width:165px; height:30px; display:block; text-indent:-5000em; overflow: hidden; margin-top: 0;}


.fourCol #footer { 
	font-size: 11px;
}


.fourCol #footerLeft { 
	float: left;
	margin: 0 10px 0 0;
	padding: 15px 0 0 0;
	width: 230px;
	border-top: 1px solid #AAA;
} 

.fourCol #footerCenter { 
	float: left;
	margin: 0 10px;
	padding: 15px 0 0 0;
	width: 450px;
	color: #1595d3;
	border-top: 1px solid #AAA;
}  

.fourCol #footerRight { 
	float: right;
	padding: 15px 0 0 0;
	width: 240px;
	color: #AAA;
	border-top: 1px solid #AAA;
	
}  

.bioImage {
	float: left;
	padding: 0 10px 10px 0;
}

.twoColumn
{
	float: left;
	margin: 0 auto;
	padding: 10px 0;
	width: 200px;
	text-align: center;
	color: #999;
}

/* Miscellaneous classes for reuse */
ul.square li {
	list-style: none;
	background: url("images/square.gif") no-repeat left 7px;
	padding: 0 0 0 13px;
} 

.pubs li {
	padding: 0 0 10px 0;
	color: #777;
} 

hr.grey {
	clear:both;
	background-color: #AAA;
	height: 1px;
	border: 0px;
	width: 100%;
	margin: 10px 0 15px 0;
	padding: 0;
}

hr.purple {
	clear:both;
	background-color: #283891;
	height: 0;
	border: 0;
	width: 100%;
	margin: 70px 0 0 0;
	padding: 0;
}



.note { 
	padding: 20px 0 0 0;
	margin: 0;
	color: #999; 
	font-size: 11px;
	line-height: 12px;
}

.date { 
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #777;
	 }
	

.button
{
	margin: 0 auto;
	padding: 3px;
	width: 40px;
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	color: #FFF;
	background-color: #1595d3;
	border: 1px solid #1595d3;
	/*This expression prevents IE from drawing borders around radio buttons and others except text fields  */
	border-width: expression(this.type=="text"||this.type=="password"?'1px':'0px');
	letter-spacing: 1px;
}

.errorBox {
	border: 1px solid #B50F00;
}
.errorText {
	font-weight:bold;
	font-size:11px;
	color: #B50F00;
}


.fltrt { 
	float: right;
}
.fltlft { 
	float: left;
}

.fltlft h2, .mainContent h2   { color: #979435; font-size: 14px; margin: 0; padding: 0 ; }
.fltlft h3, .mainContent h3  { color: #000; font-size: 12px; margin: 0; padding: 0 ;  }


.fourteen { 
	font-size: 14px;
}	
	
.alignRight {
	text-align: right;
}

.clear { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 


</style>[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.fourCol #sideNav, .fourCol #global, .home, .fourCol #sideTopLeft, .column120, .fourCol #sideBotLeft, .fourCol #sideRight { padding-top: 0; }

.fourCol #greySide ul li,  .fourCol #sideNav ul li, .fourCol #global ul li, .home ul li, .fourCol ul li #sideTopLeft ul li, .fourCol #sideBotLeft ul li, .fourCol #sideRight ul li, .black, .white { margin: 0 auto; padding: 0; } 

.fourCol #mainTopHome, .fourCol #mainTopTag, .fourCol #mainTop, .fourCol #main { zoom: 1; padding-top: 0; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]