/*
Black the Salon

Site created by SHOCKBOOGIEDESIGN
http://www.shockboogiedesign.com/ Copyright (C) 2009
Creation Date: August 2009
Concept Designer and Developer: Roxy Kurze


*/

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

body {
	background-color: #000000;
	font-family: Lucida Grande, Tahoma, Arial,sans-serif;
	font-size:13px;
    color: #cccccc;

   



}



p, ul, ol {
	line-height: 175%;
	text-align: left;

}



p.footer {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	margin-top: 5px;
}




p.tag {
	width: 575px;
	font-size: 15px;
	color: #999933;
	float: left;
	line-height: 175%;
	padding: 20px 20px 20px 20px;
	display: block;

}

p.biotag {
	width: 310px;
	font-size: 14px;
	color: #999933;
	float: left;
	line-height: 175%;
	padding: 10px 20px 20px 10px;
	text-align: left;

}







ul{
	list-style: none;
	
	}


ul.underbio {
	font-size: 12px;
	line-height: 150%;

}


a{
	text-decoration: none;
	color: #999933;
	text-decoration: underline;
}


a:hover{

	color: #d8d847;
	text-decoration: none;
	
}


a img{
	border: none;
	
}



h1 {
	font-size: 20px;
	font-weight: 100;
	color: #999933;
	padding-top: 10px;	
}


h2 {
	font-size: 18px;
	font-weight: 100;
	color: #999999;
	padding-top: 10px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	color: #999933;
	padding-top: 10px;
	padding-bottom:5px;
}

/*prof_title*/

h4 {
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	
	padding-bottom:5px;
}




.center {
	vertical-align:middle;
	text-align: center;
	display: block;
	margin-left:auto;
	margin-right:auto;
	border:0px;

}

.indent {
	margin-left:15px;
}

/*Testimonials Name*/

h5 {
	font-size: 12px;
	font-weight: normal;
	color: #999933;
	padding-bottom:5px;
	float: right;
	padding-right:60px;
}


h6 {
	font-size: 18px;
	padding-top:10px;
	color: #999933;

}

/*spacer*/

div.spacer1 {
	height:20px;
}


/*PRELOAD*/


div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


/*MAIN*/
#main {
	margin: 0 auto;
}

#splash {
	margin: 0 auto;
}








/*Wrapper*/

#wrapper {
	margin: 0 auto;
	background: url(images/bg_top.jpg) repeat-x;
	
}





/*Menu*/
#menu {
	width: 1001px;
	position: relative;
	top:10px;
	margin-left: auto ;
 	margin-right: auto ;
 	text-align: center;


}

#menu ul {
	margin: 0 auto;
	list-style: none;
	line-height: normal;
	
	
	
}

#menu li {
	display: inline;
	float: left;
	margin-left: 45px;
	margin-right: 20px;
	
	
}


#menu li a{
	font-size: 14px;
	text-decoration: none;
	color: #cccccc;
}


#menu li a:hover{
	font-size: 14px;
	padding-bottom: 10px;
	color: #999933;
	
}


#menu li .active{
	color: #999933;
}




/*BUTTONS*/


a.map {
   display: block;
   width: 227px;
   height: 131px;
   text-decoration: none;
   background: url('images/btn_map.jpg');
}
a.map:hover {
   background-position: -227px 0;
}

a.team {
   display: block;
   width: 227px;
   height: 131px;
   text-decoration: none;
   background: url('images/btn_team.jpg');
   margin-bottom:26px;
   margin-left:25px;
}
a.team:hover {
   background-position: -227px 0;

}

a.services {
   display: block;
   width: 227px;
   height: 131px;
   text-decoration: none;
   background: url('images/btn_services.jpg');
   margin-bottom:26px;
   margin-left:25px;
}
a.services:hover {
   background-position: -227px 0;

}



a.team {
   display: block;
   width: 227px;
   height: 131px;
   text-decoration: none;
   background: url('images/btn_team.jpg');
   margin-bottom:26px;
   margin-left:25px;
}
a.team:hover {
   background-position: -227px 0;

}

