body { background-color:#8c8c8a;  }

#container { background:  url(../images/mainBg.gif) no-repeat top center; color: #000000; font-family: helvetica, arial; font-size: 12px; font-weight: bold; }


body.termsofuse { background-color: #FFFFFF; }
body.termsofuse #container { background-image:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; width:450px; text-align:left; margin:10px; font-weight:normal; }
body.termsofuse #container  h1{font-size: 14px; font-weight:bold; margin:0; padding:0; }
body.termsofuse #container  h2{font-size: 12px; font-weight:bold; }
body.termsofuse #container  h3{font-size: 12px; font-weight:normal; font-style:oblique; }
a { color: #000; text-decoration: none; }
a:hover { color: #AEADAD; text-decoration: underline; }

#header, #header .content, #content, #footer, #first_row{ width: 862px;  }
#content { padding-left: 0px; height:494px; background-color:#FFFFFF; height:510px; }

h1 {margin: 0 0 0 10px; font-size:14px;  padding-top:40px;  color:#000000;} 
p {color:#707070; font-size:12px; font-weight:normal;	}
ul { font-weight:normal; color:#707070;}

/*
 ***************************
 * LOGO AND TITLE
 ***************************
 */
#header {  background-image:url(../images/hp_topBg2.gif); background-repeat:no-repeat;  margin-top:0px; height:172px; background-color:#FFFFFF;}
#header .logo { display: inline; float:left; width: 188px; margin:92px 0 0 28px;}
#header .content .main { position:relative; width:654px; height: 117px; margin-left:208px; }
#header .content .main .clippers-title { position:relative;}
#header .content .ticket_spot { position:absolute; top:15px; right:5px; }


/*
 ***************************
 * Top menu Header 
 ***************************
 */
 


.main ul.topMenu { float:right; clear: right;  width: 200px; height: 20px; margin:109px  0 0 0; }
.main ul.topMenu li { display: inline; float: left; padding:0 5px; width: auto; }
.main ul.topMenu li a { float: left; height: 28px; text-indent: 0px;  color:#666666;  }
.main ul.topMenu li a:hover { float: left; height: 28px; text-indent: 0px;  color:#9f5987; text-decoration:none;  }
.main ul.topMenu li .active{ color:#9f5987 !important;}




/*
 ***************************
 * header 
 ***************************
 */
 


#header ul.menu {clear: both; list-style-type: none; width: 862px; height: 32px; }
#header ul.menu li { display: inline; float: right; margin-top:4px;  }
#header ul.menu li a { float: left; height: 32px; text-indent: -9999px; }
#navigation { position:relative; top:0px; height: 32px;}
#header ul.menu li.active{ background-position: 0 0; }

/* Pckage Prototypes */

#header ul.menu li a.nav_packagePrototypes { background-image: url(../images/menu1.gif); background-position: 0 -32px; width: 92px; } 
#header ul.menu li.highlighted a.nav_packagePrototypes,
#header ul.menu li a:hover.nav_packagePrototypes { background-position: 0 0; }

/* retaouching Renderings */

#header ul.menu li a.nav_retaouchingRenderings { background-image: url(../images/menu6.gif); background-position: 0 -32px; width: 92px; } 
#header ul.menu li.highlighted a.nav_retaouchingRenderings,
#header ul.menu li a:hover.nav_retaouchingRenderings { background-position: 0 0; }

/* Prepress Services */

#header ul.menu li a.nav_prepressServices { background-image: url(../images/menu2.gif); background-position: 0 -32px; width: 75px; } 
#header ul.menu li.highlighted a.nav_prepressServices,
#header ul.menu li a:hover.nav_prepressServices { background-position: 0 0; } 


/* Sales Collateral */

#header ul.menu li a.nav_salesCollateral { background-image: url(../images/menu3.gif); background-position: 0 -32px; width: 100px; } 
#header ul.menu li.highlighted a.nav_salesCollateral,
#header ul.menu li a:hover.nav_salesCollateral { background-position: 0 0; }

/* digital Asset Management */

#header ul.menu li a.nav_assetManagement { background-image: url(../images/menu4.gif); background-position: 0 -32px; width: 101px; } 
#header ul.menu li.highlighted a.nav_assetManagement,
#header ul.menu li a:hover.nav_assetManagement { background-position: 0 0; } 

/* Consumer Insight Tools */

#header ul.menu li a.nav_consumerInsightTools { background-image: url(../images/menu5.gif); background-position: 0 -32px; width:90px; } 
#header ul.menu li.highlighted a.nav_consumerInsightTools,
#header ul.menu li a:hover.nav_consumerInsightTools { background-position: 0 0; }
#header ul.menu li .active{ background-position: 0 0 !important; }
/*
 ***************************
 * content 
 ***************************
 */
 
#first_row .width594 {width:594px; }

#first_row .width208 {width:208px; float:right; font-weight:100; margin:20px; padding:25px 20px 0 0; line-height:18px;}
#first_row .width400 {position:absolute;width:322px;font-weight:100;margin:20px 10px 0 0px; padding:10px 5px 0 0;line-height:18px;}
#first_row .width400 p { padding:3px 0; }
#first_row .width208 .flashBut {margin-top:30px; text-align:center;}
#first_row .width400  ul {clear: both; position:relative; width:400px; float:left; color:#707070; font-size:14px; margin:85px 0 0 0 ;}
#first_row .width400  ul li{ list-style:none; float:left; display:inline; margin:10px 10px; width:155px;}

#first_row .width400 ul li  a{ float:left; color:#58003f; font-size:14px;}
#first_row .width400 ul li  a:hover{ color:#707070; text-decoration:underline;}
 /*
 ***************************
 * About Us Page
 ***************************
 */
 
#content.aboutUs{height:583px;} 
#first_row .width100AboutUsphoto {width:190px; margin:0px 0px 0 0px;}
#first_row .width300AboutUs { margin:0px 0px 0 20px; text-align:left; line-height:18px; }
#first_row .width300AboutUs ul {float:left;width:370px; color:#707070; font-size:12px; font-weight:normal; margin:0 12px 0 0;}
#first_row .width300AboutUs ul li{ list-style:none; float:left; margin:10px 10px; }




 /*
 ***************************
 * Consumer Page
 ***************************
 */

#first_row .secondColConsumer img {margin:40px 0;}
#first_row .firstColConsumer {width:533px; margin:0 0px 0 20px; text-align:left; line-height:18px; }
#first_row .firstColConsumer p {float:left;	width:500px; margin:3px 0 0 10px;   padding:0;}
#first_row .firstColConsumer ul { float:left; margin:10px;	width:500px;  font-size:12px; }
#first_row .firstColConsumer ul li{ list-style:none; float:left; margin:0 20px 0 0;  width:150px; margin:0; }


/*
 ***************************
 * Sales Colotoral Page
 ***************************
 */
#first_row .secondColSales {width:250px; margin:0 10px 0 0px;}
#first_row .secondColSales img {margin: 70px 0 0 0;}

#first_row .firstColSales {width:370px; margin:0 0px 0 20px; text-align:left; line-height:18px; }
#first_row .firstColSales ul {	position:relative;	float:left;	color:#707070;	font-size:12px;	width:396px; _width:370px; font-weight:normal;}
#first_row .firstColSales ul li{float:left; margin:0 0 20px 10px;	width:335px; list-style:none; }
#first_row .firstColSales ul li.purple{ width:235px; line-height:23px;}
#first_row .firstColSales ul li.purpleNarrow{ width:135px; line-height:23px;}
#first_row .firstColSales ul li ul{float:left;	list-style:none;  margin:0 0px 0 0; width:496px; _width:250px;}

 
 
 /*
 ***************************
 * Contact Page
 ***************************
 */

#first_row .width300Contact h1{ width:334px; margin:0; }
#first_row .width300Contact {width:430px; margin-left:30px; text-align:left; line-height:18px; color:#8e8e8e; font-size:12px; }
#first_row .width400Contact {width:310px; font-weight:100; margin-top:76px; padding:0;line-height:18px;color:#8e8e8e; font-size:12px;}
#first_row .width400Contact  ul {clear:both; float:left; color:#707070; font-size:14px; }
#first_row .width400Contact  ul li{ list-style:none; float:left; display:inline; margin:10px 10px;  clear:both;}
#first_row .width400Contact img{clear:both; margin:0px 0px 0px 10px; padding-top:0px; }
/*
 ***************************
 * Clients page 
 ***************************
 */
 #first_row .width212Clients {width:388px; margin:40px 0 0 60px; text-align:right; line-height:18px; }
  #first_row .width212Clients p{width:260px; margin:10px 30px 0 85px; }
 #image{ float:right; width:371px; margin:10px 10px 10px 10px;}
 
 /*
 ***************************
 * Clients QP Page
 ***************************
 */
#first_row .width190QP {
	width:250px;
	margin:0 10px 0 20px;
}
#first_row .width190QP img {margin: 40px 0 0 60px;
}
#first_row .width470QP {width:370px; margin:0 0px 0 20px; text-align:left; line-height:18px; }
#first_row .width470QP ul {	position:relative;	float:left;	color:#707070;	font-size:12px;	width:500px; font-weight:normal;}
#first_row .width470QP ul li{list-style:none; float:left; margin:10px;	width:410px;}
#first_row .width470QP ul li.purpleNarrow{ width:135px;}

#first_row .width470QP ul ul{ position:relative;  float:left; color:#707070; font-size:12px; font-weight:normal;}
#first_row .width470QP ul li ul li{	list-style:none; float:left; margin:0 13px 0 0;	width:250px;}



/*
***************************
 * Clients Clairol Page
 ***************************
 */

#first_row .secondColclairol img {margin: 52px 0 46px 18px;}
#first_row .clairol {width:400px; margin:0 0 0 20px;	text-align:left; line-height:16px;  color:#707070;}
#first_row .clairol p {float:left; margin:3px 10px; width:370px;	font-size:12px;	font-weight:normal;}
#first_row .secondColclairol p{ width:400px; margin:3px 0 0 0; text-align:left; line-height:16px;  color:#707070; font-weight:normal;}



/*
***************************
 * Clients Wella Page
 ***************************
 */

#first_row .secondColWella img {margin: 40px 0 0 100px;}
#first_row .Wella {	width:400px; margin:0 0 0 20px;	text-align:left; line-height:16px;  color:#707070;}
#first_row .Wella p {float:left; margin:3px 10px; width:370px;	font-size:12px;	font-weight:normal;}
#first_row .secondColWella p{ width:400px; margin:50px 0 0 0; text-align:left; line-height:16px;  color:#707070; font-weight:normal;}



/*
 ***************************
 * package prototypes page
 ***************************
 */

#content.packagePrototypes .secondCol {  float:right; width:270px;  margin:40px 25px 0 0px;  line-height:16px;}
#content.packagePrototypes .secondCol p {float:left;  line-height:16px; margin:0px 0 10px 0; }
#content.packagePrototypes .secondCol ul{float:left; list-style-type: disc; list-style:outside; margin-bottom:10px; padding:0 0 0 15px;  width:300px;}
#content.packagePrototypes .secondCol ul li{float:left; margin:1px 40px 0 0; }
#content.packagePrototypes .secondCol ul.products{float:left; display:block; line-height:14px; margin:5px 0;  padding-left:10px;}
#content.packagePrototypes .secondCol ul.products li{float:left; display:block; padding-left:15px; margin:0;  line-height:16px;}



/*
 ***************************
 * Retouching Page
 ***************************
 */

#content.retouching .width268 {float:right; width:200px; font-weight:100; margin:118px 46px 0 0px;  line-height:16px;}
#content.retouching .width268  ul {float:left; list-style-type: none;  color:#7d0b56; list-style:none; margin:0 0 10px 35px; display:block; }
#content.retouching ul li{float:left; display:block;clear:both;  margin:1px 0; height:35px; width:150px;}

/*
 ***************************
 * Asset Page
 ***************************
 */

#first_row .secondColAsset {	width:250px;	margin:0 0px 0 10px;}

#first_row .secondColAsset img{	margin:60px 10px 10px 10px;}

#first_row .firstColAsset {width:290px; color:#707070; margin:0 0px 0 20px; text-align:left; line-height:18px; font-weight:normal; }
#first_row .firstColAsset p {width:280px; margin:10px 0px 0 10px; text-align:left; line-height:18px; }

#first_row .firstColAsset .center { text-align:center;  }

/*
 ***************************
 * Asset Management nav 
 ***************************
 */
 


#bottomMenu ul.bottomMenu {clear: both; list-style-type: none; width: 133px; height: 24px; margin:20px auto;}
#bottomMenu ul.bottomMenu li { display: inline; float: right; margin-top:4px;  }
#bottomMenu ul.bottomMenu li a { float: left; height: 24px; text-indent: -9999px; }
#bottomMenu ul.bottomMenu li.active{ background-position: 0 0; }

/* Try how it works button */

#bottomMenu ul.bottomMenu li a.bottomMenu_howItworks { background-image: url(../images/but_howitworks.jpg); background-position: 0 0; width: 133px; } 
#bottomMenu ul.bottomMenu li.highlighted a.bottomMenu_howItworks,
#bottomMenu ul.bottomMenu li a:hover.bottomMenu_howItworks { background-position: 0 -24px; }





/*
 ***************************
 * Prepress Page
 ***************************
 */
#first_row .secondColPrepress {	width:480px;	margin:0;}
#first_row .secondColPrepress img {margin:65px 0 0 0;}
#first_row .firstColPrepress {width:335px; margin:0 10px 0 20px; text-align:left; line-height:18px; }
#first_row .firstColPrepress .purple { position:absolute; width:332px; text-align:center;  line-height:37px; margin-top:40px; font-weight:normal; }




/*
 ***************************
 * FOOTER 
 ***************************
 */
#footer { background:  url(../images/footer_bg.gif) no-repeat top center; height:150px; }
#footer ul { text-align:center;  padding-top: 25px; font-weight:bold; }
.color  { color:#7d0b56; }


#header ul.menu li .active{ background-position: 0 0 !important; }
.link a{ color:#FFFFFF;}

.purple{ color:#7d0b56;}
.strong{ font-weight:bold;}
.last{padding-left:40px;}
.bold{ font-weight:bold;}
.purpleNarrow{ color:#7d0b56;}