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

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }


body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
p{ margin-top: .5em; margin-bottom: .3em; }

.clear{ clear:both;}
.left { float: left;}
.right { float: right;}

body, html{background-color:#FFF;color:#5A5155;font: .8em/1.5 Verdana, Arial, sans-serif;text-align: center;}
body{background:url(images/body_inner_background.jpg) top left repeat-x;}
a {color: #1A449D;text-decoration: none;}
a:hover{color:#E10052;text-decoration:underline;}
p{line-height:1.5;}
img.center{margin: 0 auto;text-align: center;display: block;}

#wrapper{ position:relative; top:0; width:100%;}
#banner { background-color:#99CCFF; border: 1px solid #CCCCCC; margin: 10px; padding: 3px; font-size:16px; font:Arial, Helvetica, sans-serif; text-align:center; }
#header { position:relative; top: 0; left: 0; height: 85px; margin:0 auto; width:1000px; text-align:left;}
#header h1 { background: url(../images/header_title.gif) top left no-repeat; height: 77px; width: 244px; display: block; cursor: pointer; position:relative; top: 0px; left: 30px}
#header h1 span { display: none;}

#smallNav { position: absolute; top:10px; right:70px;}
#smallNav a {color:#ddc1cd; text-decoration:underline}
#smallNav a:hover {color:#ffffff;}
#smallNav li{

	
	text-align:center;
	float: left;
	padding-right: 10px;
	
}

#global_nav{

	position:absolute;
	top:47px;
	left:300px;
	height:40px;
	font-size:1.2em;
	font-weight: bold;

}

#global_nav	li{

	display: inline;
	text-align:center;
	float: left;
	
}


#global_nav	li a.selected{

	color: #f4b5cd;
	height:40px;
	padding:0;
	margin-left:18px;
	display:block;
	background: url(images/main_nav_arrow.jpg) no-repeat center 24px;
	border-top: 3px solid #b73d5c;
}

#global_nav	li a{

	color: #E1E1E1;
	height:40px;
	padding:0;
	margin-left:18px;
	display:block;
	background: url(images/main_nav_arrow.jpg) no-repeat center 24px;
	border-top: 3px solid #5a5155;
}



#global_nav li a:hover{ text-decoration: none; border-top: 3px solid #f863a1; color: #FFF;}

#subhead{ position:relative; top:0; left:0px; height:201px; background: transparent url(images/inner_subhead_bg.jpg) top left no-repeat; margin:0 auto; width:1000px; text-align:left; margin-bottom: 20px; }
	
#subhead_wrapper { position:relative; width: 100%; padding-left: 50px; padding-top: 20px;}
#subhead h2 { width: 484px; padding-left: 9px; color: #e10052; font-size: 22pt; font-weight: bold; text-transform:uppercase; line-height: 1.2em;}
#subhead h2 span { font-size: 10pt;  line-height: 1em; font-weight: normal;}
#subhead p{ padding-left: 9px; width: 45%; padding-bottom: 5px; padding-top:10px; font-size:12px;}
#subhead a { padding-left: 9px; text-decoration: underline; color: #0b06cf; font-size: 13pt; }

#maincontentwrapper{ position:relative; top:0; left:0; width:960px; margin: 0 auto; background: url(../images/subhead_swirls.jpg) right top transparent no-repeat; padding-top: 15px; border-bottom: #dddadc 1px solid;
}
#maincontentwrapper h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size:15pt; text-align: center; padding-bottom: 15px; width: 550px;}

#maincontentwrapper h5{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #5a5156; font-size:15pt; text-align: left; padding-left: 10px; padding-bottom: 15px; padding-top: 15px; width: 600px;}

#maincontentwrapper h6{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #830a11; font-size:10pt; text-align: left; padding-top: 10px; padding-bottom: 10px; width: 550px;}

#mainContent{
	position:relative;
	top:0;
	left:0;
	text-align:left;
	width:560px;
	float: left;
	background: transparent url(../images/main_content_bg2.jpg) top no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
}

#mainContent li {color: #464646; font-size: 9pt; line-height:25px;}
#mainContent p {color: #464646; font-size: 8pt;}
#mainContent p.quotie{ font-weight: bold; background:url(../images/heart.jpg) transparent 0 0 no-repeat; padding-left: 35px;  padding-top: 5px; height: 35px;}
#mainContent p.quotie2{ font size: 8px; font-weight:normal; background:url(../images/heart.jpg) transparent 0 0 no-repeat; padding-left: 35px;  padding-top: 5px;}
#mainContent img{ padding-right: 10px;}



#sideLogos { position:relative; float: left; width: 270px; margin-right: 0px; text-align:center;}

