/**

 *=========================

 *= CSS RESET - http://meyerweb.com/eric/tools/css/reset/ - MINIFIED BY http://www.minifycss.com/css-compressor/

 *=========================

 */



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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 27, 2012 */







@font-face {

    font-family: 'SteinerRegular';

    src: url('fonts/steinerlight-webfont.eot');

    src: url('fonts/steinerlight-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/steinerlight-webfont.woff') format('woff'),

         url('fonts/steinerlight-webfont.ttf') format('truetype'),

         url('fonts/steinerlight-webfont.svg#SteinerRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'MyriadProLight';

    src: url('fonts/myriadpro-light-webfont.eot');

    src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/myriadpro-light-webfont.woff') format('woff'),

         url('fonts/myriadpro-light-webfont.ttf') format('truetype'),

         url('fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'MyriadPro';

    src: url('fonts/MyriadPro-Regular.otf');

    font-weight: normal;

    font-style: normal;



}



/**

 *=========================

 *= BODY STYLES

 *=========================

 */



    body

    {

        background-image: url("bg_fixed.png");

        background-repeat: repeat-x;

    }

    h1

    {

        font-family: 'MyriadProLight', sans-serif;

        font-size: 30px;

	padding-bottom: 8px;

        line-height: 30px;
    }

    

    h2

    {

        font-family: 'Arial', sans-serif;

        font-size: 18px;

        color: #ab0534;

	line-height: 30px;

        margin: 20px auto 10px auto;

    }
    
    .clear {
        clear: both;
        height: 0px;
    }



/**

 *=========================

 *= NAV STYLES

 *=========================

 */

    #navigation

    {

	margin-top: 12px;

        width: 960px;

        height: 40px;

        color: #000000;

        font-size: 18px;

        font-family: MyriadProLight, sans-serif;

    }

    

    #navigation a

    {

        color: #000000;

        text-decoration: none;

        margin-top: 10px;

        display: block;

    }

  

    #nav_ul

    {

        width: auto;

        height: 100%;

        margin: 0px 0px;

    }

    

    #nav_ul li

    {

	margin: 0 30px 10px 5px;

        float: right;

        width: auto;

        height: 100%;

    }

    

    #sub_nav_ul

    {

	position: absolute;

	width: 260px;

        height: 143px;

	left: -999em;

        background-image: url("submen-bg.png");
        
        margin-left: -30px;

    }

    

    #sub_nav_ul li

    {

	width: 100%;

        height: 25px;

        margin: 5px -30px;

	line-height: 30px;

    }



    #nav_ul li:hover ul

    {

	left: auto;

        margin-top: 11px;

    }

    

    #sub_nav_ul li:hover

    {

        background-image: none;

    }

    

    #nav_ul a:hover

    {

        color: #ab0534;

    }

    

        .active

    {

        background-image: url("nav_bg.png");

        background-repeat: no-repeat;

        background-position: top center;

    }

/**

 *=========================

 *= CONTENT STYLES

 *=========================

 */

    /**

     * page bg styles

     */

    

    #bg_one

    {

	background: url('content-bg.png') center top repeat-y;
        float: left;
        width: 100%;
    }

    

    #bg_two

    {

	background: url('content-footer.png') center bottom no-repeat;

        width: 100%;

        height: 18px;

        margin: -1px auto;
        float: left;


    }

    

    #bg_three

    {

	background: url('content-header.png') center top no-repeat;

        width: 100%;

        height: 18px;

                float: left;

    }

    #bg_container

    {

        width: 975px;

        height: 100%;

    }

    

    #bg_color

    {

	width: 100%;

	height: 100%;

	background-color: #f3f3f3;

    }



    #container

    {

        width: 996px;

        height: auto;

        margin: 0 auto;

	z-index: -1; 

    }

    

    #heading

    {

        width: 960px;

        height: 140px;

        clear: both;
        float: left;

    }

    

    #logo

    {

        margin: 15px 60px;

        width:200px;

        height: 95px;

        float: left;

    }

    

    #slogan

    {

        color: #5D011B;

        margin-top: 56px;

        margin-left: 120px;

        width: auto;

        height: 150px;

        font-size: 25px;

        font-family: 'SteinerRegular', sans-serif;

        float: left;

    }

    

    #call

    {

        font-size: 16px;

        font-family: 'MyriadPro', sans-serif;

        margin: 0px 0px 0px 320px;

        float: left;

	color: black;

    }

    

    #about_nav_buttons

    {

        width: 535px;

        height: 25px;

        float: right;

        margin: -105px 23px;

    }

    

    #about_nav_ul

    {

        width: 100%;

        height: 100%;
        
        margin-top: 2px;

    }

    

    #about_nav_ul li

    {

        height: 25px;

        text-align: center;

        float: left;

        padding-top: 10px;

        margin:9px 0px 0 5px;

        -moz-box-shadow: 0 0 2px #333;

        -webkit-box-shadow: 0 0 2px #333;

        box-shadow: 0 0 2px #333;

        background-image: url("about_nav_bg_fixed.png");

    }

    

    #about_nav_ul a

    {

        font-family: "MyriadPro", sans-serif;

        color: white;

        text-decoration: none;

    }

    

    #about_nav_ul a:hover

    {

	color: #ec5a83;

    }

    

    .sub_nav_current

    {

	color: #ec5a83;

    }

    

    #gallery_nav_buttons

    {

        width: 500px;

        height: 25px;

        float: right;

        margin: -102px -20px;

        cursor:pointer;
    }

    

    #gallery_nav_ul

    {

        width: 100%;
        margin-top: 2px;
        height: 100%;

    }

    

    #gallery_nav_ul li

    {

        height: 25px;

        text-align: center;

        float: left;

        padding-top: 10px;

        margin: 5px 0px 0px 5px;

        -moz-box-shadow: 0 0 2px #333;

        -webkit-box-shadow: 0 0 2px #333;

        box-shadow: 0 0 2px #333;

        background-image: url("about_nav_bg_fixed.png");
        cursor:pointer;

    }

    

    #gallery_nav_ul a

    {

        font-family: "MyriadPro", sans-serif;

        color: white;

        text-decoration: none;

        cursor:pointer;
    }

    

    #gallery_nav_ul a:hover

    {

        color: #ec5a83;

    }

    

    /*#about_text_right, #about_text_left
    {

        font-family: "Arial", sans-serif;

        margin: 0px 40px 10px 40px;

        font-size: 14px;

        float: left;    
        
        width: 40%;

    }*/
    
    #about_text
    {
        font-family: "Arial", sans-serif;

        margin: 0px 40px 10px 40px;

        font-size: 14px;  
        
        width: 450px;
    }

    #waiheke_text
    {

        font-family: "Arial", sans-serif;

        margin: 0px 40px 10px 40px;

        font-size: 14px;

        width: 490px;
        
        height: 285px;

    }
    
    #wedding_text

    {

        font-family: "Arial", sans-serif;

        margin: 0 40px;

        font-size: 14px;

        width: 490px;

    }
    
    

    #gallery_womens

    {

        font-family: "Arial", sans-serif;

        margin: 0px 40px 40px 40px;

        font-size: 16px;

	height: 600px;

    }    


    #gallery

    {

        font-family: "Arial", sans-serif;

        margin: 0px 40px 40px 40px;

        font-size: 16px;

	height: 300px;

    } 
    

    .gallery_picture

    {

        width: 219px;

        height: 219px;

	background-image: url("gallery-bg.png");

        float: left;

        margin: 50px 0 0 0;

	color: black;

	text-align: center;

    }
    
    .gallery_picture a
    {
        color: black;
        text-decoration: none;
    }
    
    .gallery_picture a:visited
    {
        color: black;
    }
    
    .gallery_picture a:hover
    {
        color: #AB0533;
    }

    .gallery_picture span
    {
        float: left;
        clear: both;
        display: block;
        margin: -25px 28px;
        width: 150px;
        color: black;
    }
    
    .gallery_picture span:hover
    {
        color: #AB0533;
    }

    #waiheke_picture
    {
        clear: both;
        float: right;
        margin: -295px 40px;
        
    }
    #waiheke_picture img
    {
        float: right;
        border: 3px solid #c3c3c3;
    }
    
    .gallery_picture
    {
        text-align: center;
        text-decoration: none;
        float: left;
        cursor:pointer;
    }
    
    .gallery_img_landscape
    {
        margin: 35px 10px;
        width: 185px;
        height: 120px;
        float: left;
        cursor:pointer;
    }
    
    .gallery_img_portrait
    {
        width: 120px;
        height: 185px;
        float: left;
        margin: 10px 43px;
        cursor:pointer;
    }
    #about_text p, #waiheke_text p, #wedding_text p

    {

	line-height: 20px;

        margin: 18px auto 18px auto;

    }


    #wedding_picture

    {


        width: 222px;

        height: 327px;
        
        margin: -450px 40px;
        
        float: right;

    }

    #wedding_picture img
    {
        float: right;
        margin-top: 12px;
        border: 3px solid #c3c3c3;
    }

    #phoe_hair_btn

    {

        width: 230px;
        cursor:pointer;

    }

    

    #waih_isla_btn

    {

        width: 190px;
        cursor:pointer;

    }

    

    #loca_btn

    {

        width: 100px;
        cursor:pointer;

    }

    

    #wedding_style_btn

    {

        width: 150px;
        cursor:pointer;

    }

    

    #womens_style_btn

    {

        width: 150px;
        cursor:pointer;

    }

    

    #mens_style_btn

    {

        width: 150px;
        cursor:pointer;

    }





    #banner_div

    {

        width: 960px;

        height: auto;

        margin: 0px auto 30px auto;

/*        -moz-box-shadow: 0 0 10px #888;

        -webkit-box-shadow: 0 0 10px #888;

        box-shadow: 0 0 10px #888;*/

/*	background-image: url("cont_big.png");

	background-position: top;

	background-repeat: no-repeat;*/

    position: relative;
        clear: both;
        padding-top: 30px;

    }


    #about_banner_div

    {

        width: 975px;

        height: 405px;

        margin: 40px auto 0px auto;

        clear: both;

    }

    

    #pricing_banner_div

    {

        width: 955px;

        height: 843px;

        margin: 0 auto;

	background-color: white;

/*	background-image: url("pricing_bg.png");

	background-repeat: no-repeat;*/

        clear: both;

    }

    

    

    #pricing_info

    {

        width: 880px;

        height: 750px;

        margin: 0 40px;

    }

    

    #location_div

    {

	width: 880px;

        height: 460px;

        margin: 0 40px;

    }

    #column-left{
        width:45%;
        float:left;
    }


    #column-right{
        width:45%;
        float:left;
        margin-left:35px;
    }

    #column-left ul, #column-right ul{

        font-family: 'Arial',sans-serif;

        line-height: 24px;

        width: 350px;

        float: left;

        margin: -10px 80px 30px 0;

        text-indent: 10px;
    }

    .clear{
        clear:both;
    }

    .pricing_ul

    {

	font-family: 'Arial',sans-serif;

        line-height: 24px;

	width: 350px;

	height: 250px;

	float: left;

	margin: -10px 80px 30px 0;

        text-indent: 10px;

    }
    
    .pricing_ul li
    {
        height: 25px;
    }

    .pricing_ul2

    {

    font-family: 'Arial',sans-serif;

        line-height: 24px;

    width: 350px;

    /*height: 250px;*/

    float: left;

    margin: -10px 80px 30px 0;

        text-indent: 10px;

    }
    
    .pricing_ul2 li
    {
        height: 25px;
    }

    .list_left
    {
        float: left;
    }

    #email_div
    {
        display: block;
        float: left;
    }
    
    #perm

    {

	height: 75px;
        margin-top: 20px;

    }

    

    #cuts

    {

	margin-top: 150px;

    }

    

    .price

    {

        float: right;

        margin-right: 10px;

    }

    

