@charset "UTF-8";
/* CSS Document */
/* start PHP  --  16 Feb 2022*/

*{
margin:0;
padding:0;
}
 this code removes a small space that would display beneath image otherwise 
img { display: block; }

.line{
width: 70%; margin: auto
;height: 1px; background: #D29727; overflow: hidden;
}

.see-tiny {
display:none;
}

.see-big {
display: inline;
}


body {
font-family:Arial, Helvetica, sans-serif;
font-family: system-ui, sans-serif; /*native to all new computers*/
font-size:18px;
color:#000;
background-color:#f4f4f4;
}

#header {
width:100%;
background-color: #fff;
min-height:8em;
}

.sticky {
width:100%;
position: sticky;
top: 0;
background-color:#fff;
}

/*As of 2018 - 1360-29%, 1920-17%, 1600-5%, 1280-5%*/
#wrapper {
width:1024px;
width:1280px;
width:1600px;
width:1440px;
width:1920px;
width:1360px;
margin:auto;
background-color:#FFF;
min-height:20em;
border-left:#e2e2e2 thin solid;
border-right:#e2e2e2 thin solid;
}


#main {
width:100%;
min-height:4em;
background-color:#fff;

}

#main h1, #main h2, #main h3, #main h4, #main h5,
.column-half h1, .column-half h2, .column-half h3, .column-half h4, .column-half h5,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5
{
font-weight: normal;

font-family: 'andale mono', Helvetica, "sans-serif";

letter-spacing: 0.0em;
color: #9f9176;
color: #887c65;
color: #624603;
}

#main h1 {
font-size:200%;
}

#main h2 {
font-size:160%;
}

#main h3 {
font-size:140%;
}

#main h4 {
font-size:110%;
}

#main h5{
font-size:100%;
}

#maingallery{
min-height:43em;
border: #B8963E thin solid;
background-color:#000;
}

.sticky {
width:100%;
position: sticky;
top: 0;
background-color:#fff;
}






nav{
font-size:19px;
letter-spacing:0.10em;
width:100%;
height:2.0em;
font-family: 'andale mono', Helvetica, "sans-serif";
/*border-top:#284482 thin solid;
border-bottom:#284482 thin solid;*/
border-bottom:#BBBBBB thin solid;
}

/*remove bullets from ul in navbar */

nav ul{
list-style-type:none;
}

/*divide 100% (could be 90%) by the number of links to estimate the value of width: % below */
nav li{
float:left;
width:20%;
}


nav a,
nav a:link,
nav a:visited{
text-decoration:none;
color:#4f4f4f;
display:block;
text-align:center;
outline-style:none;
letter-spacing:0.10em;
line-height:2.0em;


/*border:#000 thin dotted;*//* Only to outline the menu links while designing */

}

nav a:hover,
nav a:active{

font-style: italic;
color: #000;
letter-spacing:0.10em;
}





nav .current a:link,
nav .current a:visited{
/*font-family:'Belleza', serif;*/
letter-spacing:0.10em;
/*font-weight:bold;*/

color:#706E6E;
text-decoration: underline;



}







.nav-tiny{
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
min-height:17.5em;
border-bottom:#dee9de thin solid;
}

.nav-tiny p{
text-align:center;
border-bottom:#dee9de thin solid;
}

.nav-tiny a,
.nav-tiny a:link,
.nav-tiny a:visited{
text-decoration:none;
color: #999;
display:block;
padding-left:2.0em;
padding-right:1.7em;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:2.46em;
font-weight: normal;
}


.menu-gallery
{
 width: 100%;
 min-height: 2.7em;
background-color: #fff;
}


.menutiny{
font-size:18px;
font-family: Arial, "sans-serif";
width:100%;

background-color: #fff;
border-bottom:#666 thin solid;
}

.menutiny p{
text-align:right;
/*border-bottom:#666 thin solid;*/
border-top:#666 thin solid;

}

.menutiny a,
.menutiny a:link,
.menutiny a:visited{
color: #000;
display:block;
text-align: center;
outline-style:none;
letter-spacing:0.04em;
line-height: 2em;
font-size: 150%;
font-weight: normal;
text-decoration:none;

}

.menu-fixed {
width:40px;
height:70px;
background-color:#fff;

position: fixed;
top:40px; right:0px;
border:#000 thin solid;
text-align:center;
}


.menu-fixed a{
width:100%;
text-decoration:none;
color: #fff;
display:block;
outline-style:none;
letter-spacing:0.07em;
font-size:110%;

}

.menu-fixed a:hover,
.menu-fixed a:active{
font-style:italic;
}

#main {
width:100%;
min-height:4em;
background-color:#fff;

}

.box {
width: 60%;
border: thin #000000 solid;
padding: 0.6em;
margin: auto;
}

.box a,
.box a:link,
.box a:visited{
text-decoration:none;
color:#000;
display:block;
text-align:center;
outline-style:none;



/*border:#000 thin dotted;*//* Only to outline the menu links while designing */

}

.phone a,
.phone a:link,
.phone a:visited{
text-decoration:none;
color: #fff;

outline-style:none;
letter-spacing:0.08em;
font-family: Arial, "sans-serif";
font-size: 150%;
line-height: 1.5em;


/*border:#000 thin dotted;*//* Only to outline the menu links while designing */

}

