@charset "UTF-8";
/* CSS Document */

body {width:100%; margin:0px; padding:0px}

#wrapper {
 margin:0 auto; 
 width:950px;
}

#header, #footer, .middle {
 float:left; 
 clear:left;
 width:100%;
}
#header {padding-top:20px}
.middle {margin-top:15px;}
#footer {
 font-size:10px; 
 color:#564319;
 font-family:Arial, Helvetica, sans-serif;
 text-align:center;
 padding:30px 0px;
}

.nav {float:right}
ul.nav {float:right; list-style:none; margin-top:65px}
ul.nav li {float:right; padding-left:55px; list-style:none}
ul.nav li.first {padding-left:0px}

.clear {clear:both; height:1px;}
.floatClear {width:950px; clear:left;}
.hdr {padding:25px 30px 30px 30px}
.left {width:226px; float:left; padding-left:30px}
.right {width:600px; padding-left:34px; float:left; }

p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f634a; line-height:24px; margin:0px; padding:0px 0px 25px 0px; border-bottom:1px solid #fce3ed; margin-bottom:15px}
p.quote {width:290px; padding-bottom:15px; line-height:17px}
span.pinkSubhead {color:#f0acc4; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:17px; padding-top:5px; display:block}

.bottomBar {float:left; clear:left; width:100%; height:20px; background-image:url(../images/bottomBkgrd.gif); position:relative; top:-25px; background-repeat:no-repeat; height:134px}
.bottomBar .pinkBoxes {
 width:300px;
 margin-left:12px;
 float:left;
 height:106px;
 background-color:#fff9fb;
 margin-top:12px
}
.pinkBoxes .inner {height:106px}

.tr_pink {background-image:url(../images/tr_pink.gif); background-repeat:no-repeat; background-position:top right}
.tl_pink {background-image:url(../images/tl_pink.gif); background-repeat:no-repeat; background-position:top left}
.br_pink {background-image:url(../images/br_pink.gif); background-repeat:no-repeat; background-position:bottom right}
.bl_pink {background-image:url(../images/bl_pink.gif); background-repeat:no-repeat; background-position:bottom left}

.br_main {background-image:url(../images/br_main.gif); background-repeat:no-repeat; background-position:bottom right}
.bl_main {background-image:url(../images/bl_main.gif); background-repeat:no-repeat; background-position:bottom left}
.l_main {background-image:url(../images/dot_pink.gif); background-repeat:repeat-y; background-position:top left}
.r_main {background-image:url(../images/dot_pink.gif); background-repeat:repeat-y; background-position:top right}
.b_main {background-image:url(../images/dot_pink.gif); background-repeat:repeat-x; background-position:bottom left}

.tr_blue {background-image:url(../images/tr_blue.gif); background-repeat:no-repeat; background-position:top right; padding:20px}
.tl_blue {background-image:url(../images/tl_blue.gif); background-repeat:no-repeat; background-position:top left}
.br_blue {background-image:url(../images/br_blue.gif); background-repeat:no-repeat; background-position:bottom right}
.bl_blue {background-image:url(../images/bl_blue.gif); background-repeat:no-repeat; background-position:bottom left}


.middle.home {
 background-image:url(../images/home_main.jpg);
 background-repeat:no-repeat;
 background-position:top center;
 height:519px;
}

.middle.about {
 background-image:url(../images/bkgrd_pink.gif);
 background-repeat:no-repeat;
 background-position:top center;
 padding-top:5px; 
}


.submitForm {
 width:460px;
 background-color:#eef5f9;
 float:right;
 margin:70px 100px 0px 0px;
}

.submitForm input {float:left; margin-right:5px; border:1px solid #b5ac97; margin-top:2px}
.submitForm img {padding-bottom:10px}


ul.portfolio {list-style:none; width:775px; float:left; margin-left:90px; padding:0px;}
ul.portfolio li {width:173px; float:left; list-style:none; padding-right:20px; padding-bottom:20px; text-align:center;}
ul.portfolio li .overflow {width:165px; overflow:hidden; margin:0 auto}

/*nav buttons*/
a.logo span {display:none}
a.logo {
 background-image:url(../images/logo.gif);
 background-repeat:no-repeat;
 display:block;
 width:96px;
 height:96px;
 float:left;
}

a.shop span {display:none}
a.shop {
 display:block;
 background-image:url(../images/nav_shop.gif);
 width:110px;
 height:8px;
 background-position:top;
}

a.hairMakeover span {display:none}
a.hairMakeover {
 display:block;
 background-image:url(../images/nav_hairMakeover.gif);
 width:106px;
 height:8px;
 background-position:top;
}

a.colorSchool span {display:none}
a.colorSchool {
 display:block;
 background-image:url(../images/nav_colorSchool.gif);
 width:102px;
 height:8px;
 background-position:top;
}

a.clubLGC span {display:none}
a.clubLGC {
 display:block;
 background-image:url(../images/nav_clubLGC.gif);
 width:66px;
 height:8px;
 background-position:top;
}

a.navabout span {display:none}
a.navabout {
 display:block;
 background-image:url(../images/nav_about.gif);
 width:85px;
 height:8px;
 background-position:top;
}a.navabout:hover {background-position:bottom}

a.navaboutON {display:block;
 background-image:url(../images/nav_about.gif);
 width:85px;
 height:8px;
 background-position:bottom;}
a.navaboutON span {display:none}

a.press span {display:none}
a.press {
 display:block;
 background-image:url(../images/nav_press.gif);
 width:40px;
 height:8px;
 background-position:top;
}
a.press:hover {background-position:bottom;}

a.pressON {background-position:bottom; background-image:url(../images/nav_press.gif); background-repeat:no-repeat; height:8px; display:block; width:40px}
a.pressON span {display:none}

a.portfolio span {display:none}
a.portfolio {
 display:block;
 background-image:url(../images/nav_portfolio.gif);
 width:71px;
 height:8px;
 background-position:top;
}
a.portfolio:hover {background-position:bottom}

a.portfolioON {background-position:bottom; background-image:url(../images/nav_portfolio.gif); background-repeat:no-repeat; height:8px; display:block; width:71px;}
a.portfolioON span {display:none}

a.home span {display:none}
a.home {
 display:block;
 background-image:url(../images/nav_home.gif);
 width:39px;
 height:8px;
 background-position:top;
}
a.home:hover {background-position:bottom}

a.homeON {background-position:bottom; background-image:url(../images/nav_home.gif); background-repeat:no-repeat; height:8px; display:block; width:39px}
a.homeON span {display:none}

a.learnMore span {display:none}
a.learnMore {
 display:block;
 width:148px;
 height:9px;
 background-image:url(../images/btn_learnMore.gif);
 background-repeat:no-repeat;
 float:right;
 margin:225px 265px 0px 0px;
}
a.submit span {display:none}
a.submit {
 display:block;
 width:64px;
 height:21px;
 background-image:url(../images/btn_submit.gif);
 background-repeat:no-repeat;
 float:left;
}


a.seePortfolio span {display:none}
a.seePortfolio {
 display:block;
 width:140px;
 height:11px;
 background-image:url(../images/btn_seePortfolio.gif);
 background-repeat:no-repeat;
 margin:0 auto;
}


#gallery img {border:0px; height:220px}
.book {float:right; background-image:url(../images/img_book.gif); height:363px; width:282px}
.book a {display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#7b82bb; text-decoration:none; margin:335px 0px 0px 47px}

a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7b82bb; text-decoration:none}
a:hover {text-decoration:underline}

.TB_modal p 
{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f634a; line-height:24px; margin:0px; padding:0px; 
border-bottom:0px; margin-bottom:15px	
}
body {width:100%; margin:0px; padding:0px}

#wrapper {
 margin:0 auto; 
 width:950px;
}

#header, #footer, .middle {
 float:left; 
 clear:left;
 width:100%;
}
#header {padding-top:20px}
.middle {margin-top:15px;}
#footer {
 font-size:10px; 
 color:#564319;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:center;
 padding:30px 0px;
}

