/*----------------------------------------------------------------
					Global Reset
----------------------------------------------------------------*/
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, 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; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit;
} 

body { 
	line-height: 1;
	color: white; 
	background: black;
	margin: 0;
	padding: 0;  
}
 
ol, ul { 
	list-style: none; 
} 

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 

blockquote:before, blockquote:after, q:before, q:after { 
content: ""; 
} 

blockquote, q { 
quotes: "" ""; 
}

fieldset,img, abbr { 
	border: 0;
}


/*----------------------------------------------------------------
					Global Style
----------------------------------------------------------------*/

body {
	font: 100%  Arial, Verdana;
 	background: url(../images/background.jpg) top center repeat  #000;
	text-align: center;
	color: #e0dfd7;
	margin: 0;
	padding: 0;
}

p {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	padding-bottom: 15px;
	margin: 0;
}

a {
	color: #babdef;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}


/*----------------------------------------------------------------
					Header
----------------------------------------------------------------*/


#top {
	height: 38px;
	background: url(../images/transparent_background.png) repeat;
	border-bottom: 1px solid #a69083;
	margin-bottom: 126px;
}
	
/*----------------------------------------------------------------
					Page Structure
----------------------------------------------------------------*/

.lighting {
 	background: url(../images/lighting_background.jpg) top center no-repeat;
}

#top .inner, #container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

#banner {
	margin: 0 0 10px 0;
	width: 970px; 
	height:300px;
	padding: 10px;
	background: url(../images/banner_frame.jpg);
	position:relative;
}

#content {
	margin: 0;
	padding: 0;
	clear: both;
}

.twoColumnContainer {
	width:990px;
	background:transparent url(../images/content_background_2col.png) repeat scroll 0 0;
	margin-bottom:10px;
	position:relative;
}

.leftColumn {
	float:left;
	width:445px;
	position:relative;
	margin: 20px 0px 20px 20px;
}

.rightColumn {
	float:right;
	width:445px;
	padding: 20px 20px 20px 0px;
	position:relative;
}

.twoThirdsColumn {
	float:left;
	width:615px;
	position:relative;
	background: url(../images/content_background.jpg) repeat;
	padding:20px;
}

.oneThirdColumn {
	float:right;
	width:325px;
	position:relative;
}

.threeQuartersColumn {
	float:left;
	width:695px;
	position:relative;
	background: url(../images/content_background.jpg) repeat;
	padding:20px;
	margin-bottom:10px;
}

.oneQuarterColumn {
	float:right;
	width:245px;
	position:relative;
	margin-bottom:10px;
}

.fullColumn {
	width: 950px;
	margin-bottom: 10px;
	background: url(../images/content_background.jpg) repeat;
	padding:20px;
}

.column1, .preview {
	display: inline;
	float: left;
}

.column2, .detail, .meta {
	display: inline;
	float: right;
}

.column1 {
	width: 490px;
	margin-bottom: 10px;
}

.column2 {
	width: 490px;
	margin: 0 0 10px 10px;
}

.section {
	padding: 20px 20px 10px 20px;

}

.contentBackground {
	background: url(../images/content_background.jpg) repeat;
	padding:20px;
}

.redBackground {
	background: url(../images/redBackground.jpg) top center no-repeat;
}

.blueBackground {
	background: url(../images/blueBackground.jpg) center -600px no-repeat;
}

.greenBackground {
	background: url(../images/greenBackground.jpg) center -600px no-repeat;
}

.silverBackground {
	background: url(/images/silverBackground.jpg) top #343434;
	padding: 20px;
}

.listing {
	clear: both;
}

.preview {
	width: 230px;
	margin: 0 20px 15px 0;
}

.testimonialLeft {
	width: 950px;
}

.testimonialRight {
	width: 605px;
	padding-left:345px;
	margin-bottom:10px;
	background-position:left top;
	background-repeat: no-repeat;
}

.sideContainer {
	
}

.process {
	width: 325px;
	background-position:left top;
	background-repeat: no-repeat;
}

.thumbnail {
	width: 230px;
	height: 150px;
	background: url(/images/thumbnail_background.jpg) no-repeat;
	margin: 0 20px 15px 0;
	padding: 10px;
}

