@charset "utf-8";
body{ margin:0px; /* padding-top:65px; */ color:#52504a; font-family:"Trebuchet MS"; font-size:12px; background-color:#1b140f;}
a{ color:#520007; text-decoration:none; outline:none;}a:hover{ text-decoration:underline;}
img{ border:0px; outline:none;}
input{ outline:none;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, font{ margin:0px; padding:0px; font-weight:normal;}

#pierreWrapper{ width:1002px; margin:auto;}
#pierreContainer{ width:1002px; float:left; background:url(bg.jpg) no-repeat top; height:772px;}
.pc-hp{ background:url(bg_hp.jpg) no-repeat top !important; height:609px !important;}
#pierreContainer2{ float:left; width:844px; padding:38px 79px 0 79px;}
.logo{ float:left; width:844px; text-align:center; padding-bottom:18px;}

/**************************************nav***************************************/

#nav{ float:left; width:811px; padding:0 15px 0 18px;}

.home{ float:left; width:34px; padding-right:23px;}
.home .normal{ background:url(home.png) no-repeat;}
.home .normal:hover{ background:url(home-hover.png) no-repeat;}
.home .active{ background:url(home-active.png) no-repeat;}

.about{ float:left; width:47px; padding-right:23px;}
.about .normal{ background:url(about.png) no-repeat;}
.about .normal:hover{ background:url(about-hover.png) no-repeat;}
.about .active{ background:url(about-active.png) no-repeat;}

.theSalon{ float:left; width:72px; padding-right:23px;}
.theSalon .normal{ background:url(theSalon.png) no-repeat;}
.theSalon .normal:hover{ background:url(theSalon-hover.png) no-repeat;}
.theSalon .active{ background:url(theSalon-active.png) no-repeat;}
.theSalon div{ position:absolute; visibility:hidden; background:url(thSalonDropDown.png) no-repeat top; width:204px; }
.theSalon div ul{ margin:0px 0 0 15px; height:92px; padding:30px 0 0 0;}
.theSalon div ul li{ list-style:none; padding-top:5px; margin-bottom:5px; font-size:13px;}
.theSalon div ul li a{ color:#918d7e;}.theSalon div ul li a:hover{ text-decoration:none; color:#afac9f;}
.theSalon div ul li .bullet2{ background:url(bullet-normal.png) no-repeat left; padding-left:12px;}
.theSalon div ul li .bullet{ background:url(bullet-active.png) no-repeat left; padding-left:12px;}

.services{ float:left; width:59px; padding-right:23px;}
.services .normal{ background:url(services.png) no-repeat;}
.services .normal:hover{ background:url(services-hover.png) no-repeat;}
.services .active{ background:url(services-active.png) no-repeat;}
.services div{ position:absolute; visibility:hidden; background:url(servicesDropDown.png) no-repeat top; width:204px; /*z-index:9999;*/}
.services div ul{ margin:0px 0 0 15px; height:194px; padding:30px 0 0 0;}
.services div ul li{ list-style:none; padding-top:5px; margin-bottom:5px; font-size:13px;}
.services div ul li a{ color:#918d7e;}.services div ul li a:hover{ text-decoration:none; color:#afac9f;}
.services div ul li .bullet2{ background:url(bullet-normal.png) no-repeat left; padding-left:12px;}
.services div ul li .bullet{ background:url(bullet-active.png) no-repeat left; padding-left:12px;}

.stylists{ float:left; width:57px; padding-right:23px;}
.stylists .normal{ background:url(styles.png) no-repeat;}
.stylists .normal:hover{ background:url(styles-hover.png) no-repeat;}
.stylists .active{ background:url(styles-active.png) no-repeat;}
.stylists div{ position:absolute; visibility:hidden; background:url(drop-down.png) no-repeat top; width:204px; /*z-index:9999;*/}
.stylists div ul{ margin:0px 0 0 15px; height:239px; padding:30px 0 0 0;}
.stylists div ul li{ list-style:none; padding-top:5px; margin-bottom:5px; font-size:13px;}
.stylists div ul li a{ color:#918d7e;}.stylists div ul li a:hover{ text-decoration:none; color:#afac9f;}
.stylists div ul li .bullet2{ background:url(bullet-normal.png) no-repeat left; padding-left:12px;}
.stylists div ul li .bullet{ background:url(bullet-active.png) no-repeat left; padding-left:12px;}

.products{ float:left; width:69px; padding-right:23px;}
.products .normal{ background:url(products.png) no-repeat;}
.products .normal:hover{ background:url(products-hover.png) no-repeat;}
.products .active{ background:url(products-active.png) no-repeat;}

.newHairTrends{ float:left; width:116px; padding-right:23px;}
.newHairTrends .normal{ background:url(new-hair-trends.png) no-repeat;}
.newHairTrends .normal:hover{ background:url(new-hair-trends-hover.png) no-repeat;}
.newHairTrends .active{ background:url(new-hair-trends-active.png) no-repeat;}
.newHairTrends div{ position:absolute; visibility:hidden; background:url(newHairTrendsDropDown.png) no-repeat top; width:204px; z-index:9999;}
.newHairTrends div ul{ margin:0px 0 0 15px; height:167px; padding:30px 0 0 0;}
.newHairTrends div ul li{ list-style:none; padding-top:5px; margin-bottom:5px; font-size:13px;}
.newHairTrends div ul li a{ color:#918d7e;}.newHairTrends div ul li a:hover{ text-decoration:none; color:#afac9f;}
.newHairTrends div ul li .bullet2{ background:url(bullet-normal.png) no-repeat left; padding-left:12px;}
.newHairTrends div ul li .bullet{ background:url(bullet-active.png) no-repeat left; padding-left:12px;}

.inTheNews{ float:left; width:82px; padding-right:23px;}
.inTheNews .normal{ background:url(in-the-news.png) no-repeat;}
.inTheNews .normal:hover{ background:url(in-the-news-hover.png) no-repeat;}
.inTheNews .active{ background:url(in-the-news-active.png) no-repeat;}

.contactUs{ float:left; width:80px;}
.contactUs .normal{ background:url(contactUs.png) no-repeat;}
.contactUs .normal:hover{ background:url(contactUs-hover.png) no-repeat;}
.contactUs .active{ background:url(contactUs-active.png) no-repeat;}
 
/**************************************nav***************************************/

#mainContent{ float:left; width:844px; background:url(page-border-bottom.png) no-repeat bottom; padding-bottom:15px;}
#mainContent2{ float:left; width:844px; background:url(page-border-top.png) no-repeat top; padding-top:15px;}
#mainContent3{ float:left; width:844px; background:url(page-border-rpt.png) repeat-y top;}
#mainContentInner{ float:left; width:814px; padding:0 15px 0 15px;}

#hotBox{ float:left; width:844px; background:url(hotBox-bottom.png) no-repeat bottom; padding-bottom:15px; margin-top:0px;}
#hotBox2{ float:left; width:844px; background:url(hotBox-top.png) no-repeat top; padding-top:15px;}
#hotBox3{ float:left; width:814px; padding:0 15px 0 15px; background:url(hotBox-border-rpt.png) repeat-y top;}
#hotBox3 div{ float:left; text-align:center;}
.hotBox{ width:244px; padding-right:40px;}
.hotBox2{ width:244px; padding-right:42px;}

#pierreFooter{ float:left; width:1002px; padding:15px 0 35px 0;}
#pierreFooter p{ color:#48423c; font-size:13px; text-align:center; font-family:"Trebuchet MS";}
#pierreFooter p a{ color:#48423c; text-decoration:none;}#pierreFooter p a:hover{ color:#68665f;}
#pierreFooter span{ display:block; text-align:center;}

.innerPage{ float:left; width:814px; background:url(innerPageBottom.jpg) no-repeat bottom; padding-bottom:13px;}
.innerPage2{ float:left; width:814px; background:url(innerPageTop.jpg) no-repeat top; padding-top:13px;}
.innerPage3{ float:left; width:814px; background:url(innerPageRpt.jpg) repeat-y top;}

.innerTopNav{ float:left; width:717px; padding:0 48px 3px 49px; background:url(innerPageBorder.jpg) no-repeat bottom; margin-bottom:2px;}
.innerTopNav ul{ float:left; width:500px;}
.innerTopNav ul li{ list-style:none; padding:0 5px 0 5px; display:inline; border-right:2px solid #e7ddc2; font-size:16px; font-weight:bold; color:#86837a;}
.innerTopNav ul li a:hover{ text-decoration:none;}
.innerTopNav ul li .pageNormal{ color:#86837a; font-weight:normal;}
.innerTopNav ul li .pageActive{ color:#86837a; font-weight:bold;}
.innerTopNav p{ float:right; width:190px; padding-top:5px;}
.innerBottomNav{ float:left; width:717px; padding:5px 48px 3px 49px; text-align:right; background:url(innerPageBorder.jpg) no-repeat top;}

.innerPageBg{ float:left; width:751px; height:490px; margin:0 31px 0 31px; background:url(innerPageBg.jpg) no-repeat bottom center;}
.innerPageContent{ float:left; width:717px; padding:0 17px 0 17px;}
.innerPageBanner{ float:left; width:717px; margin-bottom:5px;}

.innerPaging{ float:left; width:717px; text-align:right;}
.innerPaging ul{ margin:0px; padding:0px;}
.innerPaging ul li{ list-style:none; display:inline; font-size:14px; padding:0 2px 0 2px; font-weight:bold; color:#b3b1ac;}
.innerPaging ul li a:hover{ text-decoration:none; color:#84837e;}
.innerPaging ul li .pageNormal{ color:#b3b1ac;}
.innerPaging ul li .pageActive{ color:#84837e;}

.innerPageHdng{ float:left; width:717px; text-align:center; padding:10px 0 8px 0;}
.innerPageTxt{ float:left; width:717px; height:167px; overflow-y:scroll; overflow-x:hidden;}
.innerPageTxt p{ padding:0 0 10px 0;}
.readMore{ float:left; width:717px; padding:0 48px 10px 49px; text-align:right;}

.press{ float:left; width:814px; margin:10px 0 10px 0; background:url(press-curve-bottom.jpg) no-repeat bottom; padding-bottom:17px;}
.press2{ float:left; width:814px; background:url(press-curve-top.jpg) no-repeat top; padding-top:17px;}
.press3{ float:left; width:814px; background-color:#000;}

.gallery{ float:left; width:717px; background-color:#000; margin:10px 0 10px 0; padding:25px 48px 20px 49px;}
.galleryBtn{ float:left; width:717px; text-align:right; margin-bottom:20px;}
.galleryBtn span{ padding-right:15px;}

.galleryDetailLeft{ float:left; width:240px; padding-right:42px; text-align:center;}

.galleryDetailRight{ float:left; width:435px;}
.galleryDetailRight h3{ font-size:16px; color:#746e5c; padding-bottom:8px;}
.galleryDetailRight h4{ font-size:13px; color:#929085; padding-bottom:15px;}
.galleryDetailTxt{ float:left; width:435px; height:229px; overflow-x:hidden; color:#52504a;}
.galleryDetailTxt p{ padding-bottom:10px;}

.galleryTitle{ float:left; width:717px; text-align:center; font-size:16px; color:#746e5c; padding-top:25px;}

.galleryThumb{ float:left; width:717px; background:url(gallery-thumb-bg.jpg) no-repeat top; padding-top:19px;}
.thumbnail{ float:left; height:55px; width:717px; position:relative; z-index:0;}
.thumbnail ul{ float:left; margin:0px; padding:0px; position:relative; z-index:0px;}
.thumbnail ul li{ list-style:none; padding:0 6px 0 7px; display:inline; text-align:center;}
.thumbnail .previous{ z-index:1000; position:absolute; left:-15px;}
.thumbnail .next{ z-index:1000; position:absolute; right:-15px;}

.stylists2{ float:left; width:659px; background:url(stylists2-bg.jpg) no-repeat bottom; padding:20px 77px 87px 76px; margin:8px 0 8px 0; background-color:#000; border-left:1px solid #353535; border-right:1px solid #353535;}
.stylists2 h3{ color:#888783; font-size:16px; text-align:center; padding-bottom:20px;}
.stylistsRow{ float:left; width:659px; padding-top:8px;}
.hairStyle{ float:left; width:90px; padding:0 2px 0 2px;}
.hairStyle p{ text-align:center;}
.hairStyle span{ display:block; text-align:center; font-size:13px; color:#52504a;}
.hairStyle .styleHover{ color:#ddd;}

.hairStyle a {opacity:0.6; filter:alpha(opacity=60); zoom:1; }
.hairStyle a:hover {opacity:1; filter:alpha(opacity=100); zoom:1; }


.proTxt{ float:left; width:717px; font-size:14px; padding:15px 0 10px 0; line-height:20px; border-bottom:1px solid #E2E2E2;}
.proOuter{ float:left; width:717px; padding-bottom:10px;}
.proBox{ float:left; width:177px; background:url(proBorderBottom.jpg) no-repeat bottom; padding-bottom:5px; margin:0 1px 0 1px;}
.proBox2{ float:left; width:177px; background:url(proBorderTop.jpg) no-repeat top; padding-top:5px;}
.proBox3{ float:left; width:177px; padding:5px 0 5px 0; text-align:center; background:url(proBorderRpt.jpg) repeat-y top;}
.proBox3 p{ text-align:center;}
.proBox3 span{ display:block;}
.proBox3 .price{ font-weight:bold; font-size:13px; color:#3d0005;}
.p_img {width:200px; padding-right:20px; float:left;}
.p_text {width:400px; float:left;}




.pageContent{ float:left; width:717px; padding:10px 0 10px 0;}
.salonL{ float:left; width:360px; height:470px; overflow-y:scroll; overflow-x:hidden;}
.salonL p{ padding-bottom:10px;}
.salonR{ float:left; width:322px; border:5px solid #eee; margin-left:25px;}

.salonOuter{ width:558px; border:1px solid #e4e4e4; margin:auto; margin-top:40px;}
.salonGallery{ width:548px; border:5px solid #eee; margin:auto;}
.galleryPaging{ width:548px; background-color:#eee; padding:5px; margin:auto;}
.galleryPaging ul{ margin:0px; padding:0px;}
.galleryPaging ul li{ list-style:none; display:inline; font-size:14px; padding:0 2px 0 2px; font-weight:bold; color:#b3b1ac;}
.galleryPaging ul li a{ color:#bbbab7;}
.galleryPaging ul li a:hover{ text-decoration:none; color:#84837e;}
.galleryPaging ul li .galleryNormal{ color:#b3b1ac;}
.galleryPaging ul li .galleryActive{ color:#84837e;}

.servicesPage{ float:left; width:717px; height:200px; margin:10px 0 10px 0; overflow-x:hidden; overflow-y:scroll; font-size:14px; color:#52504a;}
.servicesRow{ border-bottom:1px solid #E2E2E2; float:left; padding:6px 0; width:695px;}
.servicesLeft{ border-right:1px solid #CBCBCB; float:left; padding-right:15px; text-align:right; width:478px;}
.servicesRight{ float:left; font-weight:bold; padding-left:10px; width:190px;}

.hairTrends{ float:left; width:717px; height:220px; margin:15px 0 15px 0; overflow-y:scroll; overflow-x:hidden;}
.hairTrends_lgr {float:left;
height:360px;
margin:15px 0;
overflow-x:hidden;
overflow-y:scroll;
width:717px;}
.hairTrendsRow{ float:left; width:696px; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:10px;}
.hairTrendHdng{ float:left; width:696px; padding-bottom:10px; font-size:16px; font-weight:bold; color:#52504a;}
.hairImg{ float:left; width:233px; padding-right:15px;}
.hairDetail{ float:left; width:448px; font-size:14px; color:#52504a;}
.hairTrends img, .hairTrends_lgr img { margin:0px 10px 10px 0px;}



.contact{ float:left; width:695px;}
.contact p{ padding-bottom:25px;}
.contact span{ display:block;}




.clear {clear:both;}

.section_products {

}
.section_products .p_text {
font-size:12px;
width:460px;
}

.section_products .proTxt {
	padding:10px 0 8px;
}