.sideItem { float: left; margin-left:15px;}
.sideItem a {color:#339966;}
.sideItem a:hover {}




#sideContent { position:relative; float: right; width: 290px; margin-top: 8px; margin-right: 25px; margin-bottom: 25px;}

#profile { padding-left: 5px; padding-top: 5px;}

#sideLinks { position: relative; text-align: left; padding-left: 25px; padding-right: 15px; padding-bottom: 10px; }
#sideLinks .linkItem { padding-bottom: 1em; height: 60px}
.linkItem img{ float:left; padding-right: 7px; }
.linkItem h3 { font-weight: bold; font-size: 9pt; padding-top: 0; line-height: 1em;}
.linkItem h3 a{ color: #464646; }
.linkItem h3 a:hover{ color: #606060; text-decoration: none;}
.linkItem p{ font-size: 7pt; line-height: 1.3em;}

div#vcard { padding: 5px; width: 260px; height: 155px;}
#vcard h3{ background: #f293b6; color:#FFFFFF; font-size:16px; padding: 5px; margin-bottom: 10px; font-weight: bold;}

#vcard span.org { color: #6b6b6b; border-right: #6b6b6b 1px solid; font-size: 12px; font-weight:bold; text-align: left; padding-right: 8px; }
#vcard span.num { color: #6b6b6b; font-size:12px; padding-left: 5px; }
#addr { margin-top: 10px; width: 40%; line-height: 1.2em; color: #6b6b6b; text-align: left; padding-left: 12px; }
#vcard ul.links { font-size:12px; margin-top: 10px; padding-left: 10px; }
#vcard li { background:url(../images/arrow_pink2.png) no-repeat; padding-left: 23px; padding-top: 2px; padding-right: 8px; float:left;}
#vcard li a{ color:#861544; text-decoration:underline;}
#vcard li a:hover { color:#df0051;}


#footerwrapper { position: relative;}
#footer{ position:relative; top:0; left:0; height:150px; margin:0 auto; width:930px; text-align:left; padding-top: 10px; padding-bottom: 10px; background:transparent url(images/inner_footer_bg.jpg) top left no-repeat;}
#footer #decoration { position: absolute; top: -100px; left: -70px; z-index: 10;}

#footer ul{ font-weight:bold; position:absolute; top: 13px; right: 0; font-size:9px;}
#footer li{ float: left; border-right: #828282 1px solid; padding: 0 5px; }
#footer li.last { border: none;}
#footer li a{ size: 10px; color: #f863a1;}
#footer li a:hover { color: #f863a1;}
	
	
	
/* SERVICES */

body#services h4 { color:#2c2c2c; font-weight: bold; font-size:10pt;}
body#services #mainContent p{ color: #f34689; padding: 5px 0; font-size: 10pt}
body#services p span {color: #12768e;}
body#services #mainContent .method { font-weight: bold; font-size: 8pt;} 
body#services .small { font-size: 8pt; font-weight: normal; font-style:italic;}
	
	
/* PACKAGES */

div.package { padding-top: 15px; position:relative; margin-bottom: 10px; border-top: #CCCCCC solid 1px; height: 120px;}
.package img { float: left;}	
.package img.action { }
.package img.read_more { position:relative; left: 300px;}
.package h3 { color: #f13262; font-size: 12pt; font-weight: bold; line-height: 1em;}
body#packages div.package p { color: #000000; font-size: 8pt; line-height: 1.5em; padding-bottom: 10px;}

div.packageInfo { width: 100%; margin-top: 15px; border-left: #CCCCCC 1px solid; padding-left: 15px; padding-bottom: 50px; margin-bottom: 50px;}
.packageInfo h4 { font-size: 10pt; font-weight: bold; padding-bottom: .3em;}
.packageInfo img { float: left;}	
.packageInfo img.action { }
.packageInfo img.read_more { position:relative; left: 300px;}
.packageInfo h3 { color: #f13262; font-size: 12pt; font-weight: bold; line-height: 1em; padding-bottom: 18px;}
body#packagesInfo div.packageInfo p { color: #c1a1ab; font-size: 8pt; line-height: 1.5em; padding-bottom: 10px;}

/* LIST */

div.list { padding-top: 15px; position:relative; margin-bottom: 10px; height: 300px;}
	
.package h3 { color: #f13262; font-size: 12pt; font-weight: bold; line-height: 1em;}
div.list p {color: #000000; font-size: 15pt; line-height: 1.5em; padding-bottom: 10px; position:relative;}
	
/* HAIRCARE */	

#haircare {width 400px; background-color:#CCFFFF; margin-top: 35px; padding:5px;}
	
/* METHODS */

div.methodtop { width: 500px; padding-top: 15px; position:relative; margin-bottom: 40px; border-top: #CCCCCC solid 1px;}
div.method { padding-top: 15px; position:relative; margin-bottom: 40px; border-top: #CCCCCC solid 1px;}

div.methodInfo { margin-top: 15px; margin-bottom: 20px;}
div.methodInfo img.action{ padding: 0; position:relative; left: 392px;}
.methodInfo_content {  background-color: #5a5155; padding: 4px; color:#FFFFFF; }
body#methods .methodInfo_content h3 { font-size: 10pt; font-weight: bold; padding-top: 5px; padding-bottom: 10px;}
body#methods .methodInfo_content p { color:#FFFFFF; width: 75%; line-height: 1.8em;}
.methodInfo_content img { float:left; }


body#methods .method img.icon { float: left; padding-right: 0; margin-right: 13px;}
.method a img.icon { border: #333333 4px solid;}
.method a:hover img.icon, .method a.selected img.icon{ border: #f13061 4px solid;}
.method h3 { color: #f13262; font-size: 12pt; font-weight: bold; line-height: 1em;}
body#methods div.method p { color: #000000; font-size: 8pt; line-height: 1.3em; padding-bottom: 1em;}


/* GETTING STARTED */


body#howitworks #mainContent p { font-size: 10pt; padding-top: 15px;}



/* Gallery */

body#gallery #mainContent .entry{ padding: 10px 0;}

body#gallery #mainContent h3 { font-size: 11pt; color: #e10052; font-weight: bold; width: 130px; float:left; line-height: 1.2em;}
body#gallery #mainContent h3 span { font-weight: normal; color:#000000;}
body#gallery #mainContent img { float: left;}

body#gallery #mainContent #entry_nav { position: relative; width: 410px; height: 50px; padding-top: 20px; font-size: 11pt; text-decoration: underline; margin-left: 100px; color: #FF33FF;}
body#gallery #mainContent #entry_nav a{ color: #FF33FF; }
body#gallery #mainContent #entry_nav a:hover {}
#entry_nav #prev{ position:absolute; left: 0;}
#entry_nav #next { position:absolute; right: 0;}