/**    .pricing_ul li:nth-child(even)
*
*   {
*
*	background-color: #edebdd;
*
*   }
*/
    .pricing_li_bg

    {

	background-color: #edebdd;
        float: left;
        width: 100%;

    }

    .address

    {

	float: left;

	margin-bottom: 10px;

    }

        

    #temp_banner_pic

    {

        width: 867px;

        height: 383px;

        margin: 0 auto;

        border: 1px solid #999;
        position: relative;

    }

    #banner_text

    {

        font-family: 'MyriadProLight', sans-serif;

        font-size: 18px;

        width: 150px;

	z-index: 9999;

	position: absolute;
        bottom: 20px;
        right: 50px;
        text-decoration: none;
    }

    
    .normal_span
    {
        color: white;
        display: block;
        width: 100%;
    }
    
    #location_text

    {

	float: left;
        width: 490px;
	line-height: 20px;

    }

    

    #location_text h2

    {

	margin: 10px 0px 0px 0px;

    }

    

    #location_text li, #location_text span

    {

	font-family: 'Arial',sans-serif;

    }

    

    #location_text li

    {

	width: 250px;

    }

    

    #banner_text a

    { 
	color: white;
        text-decoration: none;
    }


    #banner_text_big

    {
	color: white;
        text-decoration: none;
        font-size: 42px;

    }
    #span_mens
    {
        color: #909090;
        text-decoration: none;
        float: left;
        display: block;
        width: 200px;
        margin-left: 38px;
    }
    #banner_text_mens

    {
        color: #909090;
        font-size: 42px;
        clear: left;
        text-decoration: none;
        display: block;
        width: 200px;
        margin-left: 30px;
        
    }

    #banner_text img

    {

	margin: 0 0 0 65px;

    }

    

    #about_find_us

    {


	clear: both;

	width: 550px;

	margin: 0 0 0 40px;
        

    }

    

    #about_find_us a

    {

	text-align: center;

	color: white;

	text-decoration: none;

	font-family: 'MyriadPro',sans-serif;

	font-size: 16px;

	width: 198px;

	height: 26px;

	padding-top: 10px;

	background-image: url("find_us_bg.png");

        -moz-box-shadow: 0 0 5px #888;

        -webkit-box-shadow: 0 0 5px #888;

        box-shadow: 0 0 5px #888;

	display: inline-block;

    }

    

    #about_find_us a:hover

    {

	color: #ec5a83;

    }

    #pricing_find_us a:hover
    {
        color: #ec5a83;
    }

    #about_find_us span

    {

	font-family: 'Arial',sans-serif;

	font-size: 16px;

	margin-left: 40px;

    }

    

    

    #pricing_find_us

    {

	float: left;

	width: 550px;

	margin: -250px 0 0 475px;

    }

    

    #pricing_find_us a

    {

	text-align: center;

	color: white;

	text-decoration: none;

	font-family: 'MyriadPro',sans-serif;

	font-size: 16px;

	width: 198px;

	height: 26px;

	padding-top: 10px;

	background-image: url("find_us_bg.png");

        -moz-box-shadow: 0 0 5px #888;

        -webkit-box-shadow: 0 0 5px #888;

        box-shadow: 0 0 5px #888;

	display: inline-block;
        
        margin-top: 18px;

    }

    

    #pricing_find_us span

    {

	font-family: 'Arial',sans-serif;

	font-size: 16px;

	margin-left: 40px;

    }

 

    #pricing_find_us2 a:hover
    {
        color: #ec5a83;
    }



    

    

    #pricing_find_us2

    {

    /*float: left;*/

    width: 550px;

    margin-top: 500px;

    /*margin: -250px 0 0 475px;*/

    }

    

    #pricing_find_us2 a

    {

    text-align: center;

    color: white;

    text-decoration: none;

    font-family: 'MyriadPro',sans-serif;

    font-size: 16px;

    width: 198px;

    height: 26px;

    padding-top: 10px;

    background-image: url("find_us_bg.png");

        -moz-box-shadow: 0 0 5px #888;

        -webkit-box-shadow: 0 0 5px #888;

        box-shadow: 0 0 5px #888;

    display: inline-block;
        
        margin-top: 18px;

    }

    

    #pricing_find_us2 span

    {

    font-family: 'Arial',sans-serif;

    font-size: 16px;

    /*margin-left: 40px;*/

    }



    

    #map_canvas

    {

	float: left;
        margin-left: 35px;


    }

    

    #hours_top

    {

	margin-left: 15px;

    }

    

    #hours_bottom

    {

	margin-left: 69px;

    }

    

    #hours_list li

    {

	width: auto;

    }

