/* 

CABELO SALON 

Header Font: QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif;
Secondary Header Font: RegencyScriptFLFRegular,QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif;
Secondary Text: Verdana,Arial,Sans-Serif;

BROWN: color="#291801" or 291801 or rgba(41,24,1,0.75)
BG (flesh): color="#dec4a1"
BG of BOX (lighter than BG flesh): color="#f4e5d1"
PINK (used in flowers bg, selected NAV): color="#cb785b"
RED (used in CABELO C): color="#b92c15"
SUPER DARK RED (used in BG for pages w/o picture BG): color="#3e1e18"

*/
@font-face {
	font-family: 'QuicksandLight';
	src: url('/global/fonts/Quicksand_Light.eot');
	src: local('Quicksand Light'), local('QuicksandLight-Regular'), url('/global/fonts/Quicksand_Light.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandLightOblique';
	src: url('/global/fonts/Quicksand_Light_Oblique.eot');
	src: local('Quicksand Light Oblique'), local('QuicksandLightOblique-Regular'), url('/global/fonts/Quicksand_Light_Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('/global/fonts/Quicksand_Book.eot');
	src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('/global/fonts/Quicksand_Book.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBookOblique';
	src: url('/global/fonts/Quicksand_Book_Oblique.eot');
	src: local('Quicksand Book Oblique'), local('QuicksandBookOblique-Regular'), url('/global/fonts/Quicksand_Book_Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('/global/fonts/Quicksand_Bold.eot');
	src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('/global/fonts/Quicksand_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBoldOblique';
	src: url('/global/fonts/Quicksand_Bold_Oblique.eot');
	src: local('Quicksand Bold Oblique'), local('QuicksandBoldOblique-Regular'), url('/global/fonts/Quicksand_Bold_Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'RegencyScriptFLFRegular';
	src: url('/global/fonts/RegencyScriptFLF.eot');
	src: local('RegencyScriptFLF'), local('RegencyScriptFLF'), url('/global/fonts/RegencyScriptFLF.woff') format('woff'), url('/global/fonts/RegencyScriptFLF.ttf') format('truetype'), url('/global/fonts/RegencyScriptFLF.svg#RegencyScriptFLF') format('svg');
}


/* Normalize elements between browsers */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ol,ul { list-style-type: none; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }


/* =BASIC LAYOUT=============================================================================================== */

html 
{
 font: 62.5% Verdana,arial,sans-serif;
}

body
{
 background: #dec4a1 url(/global/images/background-flowers.gif) 50% 130px scroll no-repeat;
 font-size: 2em;
 line-height: 1.4em;
}
body.opera { font-size: 1.6em; }

a:link { color: #DEC4A1; }
a:visited { color: #9F170C; }

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.ar { text-align: justify; }

em { font-style: italic; }
p.fine { font-variant: small-caps; font-size: 0.8em; }

.hide { display: none; }

#wrapper
{
 margin: 0 auto;
 display: block;
 width: 720px;
}
#burst { background: url(/global/images/whiteburst.png) no-repeat scroll center 0px; }

#header { position: relative; padding-top: 20px; }

#topheader
{
background-color: #f4e5d1;
background: rgba(244, 229, 209, 0.55);
width: auto;
border: solid 3px #b92c15;
padding: 5px 10px;
position: absolute;
top: 60px;
right: 0;
text-align: center;
}
#topheader > p + span.tel { 
font: 2em "QuicksandBold";
color: #b92c15;
}
#topheader > p { font: 1.4em/1.3em QuicksandLight; }
#topheader > p + span + p { font: 0.65em verdana,arial,sans-serif; color: #333; }
#topheader > p + span + p + p { font: 0.8em/1.5em verdana,arial,sans-serif; }

#glpp { position: absolute; top: 0; right: 0; }

span.amp
{
font-style: normal;
}

#wrap,#navigation,#topheader
{
-moz-box-shadow: rgba(0,0,0,0.3) 0 2px 10px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 2px 10px;
box-shadow: rgba(0,0,0,0.3) 0 2px 10px;
}

h1 { 
font: 1.2em QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif; 
text-shadow: rgba(0,0,0,0.25) 0 2px 2px;
}

/* =SELFCLEAR================== */

.c:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.c
{
display: inline-block; /* IE 7 */
}

.c
{
display: block;
}

* html .c
{
height: 1px; /* IE < 7 */
}

/* =FORMS========================= */

form
{
padding: 10px;
}

div.ctrlHolder label
{
 display: block;
 font-style: italic;
}
div.ctrlHolder input,
div.ctrlHolder select,
div.ctrlHolder textarea
{
 font: normal normal 1em Georgia,serif;
}
/* #content is to raise specificity */
#content div.ctrlHolder.checkbox input { width: auto; }

div.buttonHolder { margin-top: 1em; }
div.buttonHolder input,
div.buttonHolder button
{
 padding: 10px 20px;
 font: 2em QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif;
}

html #content div.ctrlHolder .multi input { width: auto; display: inline; }
html #content div.ctrlHolder .multi label { width: auto; display: inline; }

/* =CONTENT========================= */

#wrap 
{
 background: #fff;
 background-color: rgba(255,255,255,0.7);
 padding: 15px;
}

#content p, #content li, #content td
{
text-shadow: rgba(0, 0, 0, .3) 0 1px 1px;
}

#content
{
 position: relative;
padding: 12px;
font: 0.8em/1.5em verdana,helvetica,sans-serif;
background: #3e1e18 url(/global/images/background-inside.gif) bottom right no-repeat;
color: #fff;
}
#content h1,#content h2,#content h3,#content h4,
#content h5, #content h6,#content p,#content ul,
#content ol,#content dd,#content table
{
 padding: 3px 12px;
}

#content h1
{
 font: 1.6em  QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif;
text-align: center;
border-bottom: dotted 1px #fff;
letter-spacing: 5px;
padding-bottom: 7px;
margin: 7px;
}

#content h2
{
 font: 2.8em/0.8em RegencyScriptFLFRegular,arial,serif;
/* font: 1.4em QuicksandBoldOblique,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif; */
 text-align: center;
 margin: 0.25em 0;
 color: #E92C15;
 text-shadow: rgba(0,0,0,0.25) 0 2px 2px;
}
#content h3 
{ 
 font: 2.6em/0.6em RegencyScriptFLFRegular,arial,serif;
 text-align: center;
 color: #E92C15; 
 margin-bottom: .5em;
 font-weight: normal;
 text-shadow: rgba(0,0,0,0.25) 0 2px 2px;
}

#content p 
{
 margin-bottom: 1em;
}

#content a
{
 font-weight: bold;
 font-style: italic;
}

#content strong { font-weight: bold; }

#content li { margin-bottom: .75em; }

#content img { padding: .25em; }

#content dt { font-weight: bold; }
#content dd { margin-bottom: .75em; }


#content p a:hover,#content p a:active, 
#content dd a:hover,#content dd a:active, 
#footer a:hover,#footer a:active 
{ 
 color: #fff;
}
body.ie #content p a:hover,#content body.ie p a:active
{
 background-color: #B92C15;
}

#content blockquote
{
 font: bold italic 1em/1.5em georgia,serif;
}
/*#content blockquote:before,
#content blockquote:after { content: '"'; }*/

#content cite
{
 display: block;
 font: 3em "ScriptinaRegular","zapfino",serif;
 line-height: 1.3em;
 color: #006;
}
#content cite span
{
font: 0.25em georgia,serif;
color: #999;
}

/* =NAVIGATION======================= */

#navigation
{
 text-align: center;
 margin: 1em 0;
 background-color: #fff;
 background: rgba(255,255,255,0.7);
 padding: 0 0 0 15px;
 height: 40px;
 line-height: 40px;
 position: relative;
}

#navigation li 
{
 display: block;
 height: 40px; 
 float: left;
 margin: 0 0;
 padding: 0;
}

#navigation a
{
 font: 0.8em/40px QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif;
 margin: 0 0;
 color: #000;
 display: block;
 height: 40px;
 padding: 0 4px;
 margin: 0 2px 1px;
 text-shadow: rgba(0, 0, 0, .3) 0 1px 2px;
 text-decoration: none;
}

#navigation #facebook a:hover { background: transparent none; }
#facebook img { padding-top: 10px; }

#navigation a:hover
{
 background: #b92c15 url(/global/images/background-inside.gif) no-repeat scroll 55% 95%;
 color: #fff;
}

#navigation li.active a
{
 background: #b92c15 url(/global/images/background-inside.gif) no-repeat scroll 55% 95%;
 color: #fff;
}

/* =FOOTER=========================== */

#footer 
{
 margin: .5em 0 1em 0;
 padding: 4em 0 0 0;
 background: url(/global/images/cabelo-products.jpg) no-repeat center 0;
 clear: both;
 font: 0.9em/1.3em QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif;
}
#footer .adr,
#footer .adr+.tel,
#footer .adr+.tel+div
{
 display: block;
 font: 0.8em/3em QuicksandBook,Bitstream Vera Sans,BonvenoCF,Comfortaa,DejaVu Sans,Arial,sans-serif;
}
#footer .adr .type { display: none; }

#copyright, #webmaster
{
 display: block;
 text-align: center;
 font-weight: bold;
 margin: .5em 0 0 0;
}
#webmaster
{
 font-size: 0.8em;
}
#copyright { font-size: 0.8em; line-height: 1em; }

#footer ul
{
 width: 100%;
 clear: both;
}

#footer li
{
 display: block;
 float: left;
 width: 110px;
 text-align: left;
 font: 0.6em verdana,arial,sans-serif;
}
#footer .fr { float: right; width: 137px; }
#footer .col1 { width: 180px; }
#footer a { color: #6F4030; }
#footer a:active,#footer a:visited,#footer a:hover { background: transparent; padding: 0; margin: 0; text-shadow: none; color: #000; }

#footer div.vcard {
 clear: both;
 text-align: center;
}
#footer .adr *
{
 display: inline; 
 margin-left: 0.5em;
}

/* hide unnecessary v-card stuff */
.vcard .country-name, .vcard .type { display: none; }

#browsers
{
text-align: center;
font-size: .5em;
font-weight: bold;
}
#browsers span { display: block; margin: 0; padding: 0; }
#browsers p { font-weight: normal; margin: 0 0 2em 0; padding: 0; line-height: 1em; }

/* =LIGHTBOX==== */

#lightbox-image-details-caption
{
 font: 30px georgia,serif;
}
#lightbox-image-details-currentNumber
{
 font: 20px georgia,serif;
}

/* =PAGES================================== */

#index #content
{ 
height: 440px;
background: #fff url(/global/images/store-front.jpg) 0 0 no-repeat;
}
#index #content h1
{
background-color: #291801;
background: rgba(41,24,1,0.75);
border-bottom: 0;
margin: 0;
padding: 12px 12px;
position: absolute;
bottom: 0px;
left: 0;
width: 667px;
font-size: 1.3em;
letter-spacing: 0;

}

/* =OUR-FAMILY */

#our-family h1 { font-size: 3em; letter-spacing: 10px; }
#our-family h3 { font: 1em Verdana,Arial,Sans-Serif; }
#our-family #content .bio { display: none; text-align: left; }
#our-family #content li { float: left; text-align: center; margin: 0; padding: 0; width: 107px; }
#our-family #content li img,
#our-family #content li .img
 { border: solid 5px #dec4a1; padding: 0; margin: 15px 13px 5px 11px; width: 75px; height: 132px; display: block; background-color: #b92c15; color: #fff; font: 0.8em/132px georgia,sans-serif; }
#our-family #content li h3 { color: #fff; }

#our-family #reception { width: 120px; position: absolute; right: 23px; }
#our-family #stylists li:last-child { display: block; margin-top: 40px; }
#our-family #nail-technicians { width: 360px; position: absolute; top: 600px; left: 333px; }
#our-family #assistants { width: 360px; }

/* =OUR-FAMILY DETAIL */

#our-family-person h1 { font-size: 3em; }
#our-family-person #content img { float: right; margin: 0; padding: 5px 0 0 15px; }

/* =HAIR */

#hair #content
{
background: #fff url(/global/images/store-hairstation-dark.jpg) 0 0 no-repeat;
color: #fff;
height: 439px;
}
#hair #content h1 { font-size: 2em; }
#hair #content ul { margin: 0 0; padding: 0 12px; }
#hair #content li { line-height: 0.8em; }

#hair-design
{
 position: absolute;
 top: 105px;
 right: 0px;
 width: 400px;
}
#coloring h2,#hair-design h2,#additional-services h2 { text-align: left; }
#coloring { width: 250px; }
#coloring em { font-size: 0.8em; display: block; margin: 5px 0 0 15px; }
#additional-services { width: 240px; }
#additional-services+p { position: absolute; left: 500px; top: 180px; width: 220px; }
#additional-services+p+p
{ 
 position: absolute; bottom: 5px; right: 0; width: 375px; 
 font: small-caps 1.0em/1em verdana,helvetica,sans-serif;
 text-transform: lowercase;
}

/* =MASSAGE */

#massage h1 { font-size: 2.6em; }
#massage #content
{ 
height: 440px;
background: #fff url(/global/images/store-wash-product-dark.jpg) 0 0 no-repeat;
background-color: rgba(255,255,255,0.90);
color: #fff;
position: relative;
font-size: 0.9em;
}
#massage #swedish-massage,
#massage #sports-massage,
#massage #therapeutic-massage,
#massage #hot-stone-massage
 { width: 299px; height: 200px; position: absolute; padding-right: 15px; }

#massage #therapeutic-massage { top: 90px; left: 30px; /*border-right: dotted 1px #fff;*/ }
#massage #sports-massage { top: 90px; right: 30px; padding: 0 0 0 15px; }
#massage #swedish-massage { top: 289px; left: 30px; /*border-right: dotted 1px #fff; */height: 110px; /*border-top: dotted 1px #fff; */ padding: 15px 15px 0 0; }
#massage #hot-stone-massage { top: 289px; right: 30px; /*border-top: dotted 1px #fff; */padding: 15px 0 0 15px; }



/* =NAILS */

#nails #content
{
background: #fff url(/global/images/store-nailstation-dark.jpg) 0 0 no-repeat;
color: #fff;
height: 439px;
}
#nails #content h1 { font-size: 3em; }
#nails #content li { line-height: 1.5em; }
#nails #natural-nails { width: 220px; }
#nails h2 { text-align: left; }
#nails #acrylics { width: 200px; position: absolute; top: 87px; left: 220px; }
#nails #manicures-pedicures { width: 300px; position: absolute; top: 87px; left: 410px; }


/* =SKIN-CARE */

#skin-care h1 { font-size: 3em; }
#skin-care #facials { width: 450px; }
#skin-care #facial-addons { width: 450px; }
#skin-care #waxing { position: absolute; right: 30px; top: 85px; border-left: dotted 1px #fff; }


/* =DIRECTIONS */

#directions h1 { font-size: 1.75em; }
#directions strong { font-size: 1.2em; }
#directions #map { width: 640px; height: 400px; border: 0; margin: 1em 12px; }


/* =CONTACT */

#contactUs h1 { font-size: 2.5em; }
#contactUs div.ctrlHolder input,
#contactUs div.ctrlHolder select,
#contactUs div.ctrlHolder textarea,
#webmasterpage div.ctrlHolder input,
#webmasterpage div.ctrlHolder select,
#webmasterpage div.ctrlHolder textarea
{
 width: 640px;
 font-size: 2em;
}

#contactUs form, #webmasterpage form
{
 width: 640px;
}

#guestloyalty #networking-businesses 
{
background: #fff;
margin: auto auto;
}
#guestloyalty #networking-businesses img { vertical-align: middle; }