.detail {
	width: 300px;
}

#footer  {
	clear: both;
	margin-bottom: 30px;
	padding: 10px 20px;
	background: url(../images/content_background.jpg) repeat;
}


/*----------------------------------------------------------------
					Headers
----------------------------------------------------------------*/

h1 {
	font-size: 1.88em;
	color: #FFFFFF;
	margin: 0;
	padding-bottom: 10px;
}

h2 {
	font-size: 1.35em;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 5px;
}

h3 {
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding-bottom: 2px;
}

h4 {
	font-size: 0.88em;
	line-height: 17px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0;
}

h5 {
	float:left;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 20px 0px 0;
	background:url(../images/redBackground.jpg) center -600px;
	padding: 10px;
	width:315px;
}

.hTwo {
	color:#c4ffbe;
	margin: 0;
}
/*----------------------------------------------------------------
					Text
----------------------------------------------------------------*/

#content ul {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
	padding-bottom: 15px;
}

#content li {
	font-size: 0.75em;
	line-height: 1.38em;
	color: #fff;
	padding-bottom: 5px;
}

#footer p {
	font-size: 10px;
	text-align: left;
	color: #736859;
	margin: -2px 0;
	padding: 0;
}

#footer a {text-decoration:none;}

.textHighlight {color:#c4ffbe;}

/*----------------------------------------------------------------
					Menu
----------------------------------------------------------------*/

#menu {
	 margin-top: 0px;
	 left: 50%;
	 margin-left:-495px;
	 padding: 0;
	 position: absolute;
	 top: 0px;
	 width: 990px;
}

#menu ul {
	width:990px;
}

#menu li {
	float:left;
	display:block;
	postition:relative;
	cursor: pointer;
}

#menu a {
	float: left;
	height: 45px;
	overflow: hidden;
	text-indent : -3000em;
	margin-left: 0px;
}

#home a{
	background: url(../images/menuSprite.jpg) no-repeat 0px 0px;
	height: 45px;
	width: 55px;
}

#home a:hover{
	background-position: 0px -45px;
}

#beforeAfter a{
	background: url(../images/menuSprite.jpg) no-repeat -55px 0px;
	height: 45px;
	width: 133px;
}

#beforeAfter a:hover{
	background-position: -55px -45px;
}

#cost a{
	background: url(../images/menuSprite.jpg) no-repeat -188px 0px;
	height: 45px;
	width: 52px;
}

#cost a:hover {
	background-position: -188px -45px;
}

#extensionColorSpecialist a{
	background: url(../images/menuSprite.jpg) no-repeat -240px 0px;
	height: 45px;
	width: 208px;
}

#extensionColorSpecialist  a:hover{
	background-position: -240px -45px;
}

#salonLocationConsultation a{
	background: url(../images/menuSprite.jpg) no-repeat -448px 0px;
	height: 45px;
	width: 229px;
}

#salonLocationConsultation a:hover {
	background-position: -448px -45px;
}

#greatLengthsProcess a{
	background: url(../images/menuSprite.jpg) no-repeat -677px 0px;
	height: 45px;
	width: 168px;
}

#greatLengthsProcess a:hover{
	background-position: -677px -45px;
}

#humanHair a{
	background: url(../images/menuSprite.jpg) no-repeat -845px 0px;
	height: 45px;
	width: 97px;
}

#humanHair a:hover{
	background-position: -845px -45px;
}

#care a{
	background: url(../images/menuSprite.jpg) no-repeat -942px 0px;
	height: 45px;
	width: 48px;
}

#care a:hover{
	background-position: -942px -45px;
}


.footer_menu {
	float: right;
	list-style: none;
	padding: 0;
	position:relative;
	z-index:1;
}

.footer_menu li {
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style:none;
	postion:relative;
	z-index:2;
}

