/*



Theme Name:			Elevation Hair

Theme URI:			http://www.elevationhair.com.au

Description: 		Since opening the doors 17 years ago in Sydney's inner-city suburb of Glebe, Elevation Hair has redefined creativity and excellence in hair cutting, styling and colouring for both men and women.

Author: 			Phillip Peet

Author URI: 		http://www.philbossdesign.com.au

Version: 			1.0



*/



@font-face {

    font-family: 'EurostileRegular';

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

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

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

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

         url('fonts/eurosti-webfont.svg#EurostileRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



*{margin:0; padding:0; outline:0}

body{background:url(images/background.jpg) no-repeat top center; color:#FFF; font-family:'EurostileRegular',Arial, Helvetica, sans-serif}

h1{font-size:22px; font-weight:normal}

h2{font-size:18px; color:#fff; font-weight:normal; width:290px; border-bottom: 1px solid #fff; margin:0 0 10px}

h3{font-size:20px; font-weight:normal}

h4{font-size:18px; font-weight:normal; text-transform:uppercase}

p{line-height:20px; padding:0 0 20px; font-size:14px}

.tab_content{padding:0 0 100px}
.tab_content p{margin:20px 0}



#container{width:960px; margin:120px auto 0}

.logo{background:url(images/elevation-hair-logo.png) no-repeat top left; width:286px; height:40px; float:right; display:block; text-indent:-9999px; margin:0 0 10px}



#bar{width:960px; height:35px; background-color:#000; position:relative; clear:both; margin:0 0 20px}



#content{width:960px; clear:both}

#left{width:650px; float:left; position:relative}

#right{width:300px; float:right; position:relative; margin:0}

.pricing-content{width:460px !important}

.pricing-content h2{width:460px !important}



#frame{background:url(images/frame.png) no-repeat top left; width:650px; height:470px}

.pricing{width:475px !important}

.pricing-right{width:440px !important; height:300px; overflow-y:scroll; overflow-x:hidden}

#frame .slider-wrapper{padding:20px}

.info {float: right; margin-right:10px}
.info ul{list-style:none}
.info ul li{float:left}
.info ul li a{color:#FFF; padding:0 5px 0 25px; display:block; text-decoration:none; font-size:14px; line-height:33px; height:35px; margin:0 1px 0 0}
.info ul li a.instagram{background: url("http://www.elevationhair.com.au/wp-content/uploads/2016/06/instagram-1.png") no-repeat scroll left center}
.info ul li a.address{background: url("http://www.elevationhair.com.au/wp-content/uploads/2016/06/address.png") no-repeat scroll left center; padding:0 5px 0 20px}
.info ul li a.phone{background: url("http://www.elevationhair.com.au/wp-content/uploads/2016/06/phone.png") no-repeat scroll left center}

.menu-main-menu-container{float:left}

ul#menu-main-menu{list-style:none; margin:0 0 0 20px}

ul#menu-main-menu li{float:left}

ul#menu-main-menu li a{color:#FFF; padding:0 10px; display:block; text-decoration:none; font-size:14px; line-height:33px; height:35px; margin:0 1px 0 0}

ul#menu-main-menu li a:hover, ul#menu-main-menu li.current-menu-item a{background:#333}



.footer{color:#CCC; text-align:left}

.footer p{font-size:12px; height:35px; line-height:33px; padding:0 0 0 45px}

.footer a{color:#FFF; text-decoration:none}

.footer a:hover{text-decoration:underline}



ul.tabs{list-style:none}

ul.services{height:80px}

ul.products{height:40px; margin:-15px 0 0}

ul.tabs li{float:left}



ul.services li a{height:80px; width:54px; padding:0 4px 0 0; display:block; text-indent:-9999px}

ul.products li a{height:40px; width:54px; padding:0 4px 0 0; display:block; text-indent:-9999px}



ul.tabs li#g a{width:80px}

ul.tabs li#e a{width:48px}

ul.tabs li#r a{width:55px}

ul.tabs li#p a{width:90px}



.tab_container{clear:both}



.hair{background:url(images/icon-hair.png) no-repeat center left}

.colour{background:url(images/icon-colour.png) no-repeat center left}

.styling{background:url(images/icon-styling.png) no-repeat center left}

.treatment{background:url(images/icon-treatment.png) no-repeat center left}

.extension{background:url(images/icon-extension.png) no-repeat center left}



ul.tabs li.active .hair{background:url(images/icon-hair-over.png) no-repeat center left}

ul.tabs li.active .colour{background:url(images/icon-colour-over.png) no-repeat center left}

ul.tabs li.active .styling{background:url(images/icon-styling-over.png) no-repeat center left}

ul.tabs li.active .treatment{background:url(images/icon-treatment-over.png) no-repeat center left}

ul.tabs li.active .extension{background:url(images/icon-extension-over.png) no-repeat center left}



.greatlengths{background:url(images/logo-greatlengths.png) no-repeat center center}

.evo{background:url(images/logo-evo.png) no-repeat center center}

.redken{background:url(images/logo-redken.png) no-repeat center center}

.pureology{background:url(images/logo-pureology.png) no-repeat center center}



ul.tabs li.active .evo{background:url(images/logo-evo-over.png) no-repeat center center}

ul.tabs li.active .redken{background:url(images/logo-redken-over.png) no-repeat center center}

ul.tabs li.active .pureology{background:url(images/logo-pureology-over.png) no-repeat center center}



.contact h2{padding:15px 0 0}



.download{background:url(images/download-price-list.png) top left no-repeat; width:150px; height:40px; display:block; float:right; text-indent:-9999px; margin:-25px 0 0}

#right .salon {
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: #fff;
    display: block;
    margin: -5px 0 0;
    padding: 0 0 10px;
    text-align: center;
    text-decoration: none;
}
#right .salon img {
    margin: -5px 0 0;
}