@charset "UTF-8";
/* CSS Document */


html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}	
caption, th, td {
	text-align: left;
	font-weight: normal;
}	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}	
.clearfix {
	display:inline-block;
}	
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*........... do not change or amalgamate the above clearfix styles..................*/

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow-x: auto;
	height:100%;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:150%;
	font-size:14px;
	height:100%; 
	margin:0; 
	padding:0;
	color:#FFF;
	background-color:#000;
	}

a {color:white}
p {font-size:16px}

/*tables - keep this up here*/
#table-wrap {}
#table-inner {text-align:center;}
table {
	border : 1px solid black;
}
table td {
	border : 1px solid black;
	padding:5px;
}

/* PAGE BACKGROUND IMAGES*/
/* prepare the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%;}
/* place the content ontop of the background image */
#page {position:relative; z-index:1;}
/*Set the background color for each of the images*/


/* Page Elements */

#content-area {
	padding: 50px 0 0 30px;
	width:100%;
	height:100%;
	}
	
#content-area  h1 {
	font-size:68px;
	color:#FFF;
	white-space:nowrap;
	text-transform:lowercase;}
	
#content-area  h1 a {
	text-decoration:none;
	font-size:68px;
	color:#FFF;
	text-transform:lowercase;}
	
#content-area  h2 {
	
	font-size:38px;
	color:#FFF;
	padding-bottom:12px;
	text-transform:lowercase;}
	
	
#content-area  h2 {
	font-size:38px;
	color:#FFF;
	padding-bottom:12px;
	text-transform:lowercase;}
	
#content-area  h2 a {
	color:#FFF;
	text-decoration:none;
	text-transform:lowercase;}
	
#content-area  h2 a:hover {
	color:#FFF;
	text-decoration:underline;
	text-transform:lowercase;}

#content-area-inner {width:675px;}

.text-link1 {
	color:#fff;}
	
.text-link1 a{
	text-decoration:underline;
	color:#fff;}
	
.text-link2 {
	color:#fff;}
	
.text-link2 a{
	text-decoration:none;
	color:#fff;}
	
.text-link2 a:hover{
	text-decoration:underline;}
	
.text-hdr1 {
	font-size:38px;
	padding-bottom:10px;
	text-transform:lowercase;
	line-height:100%;}
	
.spacer1 {
	margin-right:13px;}
	
.TwoCol {
	float:left;
	width:326px;
	margin-right:13px;}

/*....Content....*/

.img-holder img {
	float:left;
	margin: 0 20px 20px 0;
	border:solid 1px #303030;}

.img-desc-holder {
	float:left;
	padding-top:20px;}

.img-desc-p, .img-desc-p a {
	float:left;
	padding-top:0px;
	color:#fff;
	width:525px;}

/*....Navigation....*/


#nav {
	color:#ccc;
	font-size:34px;
	margin:40px 0 120px 0;
	line-height:42px;
	}
	
#nav a {
	text-decoration:none;
	color:#ccc;}
	
#nav a:hover {
	text-decoration:underline;
	color:#FFF;}

body#hair a#hair {color:#FFF; text-decoration:underline;}
body#hair-color a#hair-color {color:#FFF; text-decoration:underline;}
body#hair-extensions a#hair-extensions {color:#FFF; text-decoration:underline;}
body#hair-salon a#salon  {color:#FFF; text-decoration:underline;}

.phone {white-space: nowrap;}

/* SHADOWBOX PHOTO GALLERIES */

.gallery-holder {
	margin: 0;
	text-align:center;
	}
	
.gallery-holder ul {
	margin:0;
	margin-left:0px;
	}

.gallery-holder li {
	list-style:none;
	float:left;
	margin:5px 9px 0px 0;
	padding:0;
	}

.gallery-holder li a  img{
	border:solid 1px #303030;}

/*....................FOOTER....................*/


#footer, .push {
	height: 80px; /* .push must be the same height as .footer */

}

.footer-inner {
	color:#000;
	color:#FFF;
	font-size:12px;
	margin-left:30px;
	line-height:18px;}
	
.footer-inner a{
	color:#fff;
	text-decoration:underline;}
	
.footer-icon {
	float:left;}





.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}