.nav {float:right}
ul.nav {float:right; list-style:none; margin-top:65px}
ul.nav li {float:right; padding-left:55px; list-style:none}
ul.nav li.first {padding-left:0px}

.clear {clear:both; height:1px;}
.floatClear {width:950px; clear:left;}
.hdr {padding:25px 30px 30px 30px}
.left {width:226px; float:left; padding-left:30px}
.right {width:610px; padding-left:34px; float:left; }

p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6f634a; line-height:24px; margin:0px; padding:0px 0px 25px 0px; border-bottom:1px solid #fce3ed; margin-bottom:15px}
p.quote {width:290px; padding-bottom:15px; line-height:17px}
span.pinkSubhead {color:#f0acc4; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; padding-top:5px; display:block}

.bottomBar {float:left; clear:left; width:100%; height:20px; background-image:url(../images/bottomBkgrd.gif); position:relative; top:-25px; background-repeat:no-repeat; height:134px}
.bottomBar .pinkBoxes {
 width:300px;
 margin-left:12px;
 float:left;
 height:106px;
 background-color:#fff9fb;
 margin-top:12px
}
.pinkBoxes .inner {height:106px}

.tr_pink {background-image:url(../images/tr_pink.gif); background-repeat:no-repeat; background-position:top right}
.tl_pink {background-image:url(../images/tl_pink.gif); background-repeat:no-repeat; background-position:top left}
.br_pink {background-image:url(../images/br_pink.gif); background-repeat:no-repeat; background-position:bottom right}
.bl_pink {background-image:url(../images/bl_pink.gif); background-repeat:no-repeat; background-position:bottom left}

.br_main {background-image:url(../images/br_main.gif); background-repeat:no-repeat; background-position:bottom right}
.bl_main {background-image:url(../images/bl_main.gif); background-repeat:no-repeat; background-position:bottom left}
.l_main {background-image:url(../images/dot_pink.gif); background-repeat:repeat-y; background-position:top left}
.r_main {background-image:url(../images/dot_pink.gif); background-repeat:repeat-y; background-position:top right}
.b_main {background-image:url(../images/dot_pink.gif); background-repeat:repeat-x; background-position:bottom left}

.tr_blue {background-image:url(../images/tr_blue.gif); background-repeat:no-repeat; background-position:top right; padding:20px}
.tl_blue {background-image:url(../images/tl_blue.gif); background-repeat:no-repeat; background-position:top left}
.br_blue {background-image:url(../images/br_blue.gif); background-repeat:no-repeat; background-position:bottom right}
.bl_blue {background-image:url(../images/bl_blue.gif); background-repeat:no-repeat; background-position:bottom left}


.middle.home {
 background-image:url(../images/home_main.jpg);
 background-repeat:no-repeat;
 background-position:top center;
 height:519px;
}

.middle.about {
 background-image:url(../images/bkgrd_pink.gif);
 background-repeat:no-repeat;
 background-position:top center;
 padding-top:5px; 
}


.submitForm {
 width:460px;
 background-color:#eef5f9;
 float:right;
 margin:70px 100px 0px 0px;
}

.submitForm input {float:left; margin-right:5px; border:1px solid #b5ac97; margin-top:2px}
.submitForm img {padding-bottom:10px}


ul.portfolio {list-style:none; width:775px; float:left; margin-left:90px; padding:0px;}
ul.portfolio li {width:173px; float:left; list-style:none; padding-right:20px; padding-bottom:20px; text-align:center;}
ul.portfolio li .overflow {width:165px; overflow:hidden; margin:0 auto}

/*nav buttons*/
a.logo span {display:none}
a.logo {
 background-image:url(../images/logo.gif);
 background-repeat:no-repeat;
 display:block;
 width:96px;
 height:96px;
 float:left;
}

a.shop span {display:none}
a.shop {
 display:block;
 background-image:url(../images/nav_shop.gif);
 width:110px;
 height:8px;
 background-position:top;
}

a.hairMakeover span {display:none}
a.hairMakeover {
 display:block;
 background-image:url(../images/nav_hairMakeover.gif);
 width:106px;
 height:8px;
 background-position:top;
}

a.colorSchool span {display:none}
a.colorSchool {
 display:block;
 background-image:url(../images/nav_colorSchool.gif);
 width:102px;
 height:8px;
 background-position:top;
}

a.clubLGC span {display:none}
a.clubLGC {
 display:block;
 background-image:url(../images/nav_clubLGC.gif);
 width:66px;
 height:8px;
 background-position:top;
}

a.navabout span {display:none}
a.navabout {
 display:block;
 background-image:url(../images/nav_about.gif);
 width:85px;
 height:8px;
 background-position:top;
}a.navabout:hover {background-position:bottom}

a.navaboutON {display:block;
 background-image:url(../images/nav_about.gif);
 width:85px;
 height:8px;
 background-position:bottom;}
a.navaboutON span {display:none}

a.press span {display:none}
a.press {
 display:block;
 background-image:url(../images/nav_press.gif);
 width:40px;
 height:8px;
 background-position:top;
}
a.press:hover {background-position:bottom;}

a.pressON {background-position:bottom; background-image:url(../images/nav_press.gif); background-repeat:no-repeat; height:8px; display:block; width:40px}
a.pressON span {display:none}

a.portfolio span {display:none}
a.portfolio {
 display:block;
 background-image:url(../images/nav_portfolio.gif);
 width:71px;
 height:8px;
 background-position:top;
}
a.portfolio:hover {background-position:bottom}

a.portfolioON {background-position:bottom; background-image:url(../images/nav_portfolio.gif); background-repeat:no-repeat; height:8px; display:block; width:71px;}
a.portfolioON span {display:none}

a.home span {display:none}
a.home {
 display:block;
 background-image:url(../images/nav_home.gif);
 width:39px;
 height:8px;
 background-position:top;
}
a.home:hover {background-position:bottom}

a.homeON {background-position:bottom; background-image:url(../images/nav_home.gif); background-repeat:no-repeat; height:8px; display:block; width:39px}
a.homeON span {display:none}

a.learnMore span {display:none}
a.learnMore {
 display:block;
 width:148px;
 height:9px;
 background-image:url(../images/btn_learnMore.gif);
 background-repeat:no-repeat;
 float:right;
 margin:225px 265px 0px 0px;
}
a.submit span {display:none}
a.submit {
 display:block;
 width:64px;
 height:21px;
 background-image:url(../images/btn_submit.gif);
 background-repeat:no-repeat;
 float:left;
}


a.seePortfolio span {display:none}
a.seePortfolio {
 display:block;
 width:140px;
 height:11px;
 background-image:url(../images/btn_seePortfolio.gif);
 background-repeat:no-repeat;
 margin:0 auto;
}


#gallery img {border:0px; height:220px}
.book {float:right; background-image:url(../images/img_book.gif); height:363px; width:282px}
.book a {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#7b82bb; text-decoration:none; margin:335px 0px 0px 32px}

a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7b82bb; text-decoration:none}
a:hover {text-decoration:underline}

#wrapper input {float:left; margin-right:10px; height:17px}