@charset "utf-8";
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
                                   CSS File for [ TheStudioHairSalon.com All Rights Reserved. ]
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  @Author - (Innovative Studios Senior Web Developer [www.Innovative-Studios.com])
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* IE 6 and < DO NOT SUPPORT !important */

/*
When styling fonts with CSS you may be doing this:
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;

There's no need though as you can use this CSS shorthand property:
font: 1em/1.5em bold italic small-caps verdana,serif;
*/

/*-------------------------------- PAGE BODY STYLES ------------------------------------------*/
body, html, div, span, h1, h2, h3, h4, h5, h6 {
margin:                  0;
padding:                 0;
text-align:              left;
}
body {
color:                   #fff;
text-align:              center;
font:                    100% "Lucida Sans", Verdana, Arial, sans-serif; /* default font (unless overriden otherwise) */
}
body, html { 
/* IE and Mozilla based browsers require that both the HTML 
and BODY tag have the height set to 100% for this technique to work. Don’t ask me why, I just work here. */
height:                  100%;
background:              #333;
}
/*-------------------------------- HREF LINK STYLES ------------------------------------------*/
a, a:active, a:visited {
color:                   #000;
}
a, a:active, a:visited, .lightLink, .darkLink {
text-decoration:         none;
color:                   #D22670;
padding:                 0em .2em;
border-bottom:           1px dotted #B55175;
}
a:hover {
background:              #ffc;
}
a:hover, .lightLink:hover, .darkLink:hover {

}
a.frame {
background:none !important;
border: none !important;
}
a.frame:hover {
}
a.frame img {
border:10px solid #fff;
}
a.frame img:hover {
border:10px solid #ffe;
}
a.lightLink {

}
a.lightLink:hover {

}
.darkLink {
background:none !important;

}
.darkLink:hover {
background:none !important;
}
.darkLink, #subHeader a, a.buttonLink, #footer a {
color: #E6A6C1;
}
#subHeader a {
font:                    90% Arial, sans-serif bold;
/* display:block; Mozilla */
/* width: 100%; will put margin around parent li for some reason */

/* uplevel */
border: none;
width: auto;
height: auto;
padding: .5em 1.3em 1.75em;
}
#subHeader a:hover {
color:                   #ffe;
background:              transparent url('/global/ui/sub_nav_a_bg.jpg') bottom center no-repeat;
}
a.buttonLink {
border: 2px solid #000;
display:block;
background: #000 url('/global/ui/a_buttonLink_bg.jpg') repeat-x bottom;
font: italic 200%/2em georgia, serif bold;
width:25%;
text-align:center;
margin: 1em 5% 1em 0;
}
a.buttonLink:hover {
color:                   #ffe;
background: #000 url('/global/ui/a_buttonLink_bg.jpg') repeat-x bottom;
}
#footer li a {
font:                    90% Arial, sans-serif bold;
/* display:block; Mozilla */
/* width: 100%; will put margin around parent li for some reason */

/* uplevel */
background: transparent url('/global/ui/footer_nav_bg.jpg') top repeat-x;
width: auto;
padding: 50px 2em 0;
border:none !important;
}
#footer li a:hover {
color:                   #ffe;
background:              transparent url('/global/ui/footer_nav_a_bg.jpg') top center no-repeat;
}
#footer li a.selected {
color:#fff;
cursor: default;
background: transparent url('/global/ui/footer_nav_a_bg.jpg') top center no-repeat;
}
/*-------------------------------- HEADERS AND LABELS ------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
width:                   auto;
margin:                  0;
padding:                 0;
font-family:             "Lucida Sans", Verdana, Arial, sans-serif; /* default font (unless overriden otherwise) */
font:                    160% "Arial Narrow", Arial, sans-serif;
font:                    italic 170% georgia, serif bold;
letter-spacing: .3em;
}
h1#hdrMain {
font-weight:             bold;
font-size:               200%;
background:              #000;
}
h2 {
color:                   #A4446A;
padding-left:            1em;
}
h3 {
letter-spacing:          -.01em;
color:                   #961B4F;
margin:                  1em .2em .5em 1em;
padding:                 1.2em 0 .2em 60px;
background:              transparent url('/global/ui/h3_bg.jpg') center left no-repeat;
}
h4 {
letter-spacing:          -.01em;
color:                   #6E2A43;
padding:                 0 0 0 34px;
background:              transparent url('/global/ui/h4_bg.jpg') center left no-repeat;
}

/* --------------------------------- VARIOUS LIST STYLES ------------------------------------- */
ul {
height: auto;
margin: 0;
padding: 0;
position: relative;
}
#subHeader ul {
list-style: none;
width: auto;