a.work {
   display: block;
   width: 227px;
   height: 131px;
   text-decoration: none;
   background: url('images/btn_work.jpg');
   margin-bottom:26px;
   margin-left:25px;
}
a.work:hover {
   background-position: -227px 0;

}





/*module1*/

#module1 {
	margin: 0 auto;
	position: relative;
	height: 486px;
	background: #000000 url(images/bg_module1.jpg) no-repeat 50%;
	top: 45px;
	width: 100%;
	
	
}

#modulesection {
	width: 1001px;
	height: 452px;
	position: relative;
	top:10px;
	margin-left: auto ;
 	margin-right: auto ;
 	text-align: center;
	
	
}


.frames {

	height: 452px;
	width: 276px;
	float: left;
	margin-left: auto ;
 	margin-right: auto ;
 	
	
}

img.frame {
	margin-bottom:26px;
}

.dynamic {
	width: 702px;
	float: left;
	


}




/*mid section*/

#midsection {
	background: url(images/bg_leather.jpg) repeat-x;
	height: 76px;
	margin: 0 auto;
	position: relative;
	top:45px;
	padding-top:15px;
	
	
}

.midtext {
	    float: right;
		color: #999933;
		margin: 0 auto;
		position: relative;
		right:22%;
		
}

/*MAIN BODY SECTION */

#twocolumn {
	width:1001px;
	margin: 0 auto;
	margin-top:40px;
	background: url(images/bg_wood.jpg);
	

}


.column1 {
	width:276px;
	float: left;
	padding-left:25px;
	margin-bottom: 200px;
}



.column2 {
	width:625px;
	float: left;
    margin-bottom: 200px;
    padding-bottom:50px;
    padding-left:25px;
    padding-right:25px;
    background-color: rgba(0,0,0,.75);

}


.column2a {
	width:320px;
	float: left;
	padding-left:15px;
	padding-bottom:30px;
}




.column2b {
	width:225px;
	float: left;
    padding-left:25px;
    padding-bottom:30px;
  
}




.column2c {
	width:625px;
	float: left;
    padding-bottom:20px;
    
}

/*profiles*/


.column_prof {
	width:625px;
	float: left;
	margin-top:20px;

}
	

.column2d {
	width:255px;
	float: left;
	margin-top:20px;
	
    
}

.column2e {
	width:350px;
	float: left;
	margin-left:15px;
	padding-bottom:30px;
	margin-top:20px;

    
}




.column1 p{
	margin-top:10px;
	text-align:left;
	width: 225px;
	}
	
.column2 p{
	margin-top:10px;
	text-align:justify;
	}
	
	

.headerpic {
	padding-bottom: 20px;
}


/* WORK GALLERY */

.work_gallery {
	margin: 20px 0 20px 0;
}


.work_gallery img{
	padding-right: 6px;
	padding-bottom: 6px;
	border: 0;
}

.work_gallery img a{
	border: 0;
}




/* [footer] */


#footer {position: relative;
	margin-top: -68px; /* negative value of footer height */
	height: 100px;
	clear:both;
	width: 100%;
background: #000000 url('images/bg_footer.jpg') ;
} 

p.footertxt {
	text-align: center;
	padding-top:15px;
	color: #999933;
	

}

p.footercred{
	text-align: center;
	padding-top:5px;
	color: #999999;
	font-size: 10px;
}
p.footercred a{
	color: #999933;
	text-decoration: underline;
	
}


p.footermenu {
	text-align: center;	
	font-size: 10px;
	font-weight: normal;
	margin-top: 5px;
	color: #cccccc;
}

a.footermenu {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

a.footermenu:hover {
	text-decoration: none;
	color: #cccccc;
}




.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font-size: 12px Lucida Grande, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#TB_secondLine {
	font: 10px Lucida Grande, Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #999933;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #cccccc;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000000;
	z-index: 102;
	color:#ffffff;
	display:none;
	border: 1px solid #999933;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: 0;
	
}

#TB_caption{
	height:25px;
	padding:11px 30px 10px 25px;
	float:left;
	color: #999933;
	font-size: 12px;
	font-weight: bold;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#000;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#000;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}