.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
img{border:none;vertical-align:middle;}
form,ul,h1,h2,h3,h4,h5,h6,p,span,input{margin:0px;padding:0px;}
ul{list-style:none;}
body{margin:10px;padding:4px 0 20px 0;font-size:12px;line-height:14px;font-family:Arial;}
input,select,textarea{font-size:10px;line-height:12px;font-family:Arial; vertical-align:middle;}
a{text-decoration:none;color:#000;}
h1{font-size:22px;line-height:24px;}
h2{font-size:18px;line-height:20px;}
h3{font-size:16px;line-height:18px;}
h4{font-size:13px;line-height:15px;}
h5{font-size:11px;line-height:13px;}
h6{font-size:10px;line-height:12px;}
div.container{width:981px;margin:0 auto;}
div.nav{width:981px;}
div.nav-left{width:130px; float:left;}
div.nav-right{width:850px; float:left;}

ul.nav{width:214px; clear:both;}
ul.nav li{ background:url(images/black-bg.jpg) no-repeat; overflow:hidden; height:32px;margin:0; width:100%;float:left;}
ul.nav li a{color:#fff;font-size:14px;line-height:29px; overflow:hidden;padding:0 0 0 20px; display:block; width:194px;   }
ul.nav li.current{margin-top:0px;background:url(images/current-bg.jpg) no-repeat;}
ul.nav li.current2{margin-top:0px;background:url(images/current-bg2.jpg) no-repeat;}
ul.nav li ul{ display:none; padding:0 0 3px 0;}
ul.nav li.current2 ul{width:246px;background:#d31145 url(images/submenu-bg.jpg) no-repeat bottom; position:absolute; z-index:2; margin:-29px 0 0 214px; display:block;}
ul.nav li.current2 ul li{background:none;margin-top:0px;height:26px;line-height:26px;}
ul.nav li.current2 ul li a:hover{color:#000;}
ul.nav li.sub-current a{color:#000;}

div.header{width:981px; border-bottom:solid 1px #c9c8c8;height:30px;}
div.header h1{color:#d31145; font-weight:normal; text-align:right;padding:5px 0;}
div.next{ float:left;padding:5px 0 0 0; width:auto;}

div.content{width:981px;}
div.next2{visibility:hidden;}
div.vacant{width:981px;border:solid 1px #c9c8c8;padding:4px 0;border-left:none;border-right:none;}
div.vacant h1{color:#d31145;font-weight:normal;padding:5px 0 5px 15px;}
ul.position{width:981px;padding:26px 0;}
ul.position li{ float:left; font-size:14px; font-weight:bold; width:auto;}
ul.position li.col1{width:140px;}
ul.position li.col2{width:310px;}
ul.position li.col3{width:310px;}
ul.position li.col1{color:#d31145;padding:0 0 0 20px;}
ul.position2{padding:0 0 35px 0;}
ul.position2 li{font-weight:normal;}
ul.position2 li a{ text-decoration:underline;}
div.partners{width:981px;border-top:solid 1px #c9c8c8;padding:30px 0 50px 0;}
div.col1{width:170px; float:left;}
div.col1 h4{color:#d31145;padding:0 0 0 20px;}
div.col2{width:290px; float:left;}
div.col2 ul{padding:20px 0 0 0;}
div.col3{width:220px; float:left;}
div.col3 h4{color:#d31145;padding:0 0 0 20px;}

div.footer{width:981px;border-top:solid 1px #c9c8c8;}
div.footer p{ text-align:right;padding:10px 0 0 0; color:#000;}

div.content p.cartoon1{padding:5px; text-align:center;}
div.content p.what-cartoon{padding:5px; text-align:center;}
div.content p.what-cartoon img.first{padding:5px 18px 0 0;}
div.content p.step-cartoon{padding:5px 0 0 0;}
div.content p.step-cartoon img{padding:5px 18px 0 0;}
div.content p.step-cartoon img.last{padding:0;}
div.content p.step-cartoon2{padding:5px 0 35px 0;}
div.header h1 span{color:#000;}

body.brand{ background:#d31145;padding:200px 0;}
div.brand-inner{ background:#fff;padding:60px 0 100px 0;}
div.brand-inner p{width:500px;margin:0 auto;}
div.brand-inner p.select{color:#919294;width:500px;margin:12px auto 0 auto;padding:15px 0 0 0; border-top:solid 1px #f4c4d1; font-size:14px;}
div.brand-inner p.select a{color:#919294;}
div.brand-inner p.select a:hover{ text-decoration:underline;}
div.position-out{width:981px;border-top:solid 1px #c9c8c8;}
ul.position3{width:981px;padding:26px 0;}
ul.position3 li{ float:left; font-size:12px; font-weight:bold; width:auto;}
ul.position3 li.col1{width:145px;padding:0 0 0 30px;}
ul.position3 li.col2{width:220px;}
ul.position3 li.col3{width:205px;}
ul.position3 li.col4{width:152px;}
ul.position3 li.col5{width:210px;}
ul.position4{width:981px;padding:0 0 26px 0;}
ul.position4 li{ font-weight:normal;}
ul.position3 li.country{color:#d31145;}
div.projects{padding:5px 0;}
div.projects2{ background:url(images/portfolio-cartoon3.gif) no-repeat 50% top; height:450px;}
div.projects3{ background:url(images/portfolio-cartoon4.gif) no-repeat 50% top; height:450px;}
div.cols1{width:981px; clear:both; overflow:hidden;}
div.col6{width:528px; float:left;}
div.col7{width:180px; float:left;}
div.col8{width:215px; float:left;}

div.moreprojects, div.prevprojects {  clear:both; padding:0px 0 0 130px;width:120px;}
div.moreprojects a, div.prevprojects a{ display:block; height:110px; width:120px; text-indent:-2000px; }

div.return2projects {  clear:both; padding: 0px 0 0 130px; margin: -140px 0 0 ;width:120px;}
div.return2projects a{ display:block; height:110px; width:120px; text-indent:-2000px; }


div.publishing {  clear:both; padding:80px 0 0 320px;width:130px;}
div.publishing a{ display:block; height:110px; width:130px; text-indent:-2000px; }

div.lindt{  clear:both; padding:80px 0 0 320px;width:130px;}
div.lindt a{ display:block; height:110px; width:130px; text-indent:-2000px; }
div.ultra{  clear:both; padding:0px 0 0 330px;}
div.ultra a{ display:block; height:80px; width:130px; text-indent:-2000px;}
div.loreal{  clear:both; padding:20px 0 0 0px;width:170px;}
div.loreal a{ display:block; height:260px; width:170px; text-indent:-2000px;}
div.brown{  clear:both; padding:11px 0 0 0px;width:170px;}
div.brown a{ display:block; height:140px; width:170px; text-indent:-2000px;}
div.colgate{  clear:both; padding:60px 0 0 0px;width:140px;}
div.colgate a{ display:block; height:140px; width:140px; text-indent:-2000px;}
div.berlei{  clear:both; padding:40px 0 0 12px;}
div.berlei a{ display:block; height:168px; width:140px; text-indent:-2000px;}

div.project{ width:957px; height:460px; background:url(images/project.gif) no-repeat left top; margin:0 auto; clear:both;color:#231f20;}
div.project2{ width:957px; height:460px; background:url(images/project.gif) no-repeat left top; margin:0 auto; clear:both;color:#231f20;}

div.col9{width:530px; float:left;}
div.col9-cont{ padding:50px 50px 0 285px; font-size:12px;  line-height:16px;}
div.col9-cont h3{ color:#d31145; padding:5px 0 2px 0;}
div.col9-cont p{ padding:0 0 8px 0;}
div.col10{width:280px; float:left;}

div.product-pic{ padding:124px 0 92px 50px;}

div.colgate-bag{padding:130px 0 116px 47px;}
div.colgate-intro{padding:5px 40px 10px 22px; font-size:11px; line-height:12px; text-align:center;}

div.berlei-bag{ padding:124px 0 116px 50px;}
div.berlei-intro{padding:0px 40px 10px 22px; font-size:11px; line-height:12px; text-align:center;}

div.brown-bag{ padding:130px 0 86px 50px;}
div.brown-intro{ padding:2px 40px 10px 22px; font-size:11px; line-height:12px; text-align:center;}

div.ultra-bag{ padding:124px 0 55px 50px;}
div.ultra-intro{ padding:0px 40px 10px 22px; font-size:11px; line-height:12px; text-align:center;}
div.ultra2-bag{ padding:160px 0 51px 45px;}

div.lindt1-bag{ padding:124px 0 42px 50px;}
div.lindt2-bag{ padding:122px 0 42px 46px;}
div.lindt3-bag{  padding:120px 0 42px 66px;}


div.loreal1-bag{
	padding:111px 0 30px 44px;
}
div.loreal2-bag{padding:144px 0 80px 44px;}


div.pages{ padding:0 0 43px 164px; font-size:15px; font-weight:bold; line-height:18px;}
div.pages span,div.pages a{ color:#d31145;}
div.pages a:hover{ text-decoration:underline;}
div.pages2{padding:0px 0px 42px 160px;}


.popup{
position: relative;
z-index: 0;
}

.popup:hover{
background-color:  transparent;
z-index: 50;
}

.popup span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.popup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 3px;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -148px;
left: -454px; /*position where enlarged image should offset horizontally */

}