/* uplevel */
padding-left: 100px;
background: transparent url('/global/ui/sub_nav_arrow.jpg') top left;
background-repeat: no-repeat;
height:2.7em;
}
#subHeader li {
/* display:block; will get rid of bullets in mozilla if visible */

height: auto;

/* uplevel */
display:inline;
position: relative;
}
#footer ul {
list-style: none;
width: 99.99%;
font-weight:bold;

/* uplevel */
background: #000 url('/global/ui/footer_nav_bg.jpg') top repeat-x;
/*height:2.7em;*/
height: auto;
float:left;
}
#footer li {
/* display:block; will get rid of bullets in mozilla if visible */

/* uplevel */
display:block;
float:left;
padding: 48px 0 0;
}
ul#homePhotoset {
list-style:none;background:black;
}
ul#homePhotoset li {
width:40%;display:block;padding:3%;float:left;background:transparent;
}
ul#homePhotoset a {
background:#fff;
border:1px solid #555;
display:block;
}
ul#homePhotoset img {
margin:.4em auto !important;
}
/* --------------------------------- FORM ELEMENTS STYLES ------------------------------------- */
fieldset {
background:#fff;
margin: 2em;
padding: 1.5em .1em;
border:none !important;
}
legend {
letter-spacing:          -.01em;
font-weight:bold;
font-size:200%;
color:                   #6E2A43;
padding:                 0 0 0 34px;
background:              transparent url('/global/ui/h4_bg.jpg') center left no-repeat;
}
.textbox {
border-left:none;
border-top:none;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
padding:.3em .5em;
color: #8D194B;
font:                    italic 170%/1.6em georgia, serif bold;
height:1.6em;
width:80%;
background: #ffe url('/global/ui/input_text_bg.jpg') top left no-repeat;
}
label {
display:block;
margin: 1em .2em 0;
padding:0;
font:                     italic 130%/1.6em georgia, serif bold;
}
.button {
background: #000 url('/global/ui/a_buttonLink_bg.jpg') repeat-x bottom;
font: italic 130%/2em georgia, serif bold;
text-align:center;
color: #ffe;
}
/* --------------------------------- PARAGRAPH STYLES ------------------------------------- */
p {
color:#961B4F;
margin:0;
position:                relative;
padding:                 .4em 1em 1em; 
font:                    95%/1.5em Arial, sans-serif; /* default font (unless overriden otherwise) */
}
#footer p {
background:none;
color: #fff;
}
/* --------------------------------- DEFAULT STYLES ------------------------------------- */
.error {
color:                   #f00;
}
.warning {
color:                   #ff6;
}
br { 
clear:                   both; 
}
hr {
display:                 none;
}
div.hr {
width:                   90%;
height:                  20px;
margin:                  1em 0 3em;
background:              transparent url('/global/ui/hr_bg.gif') no-repeat top center;
}
img {
border:                  0;
}
abbr { /* for screen / text readers */
speak:                   spell-out;
}
acronym { /* for screen / text readers */
speak:                   normal;
}
/* acronym and abbr aren't styled in IE by default */
abbr, acronym, .help {
cursor:                  help;
border-bottom:           1px dotted #666666;
}
abbr:hover, acronym:hover, .help:hover {
background-color:        #FFFFCC;
}
.center {
margin-left:             auto;
margin-right:            auto;
text-align:              center;
}
.hide { /* HIDE HEADER TEXT AND ANY OTHER IMAGE BASED TEXT (Still displays in handheld devices */
/*	visibility:        hidden; */
left:                    -9999px;
position:                absolute;
}
.left {
float:                   left;
}
.right {
float:                   right;
}
.clear {
clear:                   both;
}
.caps {
font-variant:            small-caps;
}
.bold {
font-weight:             bold;
font-size:               large;
}
.largest {
font-size:               x-large;
}
.large {
font-size:               larger;
}
.normal {
font-size:               .9em;
line-height:             1.1em;
}
.small{
font-size:               smaller;
}
.smallest {
font-size:               x-small;
}
.strong {
font-weight:             bold;
}
.underline {
text-decoration:         underline;
}
.noMargin {
margin:                  0;
}
.noPadding {
padding:                 0;
}
.center {
margin: 0 auto;
}
.alignLeft {
text-align:              left;
}
.alignCenter {
text-align:              center;
}
.alignRight {
text-align:              right;
}
.italic {
font-style:              italic;
}
/* --------------------------------- Specific proprietary divisions ------------------------------------- */