/*
Design by Bruce Keller

*/
/* ----------------------------------------------------------------------- */
/*                                   general                               */


body {
        margin: 0;
        padding: 0;
/*        background: url(images/mockup-blueprint.png) no-repeat top left;  */
        background: #B8D6CB;

        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #441D00;
}

.container {
        background-image: url(images/body_longbars_bk.png);
        background-repeat: repeat-y;
}

h1 {
        color: #8c8c72;
}

h2 {
        color: #FE3BD3;
}

h6 {
        color: #8c8c72;
        font-size:1.2em;
}

h3 {
        color:#5B739E;
}

h5 {
/*        color:#8AB6B8;    */
/*        color: #00a99d;    */
/*        color: #7D092A;     */
/*        color:#ab9172;    */
        color: #5B739E;
       font-size:1.5em;
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.pink {
        background:#FE3BD3;
        padding-left: 250px;
}

.nounder {
        text-decoration: none;

}

blockquote {
       color: #990000;
}

em {
        color: #84AB87;
}

.redcolor {
        color: #FE3BD3;
}

.blackcolor {
        color: #000000;
}

hr.space {background:#84AB87;color:#84AB87;}

hr.leftcol_botspace {
        padding-bottom: 50px;

}

/* ----------------------------------------------------------------------- */
/*                              Go Green layer/div                         */

.igo_green, .igo_green a {

        margin: 0px;

        padding: 0px;

        width: 64px;

        height: 40px;

        background-image: url(images/iv_green.png);

        display: block;

        position: fixed;

        top: 0px;

        right: 0px;

z-index:15;

}

/* ----------------------------------------------------------------------- */
/*                              div layers                                 */

#header {

padding-bottom:10px;
/*background: #eee; */
 background: #262626 url(images/bottom-trans.png) no-repeat bottom right;

}

.mens {

        background-image: url(images/middle_mens_bg.png);


}

.leftside {
       width:230px;
        float:left;



}
.bottom_top {

/* ----        background-image: url(images/salon_bottom.png);     ----- */
        width:692px;

        float:left;
        margin-right:10px;

}

.mailinglist_left {


        width:230px;

        padding-top:10px;
        float:left;

        color: #000;
}


.bottom_left {

        background-image: url(images/bottom_bg.png);
        width:334px;
        padding-left:10px;
        padding-top:10px;
        float:left;
        margin-right:2px;
        color: #000;
}



.bottom_right {

        background-image: url(images/bottom_bg.png);
        width:336px;
         padding-left:10px;
         padding-top:10px;
        float:left;
        margin-right:0;
        color: #ffffff;


}

.myquote
{
        font-style: normal;
        padding-top: 15px;
        padding-left: 30px;
/*        padding: 10 0 0 0;  */
        color: #000;
        background-image: url('images/quote.png') .5em top no-repeat;
}


.meta         {color: #000; font-size: .8em; line-height: 1.875em; font-family: Georgia;}
.meta a {color: #ccc; }
.meta a:hover{color: #000; }

.more {
text-align:right;
padding-top: 8px;
}
.more a {
color: #fff;
background:#CF5A06;

}

/* ----------------------------------------------------------------------- */
/*                              image list styling                           */

#image_list img {
border: solid #000000 .2em;
}

/* ----------------------------------------------------------------------- */
/*                               XML style additions                        */

.xmlpadding {
  padding-left: 20px;

}

.contactus {
 width:650px;
 height:500px;
 padding-left: 30px;
 background:#B8D6CB url(images/contact_back.gif) no-repeat;

}

.mapcareers {

 width:692px;
 height:500px;

}




/* ----------------------------------------------------------------------- */
/*       this section is selected by theme switcher                         */
/*       Un-comment this when theme swithcer is removed                         */


div.img_container {
  border-left: 4px;
  border-right: 4px;
  border-color: #666;

   background-image: url(images/dark_grunge_bg.jpg);
   background-repeat: repeat-y;
/*  background: #6E7063 url(images/bgpaperdark.jpg) repeat-y;   */
/*    background-color: #6E7063 ;          */
  padding-left: 10px;
  }



div.spacer {
  clear: both;
  }

  div.image_filler {
  clear: both;
  padding-bottom: 1100px;
  }

 div.float {
  float: left;
  padding: 15px;
  }

div.float p {
   text-align: center;
   }




ul.imagelist li {
display:inline;
/*background-color: #666;
/* border:1px solid;
border-color:#f3f3f3 #bbb #bbb #f3f3f3; */
margin:0;
padding: 1.2em;
zoom: 1;
}
ul.imagelist li a span.title {
    float: left;
    color: #990000;
    font-size: .9em;
    padding:.9em;
    clear:right;
  }





/* ---------- gallery styles start here ----------------------- */
.gallery {
        list-style: none;
        margin: 0;
        padding: 0;
}
.gallery li {
        margin: 15px;
        padding: 0;
        float: left;
        position: relative;
        width: 150px;
        height: 210px;
}
.gallery img {
        background: #fff;
        border: solid 1px #ccc;
        padding: 4px;
}
.gallery span {
        width: 77px;
        height: 27px;
        display: block;
        position: absolute;
        top: -12px;
        left: 40px;
        background: url(images/tape.png) no-repeat;
}
.gallery a {
        text-decoration: none;
        color: #84AB87;
}

.gallery  a:hover {
text-decoration: none;
color: #f3f3f3;
}

/* ---------- gallery for Logo styles start here ----------------------- */
.gallery-logo {
        list-style: none;
        margin: 0;
        padding: 0 0 0 45px;
}
.gallery-logo li {
        margin: 15px;
        padding: 0;
        float: left;
        position: relative;
        width: 300px;
        height: 210px;
}
.gallery-logo img {
        background: #fff;
        border: solid 1px #ccc;
        padding: 4px;
}
.gallery-logo span {
        width: 77px;
        height: 27px;
        display: block;
        position: absolute;
        top: -12px;
        left: 40px;
        background: url(images/tape.png) no-repeat;
}
.gallery-logo a {
        text-decoration: none;
        color: #84AB87;
}

.gallery-logo  a:hover {
text-decoration: none;
color: #f3f3f3;
}

/* ------------------------------------------------------------------------------------------------- */
/* ---------- gallery for Logo and Tattoo Height variations styles start here ----------------------- */
.gallery-height {
        list-style: none;
        margin: 0;
        padding: 0;
}
.gallery-height li {
        margin: 15px;
        padding: 0 0 0 45px;
        float: left;
        position: relative;
        width: 300px;
        height: 425px;
}
.gallery-height img {
        background: #fff;
        border: solid 1px #ccc;
        padding: 4px;
}
.gallery-height span {
        width: 77px;
        height: 27px;
        display: block;
        position: absolute;
        top: -12px;
        left: 40px;
        background: url(images/tape.png) no-repeat;
}
.gallery-height a {
        text-decoration: none;
        color: #84AB87;
}

.gallery-height  a:hover {
text-decoration: none;
color: #f3f3f3;
}


/* ----------------------------------------------------------------------- */
/*                              link list styling                           */

ul.mylinks li {
padding:1em;


}

ul.mylinks {
list-style-image: url('images/tickmark.png')
}

.mylinks a {
text-decoration: none;
color: #84AB87;
}

.mylinks a:hover {
text-decoration: none;
color: #f3f3f3;
}



/* ----------------------------------------------------------------------- */
/*                               Recognition                                */

.recopadding {
        padding-left: 45px;
        padding-top: 45px;
}




/* ----------------------------------------------------------------------- */
/*                style for Projects - Orders - success                    */

.projects {
        padding-left: 45px;
        padding-top: 45px;
}

.projects a {
text-decoration: none;
color: #84AB87;
}

.projects a:hover {
text-decoration: none;
color: #f3f3f3;
}

/* ----------------------------------------------------------------------- */
/*                              copyright/footer                           */


#footer {
background-image: url(images/footer_bgx50.png);

background-repeat: repeat-x;


/* background: url(images/footer_bk-2.jpg)repeat-x; */
/** background: #68ad8d;  **/
font-size: 11px;
color: #fff;
margin: 0;
text-align: center;
/* padding: 4px 0 5px;   */
/** border-style: solid;
border-width: .1em;
border-right: 0;
border-left: 0;  **/


/* border-color: #369B00;  */
}
#footer a {
text-decoration: none;
color: #441D00;
}

#footer a:hover {
        color: #FF00FF;
}