.bar-bg{
background-color:#FC3;
width:100%;
height:3em;
}

.column-full{
width:98%;
padding-left:1%;
padding-right:1%;
min-height:2em;
/*background-color:#99CCFF;*/
}

.column-half {
float:left;
padding-left:4%;
padding-right:4%;
width:40.0%;
min-height:2em;
/*background-color:#6F0;*/
}

.column-service {
float:left;
padding-left:4%;
padding-right:4%;
width:40.0%;
min-height:2em;
/*background-color:#6F0;*/
}

.column-price {
float:left;
padding-left:4%;
padding-right:4%;
width:40.0%;
min-height:2em;
/*background-color:#6F0;*/
}



.column-third {
float:left;
width:29%;
min-height:2em;
padding-left:2%;
padding-right:2%;
/*background-color:#0F9;*/
}

.column-third-header {
float:left;
width:29%;
min-height:2em;
padding-left:2%;
padding-right:2%;
/*background-color:#0F9;*/
}

.column-two-third {
float:left;
width:64.3%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#66FFFF;*/
}
.column-quarter {
float:left;
width:23%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

.column-three-quarter {
float:left;
width:73%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FFFF99;*/
}

.column-fifth {
float:left;
width:18%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #996;
}

.column-two-fifth {
float:left;
width:38%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #96C;
}

.column-three-fifth {
float:left;
width:58%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #F9C;
}

.column-sixth {
float:left;
width:14.6%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#F9C;
}

.column-seventh {
float:left;
width:12%;
min-height:2em;
padding-left:1%;
padding-right:1%;
}

.column-eight {
float:left;
width:10.5%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #CF0;
}

.column-rest{
background-color:#FC6;
overflow:hidden;
}

.column-photo1{
margin: auto;
width: 400px;
}
.column-image {
float:left;
width:60%;
min-height:28em;
margin-left: 0.5%;

}

.thumbs {
min-height:29.2em;
}

.thumbs img {
padding-left:0.6em;
padding-bottom:0.56em;

}

.stylist00 {
width: 100%;
min-height: 1em;
background-color: #000;
color: #fff;line-height: 1.5em;  font-size: 110%;
border-bottom:  medium solid #80570E;
}


.stylist0 {
width: 100%;
min-height: 1em;
background-color: #fff;
color: #000;line-height: 1.5em;  font-size: 110%;
border-bottom:  medium solid #80570E;
}

.stylist {
width: 100%;
min-height: 36em;
background-color: #ffd8a5;
color: #000;line-height: 1.5em;  font-size: 110%;
border-bottom:  medium solid #80570E;
}

.stylist1 {
width: 100%;
min-height: 36em;
background-color: #f3ebcd;
color: #000;line-height: 1.5em;  font-size: 110%;
border-bottom:  medium solid #80570E;
}

.stylist2 {
width: 100%;
min-height: 36em;
background-color: #e7c69a;
color: #000;line-height: 1.5em;  font-size: 110%;
border-bottom:  medium solid #80570E;
}

.stylist3 {
width: 100%;
min-height: 36em;
background-color: #fecb86;
color: #000;line-height: 1.5em;  font-size: 110%;
border-bottom:  medium solid #80570E;
}


.menugallery {
float:left;
width:900px;
}

/*remove bullets from ul in navbar */
.menugallery ul{
list-style-type:none;
}

.menugallery li{
text-align:center;
width:145px;
float:left;

}

.menugallery a,
.menugallery a:link,
.menugallery a:visited{
text-decoration:none;
color: #514E48;
text-align:center;
outline-style:none;

}


.menugallery a:hover,
.menugallery a:active{
color:#B8963E
}

.menugallery .current a:link,
.menugallery .current a:visited{
color: #B8963E;

}


.thumbs {
min-height:29.2em;
}

.thumbs img {
padding-left:0.6em;
padding-bottom:0.56em;

}

/* Style rules for formal, captioned figures */
 figure {
 width: 90%;
 max-width: 600px;
 clear: both;
 border: solid 1px gray;
 border-radius: 10px;
 box-shadow: 3px 3px 3px 3px silver;
 }
 figure img {
 width: 100%;
 display: block;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 }
 figcaption {
 font: 10pt/10pt Verdana, Tahoma, Sans-serif;
 padding: 2px 4px;
 text-align:right;
 }
 
 
 

#footer-pre {
width:100%;
font-size:13px;
border-top:#999 thin solid;
/*border-bottom:#999 thin solid;*/

background-color: #fff;
min-height: 5em;
color:#666;
}

#footer-pre a,
#footer-pre a:link,
#footer-pre a:visited{
text-decoration:none;
color: #666;
padding-left:0.85em;
padding-right:1.2em;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;
}

#footer-pre a:hover,
#footer-pre a:active{
color: #000;
text-decoration:underline;
}


#footer {
width:100%;
font-size:13px;
border-top:#999 thin solid;
/*border-bottom:#999 thin solid;*/
background-color: #f3ebcd;
min-height: 25em;
color:#666;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
font-size:16px;
color: #333;
padding-left:0.85em;
padding-right:1.2em;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;
}

#footer a:hover,
#footer a:active{
color: #000;
text-decoration:underline;
}

.video {
position: float;
margin-top: 100px;
height: 480px;
width: 854px;
border: 3px solid #ECECEC;
box-sizing: border-box;
}