.footer_menu a {
	color: #b4a694;
	display: block;
	float: left;
	margin: 0;
	padding-left: 10px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

.footer_menu a:hover {
	color: #FFF;
	text-decoration: none;
} 

/*----------------------------------------------------------------
					Big Pictures
----------------------------------------------------------------*/

.bigShearsGrill {
	height: 300px;
	width:970px;
	background: url(../images/bigShearsGrill.jpg) left top no-repeat;
}

.bigDanielle {
	height: 300px;
	width:970px;
	background: url(../images/bigDanielle.jpg) left top no-repeat;
	postition:relative;
}

.bigDanielleHome {
	height: 726px;
	width:490px;
	background: url(../images/bigDanielleHome2.jpg) left top no-repeat;
	postition:relative;
}

.bigWavyHair {
	height: 300px;
	width:970px;
	background: url(../images/bigWavyHair.jpg) left top no-repeat;
}

.bigTwoGirls {
	height: 300px;
	width:970px;
	background: url(../images/bigTwoGirls.jpg) left top no-repeat;
}

.bigTestimonials {
	height: 300px;
	width:970px;
	background: url(../images/bigTestimonials.jpg) left top no-repeat;
}

.bigHumanHair {
	height: 300px;
	width:970px;
	background: url(../images/bigHumanHair.jpg) left top no-repeat;
}

.bigCare {
	height: 300px;
	width:970px;
	background: url(../images/bigCare.jpg) left top no-repeat;
}

.bigCost{
	height: 300px;
	width:970px;
	background: url(../images/bigCost.jpg) left top no-repeat;
}

.bigConsultation{
	height: 300px;
	width:970px;
	background: url(../images/bigConsultation.jpg) left top no-repeat;
}

.bigSampleHair1 {
	height: 300px;
	width:970px;
	background: url(../images/bigSampleHair1.jpg) left top no-repeat;
}

.bigSampleHair2 {
	height: 300px;
	width:970px;
	background: url(../images/bigSampleHair2.jpg) left top no-repeat;
}

.bigLeather {
	height: 300px;
	width:970px;
	background: url(../images/content_backgroundLeather.jpg) left top repeat;
}
/*----------------------------------------------------------------
					Little Pictures
----------------------------------------------------------------*/

.smallDanielle {
	width:299px;
	height:223px;
	padding-right:151px;
	background: url(../images/smallDanielle1.jpg) right top no-repeat;
}

#testimonialHome {
	background-image: url(../images/testimonial1.thumb.jpg);
	height:230px;
	width:177px;
	margin: 0px 0px 10px 20px;
	float:right;
}

#testimonial1 {
	background-image: url(../images/testimonial1.thumb.jpg);
	height:230px;
}

#testimonial2 {
	background-image: url(../images/testimonial2.jpg);
	height:230px;
}

#testimonial3 {
	background-image: url(../images/testimonial3.jpg);
	height:230px;
}

#testimonial4 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#testimonial4 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#testimonial5 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#testimonial6 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#testimonial7 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#testimonial8 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#testimonial9 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#testimonial10 {
	background-image: url(../images/testimonial4.jpg);
	height:230px;
}

#process1 {
	background-image: url(../images/process1.jpg);
	height:477px;
	margin-bottom:10px;
}

#process2 {
	background-image: url(../images/process2.jpg);
	height:477px;
	margin-bottom:10px;
}

.videoPlaceholder {
	background: url(../images/videoPlaceholder.jpg) left top no-repeat;
	height:319px;
	width:490px;
	postition:relative;
}

/*----------------------------------------------------------------
					Other 
----------------------------------------------------------------*/

.danielleName {position:absolute;top:20px;left:810px;}

.photoDisclaimerHome {position:relative;top:270px;left:80px;}

.button {
	font-weight:bold;
	text-align:right;
}

.divider {
	border-top: 1px solid #222;
	padding-top: 20px;
}

.clearIt { 
	clear: both;
}

.imghide {
	display: none;
}

.c {text-align:center;}
.r {text-align:right;}

.white, white p {color:#fff;}

.one23 {
	margin-right:7px;
	
}

.mBottom7 {margin-bottom:7px;}

.menuLeft {float:left;display:block;width:135px;}
.menuRight {float:right;display:block;width:100px;}
.menuPricingWrapper {padding:10px;}