/* #footer {
        width: 760px;
        margin: 0 auto;
        padding: 20px 0;

          background: #656565;
        border-top: 10px solid #45392B;
}


#footer p {
        margin: 0;
        line-height: normal;
        font-size: .9em;
}

#footer a {
        color: #45392B;
}



/* ----------------------------------------------------------------------- */
/*                  styles for BUY NOW-ADD TO CART pages                    */

#cart {

        padding: 20px 5px 10px 20px;

}
#cart p {
 color: #d4cdb3;
 text-align: left;
 font-size: 1em;
}
#cart a {
 text-decoration: none;
 color: #00a99d;
}

#cart a:hover {
 text-decoration: none;
 color: #369B00;;
}

#cart ul {
list-style-image: url('images/link_bullet-2.jpg')
}

#cart li {

/*background-color: #666;
/* border:1px solid;
border-color:#f3f3f3 #bbb #bbb #f3f3f3; */
margin:0;
padding: .8em;
/*zoom: 1;  */
}



/* ----------------------------------------------------------------------- */
/*                               fixed Divs                                */
#fix_top {
        position: fixed;
        width: 100%;
        height: 15%;
        top: 0;
        right: 0;
        bottom: auto;
        left: 430px;
        z-index:11;
      }
      #fix_left {
        position: fixed;
        width: 10em;
        height: 15%;
        top: 0;
        right: auto;
        bottom: 100px;
        left: 200px;
      }
      #fix_main {
        position: absolute;
        width: auto;
        height: auto;
        top: 60px;
        right: 0;
        bottom: 100px;
        left: 430px;
      }
      #fix_bottom

     {
        position: fixed;
        width: 100%;
        height: 10%;
        top: auto;
        right: 0;
        bottom: 0;
        left: 430px;
      }

.salon_links {

        padding: 20px 5px 10px 20px;

}
.salon_links p {
 color: #d4cdb3;
 text-align: left;
 font-size: 1em;
}
.salon_links a {
 text-decoration: none;
 color: #00a99d;
}

.salon_links a:hover {
 text-decoration: none;
 color: #369B00;;
}

.salon_links ul {
margin-bottom: 2.5em;
    line-height: 1.9em;
list-style-image: url('images/arrow-2.png')
}

.salon_links li {
        color: #441D00;

/*background-color: #666;
/* border:1px solid;
border-color:#f3f3f3 #bbb #bbb #f3f3f3; */
margin:0;
padding: .8em;
/*zoom: 1;  */
}

.right_border {

        background: url(images/rightside_border.png)no-repeat;

}