/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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,
b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body{ color:#505050; font:normal 14px Arial, Helvetica, sans-serif; background:#f2f2ec url(../images/bodybg2.jpg) repeat-x 0 0}
body.home {background:#f2f2ec url(../images/bodybg.jpg) repeat-x 0 0;}

.wrapper{ width:941px; margin:0 auto}

/* fonts */
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/pt_sans-web-regular-webfont.eot');
    src: url('../fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-web-regular-webfont.woff') format('woff'),
         url('../fonts/pt_sans-web-regular-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alluraregular';
    src: url('../fonts/allura-regular-webfont.eot');
    src: url('../fonts/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allura-regular-webfont.woff') format('woff'),
         url('../fonts/allura-regular-webfont.ttf') format('truetype'),
         url('../fonts/allura-regular-webfont.svg#alluraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* general */
.main, .header, .header ul li, .header ul li a, .header_graphic,
.header_graphic_img, .home_content, .footer, .content_wrapper, .content,
.treatments_left, .treatments_right,
.treatments_left ul, .treatments_left ul li, .treatments_right ul, .treatments_right ul li,
.gallery_list, .gallery_list li,
.gallery_list li .column_l, .gallery_list li .column_m, .gallery_list li .column_r,
.contact_l, .contact_r, .input-txt, .contact_l .actions, .header_graphic_img a{ float:left}

.fl{ float:left;}
.fr{ float:right}
.cl{ clear:both; height:0; overflow:hidden}

.main{ width:941px;}

p{ padding:0 0 15px}

/* header */
.header{ width:941px; height:146px; position:relative}
.header .logo{ position:absolute; left:0; top:30px}
.header_r{ width:560px; float:right; padding:30px 0 0}
p.callus{ color:#393939; font:normal 30px 'pt_sansregular'; letter-spacing:-1px; text-align:right; margin:0; padding:0 0 15px}
.header ul{ height:47px; display:inline-block; float:right; background:url(../images/menubg.jpg) repeat-x 0 0}
.header ul li{ height:47px; list-style-type:none; background:url(../images/menudivider.jpg) no-repeat 100% 0;
font:normal 22px 'bebas_neueregular'}
.header ul li a{ color:#fff; text-decoration:none; height:37px; display:block; padding:10px 29px 0; transition: color 0.5s ease; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease;}
.header ul li a:hover{ color:#393939}
.header ul li.first a{ padding-left:20px}
.header ul li.last{ background:none}
.header ul li.last a{ padding-right:15px}
.menucurve_r{ width:15px; height:45px; float:right; background:url(../images/menucurve_r.png) no-repeat 100% 0}
.menucurve_l{ width:15px; height:45px; float:right; background:url(../images/menucurve_l.png) no-repeat 100% 0}


/* main header graphic */
.header_graphic, .pagettl_wrapper{ width:906px; height:335px; padding:18px 18px 18px 17px; margin:0 0 30px; background-color:#f3f2eb; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;
box-shadow:1px 2px 2px #b5b4b0; -webkit-box-shadow:1px 2px 2px #b5b4b0; -moz-box-shadow:1px 2px 2px #b5b4b0; -o-box-shadow:1px 2px 2px #b5b4b0; behavior: url(pie/PIE.htc); position:relative}
.header_graphic_img, .pagettl{ width:530px; padding:30px 0 0 374px; height:303px; border:1px solid #e1e4ce; background:#fff url(../images/img_header.jpg) no-repeat 0 0}
.header_graphic_img h1{ color:#ef7e92; font:normal 35px 'alluraregular'; padding:0 0 10px; margin:0}
.header_graphic_img ul li{ color:#7b7b7b; font:normal 22px 'bebas_neueregular'; padding:0 0 5px}
.header_graphic_img a{ width:260px; height:32px; padding:7px 0 0 0; margin:10px 0 0; background:url(../images/btnbg.png) no-repeat 0 0; text-align:center; color:#fff; font:normal 22px 'bebas_neueregular'; text-decoration:none}
.header_graphic_img a:hover{ background-position:0 100%}

/* home content */
.home_content{ width:591px; padding:0 325px 20px 25px; background:url(../images/img_artist.png) no-repeat 100% 100%}

/* footer */
.footer{ width:941px; padding:30px 0 0; background:url(../images/footer_shadow.png) no-repeat 50% 0; color:#252525; font:normal 12px Arial, Helvetica, sans-serif; position:relative; top:-17px}
.footer .links{ width:35%; float:right; text-align:right}
.footer .copyright{ width:60%; float:left; padding:0 0 0 25px}
.footer a{color:#252525; text-decoration:none; transition: color 0.5s ease; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease;}
.footer a:hover{ color:#ef7e92}

/* inner pages */
.content_wrapper{ width:941px; padding:10px 0 0}
.pagettl_wrapper{ height:auto;}
.pagettl{ height:auto; background-image:none; width:869px; padding:5px 15px 5px 20px; color:#ef7e92; font:normal 35px 'alluraregular'; }
.content{ width:924px; padding:0 0 180px 17px; background:url(../images/img_artist.png) no-repeat 100% 100%}
.treatments_left{ width:425px; margin:0 50px 0 0}
.treatments_right{ width:430px;}

.treatments_left h3, .treatments_right h3{ color:#505050; font:bold 14px Arial, Helvetica, sans-serif; padding:0 0 5px; margin:0}
.treatments_left p, .treatments_right p{ line-height:18px; padding:0 0 3px}
.treatments_left ul, .treatments_right ul{ width:100%; padding:0 0 20px}
.treatments_left ul li, .treatments_right ul li{ width:100%; background:url(../images/dotted_ln.gif) repeat-x 0 100%; margin:0 0 5px; font-style:italic}
.treatments_left ul li .treatment_price, .treatments_right ul li .treatment_price{ display:inline-block; float:right; background-color:#f2f2ec; text-align:right; padding:0 0 0 10px;}
.treatments_left ul li .treatment_name, .treatments_right ul li .treatment_name{ display:inline-block; float:left; background-color:#f2f2ec; text-align:left; padding:0 5px 0 0 }

.gallery_list{ width:100%}
.gallery_list li{ width:100%; padding:0 0 20px}
.gallery_list li h3{ padding:5px 0 10px}
.gallery_list li .column_l{ width:290px; padding:0 30px 0 0}
.gallery_list li .column_m, .gallery_list li .column_m img{ width:287px; margin:0 20px 0 0; text-align:center}
.gallery_list li .column_m img{ margin:0}
.gallery_list li .column_r, .gallery_list li .column_r img{ width:291px; text-align:center}
.gallery_list li .column_m img, .gallery_list li .column_r img{ padding:0 0 7px}


.contact_l{ width:390px; margin:0 50px 0 0}
.contact_l p.contact_details{ height:65px}
.contact_r{ width:458px; padding:0 0 50px}
.contact_r h3{ height:50px; color:#ef7e92; font:normal 35px 'alluraregular'; padding:15px 0 0; margin:0 0 15px}
.input-txt, .input-txt2{ font:normal 14px Arial, Helvetica, sans-serif}
.input-txt{ background-color:#fff; width:90%; border:0; padding:5px; border:1px solid #e8eada; margin:0 0 5px; color:#949494;}
.input-txt2{ background-color:#fff; width:90%; border:0; padding:5px; border:1px solid #e8eada; margin:0 0 5px; color:#949494;}
.btnsubmit{ width:136px; height:31px; float:right; background:url(../images/btnsubmit.png) no-repeat 0 0;
color:#fff; border:0; text-transform:uppercase; font:normal 20px 'bebas_neueregular'; cursor:pointer}
.btnsubmit:hover{ background-position:0 100%}
.contact_l .actions{ width:90%; padding:5px}