/**

 *=========================

 *= FOOTER STYLES

 *=========================

 */



    #footer

    {

        width: 100%;

        height: 215px;

        float: left;

        margin: 20px 0 0 0;

        font-family: 'MyriadPro', sans-serif;

	background-color: #dbd8bd;

	border-top: 1px solid black;

	line-height: 20px;

    }

    

    #foot_cont

    {

	width: 960px;

	margin: auto;

    }

    

    #footer_img_map

    {

        float: left;

	margin-top: -12px;

    }

    

    #footer h3

    {

	font-family: 'MyriadPro', sans-serif;

        color: #AB0533;

        font-size: 20px;

        margin-bottom: 10px;

    }

    

    .footer_list

    {

        float: left;

        margin-top: 75px;

        margin-left: 35px;

    }

    

    .footer_ul a

    {

        color: black;

        text-decoration: none;

        font-size: 16px;

	font-family: 'Arial',sans-serif;

    }

    

    .footer_ul a:hover

    {

        color: #AB0533;

    }

    

    #copy

    {

	width: 960px;

	height: 20px;

	margin: 5px auto 0 auto;

	text-align: right;

        overflow: hidden;
        padding-top: 5px;
	clear: bottom;

    }

    

    

    #copy_text

    {

	font-family: 'Arial',sans-serif;

	font-size: 11px;

	color: #bcbcbc;

    }

    

    #copy_text a

    {

	text-decoration: none;

	color: #bcbcbc;

    }

    

    #copy_text a:hover

    {

	text-decoration: none;

	color: #ab0534;

    }

    #click_to_enlarge
    {
        color: #909090;
        font-size: 11px;
    }
    
    #about_us_img
    {
        float: right;
        margin: -440px 40px 0 0;
        border: 3px solid #c3c3c3;
    }