body{
	font-family: 'josefin_sansregular', Helvetica, Tahoma, Arial, sans-serif;
	font-weight:normal;
	font-size:112.5%;
	color:#fcded1;
	background: black;
	
}

.wrapper{
	margin:0;
	width:100%;
	overflow:hidden;
	clear:both;
	padding:0;
}



.lightwrapper{color:#26140c;/*dark choclate brown*/}

.lightwrapper h2, .lightwrapper h3{color:black;}

.container{
	margin:20px auto;
	max-width:950px;
	/*padding:20px 1.0417%; /*960/10*/
	padding:20px 2%;
	clear:both;
	overflow:hidden;
	position:relative;
}



/*------------------FONTS-------------------*/

h1{
	font-family: 'josefin_sanssemibold', Helvetica, Tahoma, Arial, sans-serif;
	font-weight:normal;
}

h2{
	font-size: 1.3333em; /* 24px */
	line-height: 1.1250em; /* 27px */ 
	margin-bottom: 0.0000em;
	font-family: 'josefin_sanssemibold', Helvetica, Tahoma, Arial, sans-serif;
	font-weight:normal;
	color:white;
}

h3{
	font-size: 1.1111em; /* 20px */
	line-height: 1.3500em; /* 27px */
	margin-top: 1.3500em;
	margin-bottom: 0.0000em;
	font-family: 'josefin_sanssemibold', Helvetica, Tahoma, Arial, sans-serif;
	font-weight:normal;
}

p, ul, dl{
  font-size: 0.8889em; /* 16px */
  line-height: 1.6875em; /* 27px */
  margin: 0 0 1.6875em 0;
}

#color p{margin-bottom:10px;}

a{font-size: 100%;}

ul.longtext-ul{list-style-type: square;}
.longtext-ul li{margin-left: 30px;}

strong{background: #634535; padding-left: 2px; padding-right: 2px;}
#new-client-offer strong{background:#000000; color:white; padding-left:5px; padding-right:5px; text-transform: uppercase;}

h3 + p, h3 + dl{margin-top:0.5em;}

/*-------------------LINKS-------------------*/
a{outline:none; padding: 5px 1px 2px;}
a:link, a:visited {color:#fcded1; text-decoration: none; border-bottom:1px dotted #fcded1;}
a:focus, a:hover{border-bottom:1px solid #fcded1;}
a:active{border-bottom:2px solid #fcded1;}


.lightwrapper a:focus, .lightwrapper a:hover,{border-bottom: 1px solid #26140c;}

.lightwrapper a:active {border-bottom:2px solid #26140c;}

nav#top-nav a:link, nav#top-nav a:visited, nav#top-nav a:focus, nav#top-nav a:hover, nav#top-nav a:active{border-bottom:none;}

.salon-info a:link, .salon-info a:visited, .salon-info a:focus, .salon-info a:hover, .salon-info a:active{border-bottom:none; padding-bottom:0; color:white;}

#social-list a:link, #social-list a:visited, #social-list a:focus, #social-list a:hover, #social-list a:active{border-bottom:none;}

#test-gallery-nav a:link, #test-gallery-nav a:visited, #test-gallery-nav a:focus, #test-gallery-nav a:hover, #test-gallery-nav a:active{border-bottom:none;}

#share-the-love a:link, #share-the-love a:visited, #share-the-love a:focus, #share-the-love a:hover, #share-the-love a:active{border-bottom:none;}

#review-us a:link, #review-us a:visited, #review-us a:focus, #review-us a:hover, #review-us a:active{border-bottom:none;}
.telephone a:link, .telephone a:visited, .telephone a:focus, .telephone a:hover, .telephone a:active{margin:0;border-bottom:none; padding:10px 2%; color:white;}
/*------------------NAVIGATION-------------------*/
#navigation{
	background:#470202;
}

#push-down{display:none;}

nav.container{margin-bottom:0; padding-top:0; padding-bottom:10px; overflow:hidden;}

#navigation li{font-size:1em; line-height:1.5em; margin-top:0; margin-bottom:0;}
nav h1 a:link, nav h1 a:visited, nav h1 a:focus, nav h1 a:hover, nav h1 a:active{
	font-size:1.1em;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	padding-bottom:0;
	color:white;
	text-transform:uppercase;
}

nav a{padding-bottom: 0;}



nav h1{
	min-width:100px;
	float:left;
	margin-left:2%;
	margin-bottom:5px;
}
#mobile-nav-icons{display:none;}

#mobile-nav-icons li{padding-left:10px; display:inline-block;}

a.phone-icon:link, a.phone-icon:visited, a.phone-icon:focus, a.phone-icon:hover, a.phone-icon:active{
	background:url(../img/phone-icon.png) no-repeat 0 0;
	text-indent:-9999px;
	width: 25px;
	height: 25px;
	display:block;
	text-decoration:none;
}

a.menu-icon:link, a.menu-icon:visited, a.menu-icon:focus, a.menu-icon:hover, a.menu-icon:active{ 
	background:url(../img/menu-icon.png) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	width: 25px;
	height: 25px;
}

#site-nav{clear:both; display:block; text-transform: uppercase;}

nav ul{padding:0;}

nav a, nav ul{margin-bottom:0;}
#site-nav li{display:block;}
#site-nav a{display:block;
	width:96%;
	padding:10px 2%;
	font-size:1.1em;
	line-height:1.5em;
	color:white;
	border-top:1px solid #690303;
	margin-bottom:0;
	text-decoration: none;
}

#site-nav li:last-child a{padding-bottom: 0;}

/*---------------------Header-------------------*/
.header{
	background:#d6bcb1;
	color:white;
}

#georges-salon-logo{max-width:645px; width:85%;margin:0 auto; padding:10px;}

header hr{
	width:85%;
	margin:0 auto 5px;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:1px solid white;
}
.salon-info{
	margin-top:20px;
	text-align:center;
	font-size: 0.8889em; /* 16px */
	line-height: 1.6875em; /* 27px */
	margin-top: 0em;  margin-bottom: 0.0000em;

}

#main-info{
	width: 90%;
	padding:3%;
	margin-left: auto;
	margin-right: auto;
	background: rgba(38,20,12,0.6);
}

/*----For headers without background images---*/
	.header-no-bg{background:#52423B;}
	.header-no-bg div#main-info{margin:0 auto; background: none;}
	.header-no-bg div.header{background:none;padding:0; margin:0;}
	.header-no-bg header.container{margin:0 auto; width:100%; background:none; padding:0;}
	.header-no-bg header hr{margin:5px 0; width:100%;}
	.header-no-bg #georges-salon-logo{padding:10px 0;}


/*---------------------About-------------------*/

#about, #products, #about-george, #offers{
	background:#784e3d;
}

#about h2{text-align: center;}

#about-text section{margin-top: 1.2273em;}
#about-salon{width:75%; margin-left: auto; margin-right: auto;}
#about-owner{width:100%;}
#about-text section h3{margin-top:0;}
#about-text {width:100%; overflow:auto;}
#about-owner img{float:right; margin-left:5px; margin-bottom:5px;}
#george-headshot{display:none;}
#about-owner p:last-child{margin-bottom:0;}




/*Photo gallery placeholder*/
#photo-gallery-nav{
	width:80%;
	margin:0 auto;
	overflow:auto;
}

figure img{
	width:100%;
}

/* Custom controls */
#photo-gallery{
	position: relative;
}
#photo-gallery .crsl-nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#photo-gallery .crsl-items:after{
	display: block;
	clear: both;
	content: '';
}
#photo-gallery .previous, #photo-gallery .next{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	text-indent: -10000px;
	color: #FFF;
	background: rgba(0, 0, 0, .80) url(../img/previous-next.png) no-repeat 0 0;
	z-index: 10;
	padding:0;
	border-bottom:none;
	/* border radius */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* transition */
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

#photo-gallery a.previous:focus, #photo-gallery a.next:focus, #photo-gallery a.previous:hover, #photo-gallery a.next:hover{
	background-color: rgba(0,0,0, .95);
	border:none;
	padding:0;
}
#photo-gallery .previous{
	left: 2%;
	background-position: 0 0;
}
#photo-gallery .next{
	right: 2%;
	background-position: 100% 0;
}
#photo-gallery .crsl-item{
	margin-bottom: 0;
}
/*---------------------Testimonials-------------------*/
#testimonials{
	background:#2d2216;
}

#testimonial-gallery-placeholder1{
	background:#fcded1;
	float:left;
	width:100%;
	position:relative;
	right:50%;
}

#testimonial-gallery-placeholder2{
	margin-top:30px;
	background:#d6bcb1;
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}

.testimonial-box{float:left; color:#26140c; padding-top:30px; padding-bottom:30px;}
.dark-testimonial{
	background:#d6bcb1;
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;	
}

.light-testimonial{
	background:#fcded1;
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}

.test-intro{ background:#574E45; padding-left:2px; padding-right:2px;font-family: 'josefin_sanssemibold', Helvetica, Tahoma, Arial, sans-serif; font-size: 1.2222em; /* 22px */ line-height: 1.2273em; /* 27px */ margin-top: 0; margin-bottom: 0.0000em; margin-bottom:1em; font-weight:normal;}
.review{margin:0 0 0.5em;}
.reviewer{float:right; margin-bottom:10px;}
#testimonials img{clear:both; float:right;}

#contact-us-scroll{width:0; height:0; padding:0; margin:0; border:0;}

/*#testimonial-gallery{margin-top:30px;}*/

/*--Previous and Next Buttons--*/
.previous{

   /* width: 70px;
    background: #470202;
    padding: 5px;*/
    float: left;
    text-decoration: none;
    color: white;
    /*border: 1px solid white;
    text-align: center;*/

}

.next{

   /* background: #470202;
    padding: 5px;*/
    float: right;
    /*width: 70px;
    text-align: center;*/
    text-decoration: none;
    color: white;
    /*border: 1px solid white;*/

}

#test-gallery-nav{overflow:hidden;}

#test-gallery-nav a{margin-bottom:20px; margin-top:30px;}

#review-sites-list{display:none;}
#review-us-sites-list{display:none;}

/*----Share the Love Box and Review-Us Box----*/

#share-the-love, #review-us{
	background:#470202;/*dark red*/
	color:white;
	border:1px solid #690303;/*medium red*/
	max-width:350px;
	width:100%;
}

#review-us{margin-top:30px;}

#share-the-love{margin-top:50px;}

#share-the-love p, #review-us p{padding:0 2% 10px;}
#share-the-love ul, #review-us ul{padding:0;}
#share-the-love p, #share-the-love ul, #review-us p, #review-us ul{margin-bottom:0;}
#share-the-love p, #review-us p{margin-top:0;}

#review-prompt, #review-us-prompt{
	cursor: pointer;
	padding:10px 2%; 
	margin-top:0;
	font-size:1em;
	line-height: 1.5em;
	
	background-repeat:no-repeat;
	background-position: 96% 12px;
	width:96%;
}

#review-prompt{background-image: url('../img/white-arrows-open.png');}
#review-us-prompt{background-image: url('../img/white-arrows-open.png');}

#share-the-love li, #review-us li{display:block;}
#share-the-love a, #review-us a{
	display:block;
	width:96%;
	padding:10px 2%;
	font-size:1.1em;
	line-height:1.5em;
	color:white;
	border-top:1px solid #690303;
	margin-bottom:0;
	text-decoration: none;
}

#share-the-love a, #review-us a{
	background-image: url('../img/white-arrows-next.png');
	background-repeat:no-repeat;
	background-position: 96% 12px;
}
/*---------------------Contact Us-------------------*/
#contact-us{
	background:#784e3d;
}

#interactive-map {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width:100%;
    height:300px;
    margin-left:auto;
    margin-right:auto;
}

iframe#map,   
#interactive-map object,  
#interactive-map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

dl{overflow:hidden; margin-bottom:0;}
dt{
	float:left;
	clear:both;
	margin-right:10px;
	font-family: 'josefin_sansbold', Helvetica, Arial, sans-serif;
	font-weight:normal;
}

dt:after{content:":";}
dd{float:left;}
small{
	clear:both;
	font-size:  0.6667em; /* 12px */
  	line-height: 2.2500em; /* 27px */
	margin: 0 0 2.2500em 0;
}

#how-to-find p:last-child{margin-bottom: 0;}

/*---------------------Footer-------------------*/


#foot{
	background:black;
}

footer h3{margin-top:0;}

footer p.address, footer p.telephone{margin-bottom:0; margin-top:10px;}

footer li{padding:0 0 10px 0;}

#review-us{margin:20px 0; max-width:280px;} 

#quick-links ul, #credit-cards{margin:20px 0 20px;}

#quick-links li, #credit-cards li{display:inline-block; margin-left:10px;}
#quick-links li:first-child, #credit-cards li:first-child {margin-left:0;}

#quick-links li a{
	background:#470202;
	border:1px solid #690303;
	color:white;
	padding:5px;
	font-size:1em;
}


#social-list{margin-left:auto; margin-right:auto; position:relative;}

#social-list li{display:inline-block;}

/*---------------------Services-------------------*/

#george{width:125px; padding-right:4%;}

#services{background:#2d2216;}

#about-george h2, #services h2{margin-bottom: 10px;}

.service-category{
	background:#784e3d;
	width: 92%;
	padding: 4%;
	float: left;
	margin-bottom: 20px;
	text-align:center;
}

#services-column1, #services-column2{width:100%;}

.service-category h3{text-transform: uppercase; margin:27px 0 10px; color:white;}

.service-category p{text-align: left;}
.service-benefits{list-style-type:square; text-align: left;}
.service-benefits li{margin-left:40px;}

.service-category img{margin-bottom: 10px; width:100px;}

.service-category h3{clear:both;}

#services small{float:none; clear:both; width:100%; display: block;}

/*---------------------Products-------------------*/
.product-name{padding-right:10px;}

#products h3{border-top:1px solid #634535; padding-top:20px;}

/*---------------------Offers-------------------*/

/*-----Special Tools----------*/
.responsive-img img{
	max-width: 100%;
	height: auto;
}

/*========================================================
				MEDIA QUERIES
========================================================*/

@media only screen and (min-width : 1224px){

	#navigation{
			position:fixed;
			z-index: 2000;
		}
	/*--Empty nav to push down elements when using fixed scrolling--*/
		#push-down{height:69px; background:#470202; display:block;}

}


@media only screen and (min-width:768px){
	h2{
		font-size: 1.6667em; /* 30px */
		line-height: 1.8000em; /* 54px */
		margin-top: 0;
		margin-bottom: 0.0000em;
		font-family: 'josefin_sanssemibold', Helvetica, Tahoma, Arial, sans-serif;
		font-weight:normal;
		text-transform:inherit;
	}
	
	h3{
		font-size: 1.2222em; /* 22px */ 
		line-height: 1.2273em; /* 27px */ 
		margin-top: 1.2273em; 
		margin-bottom: 0.0000em;
		font-family: 'josefin_sansregular', Helvetica, Tahoma, Arial, sans-serif;
		font-weight:normal;
	}
	
	p, ul, dl{
	  font-size: 1em; /* 18px */
	  line-height: 1.5000em; /* 27px */
	  margin: 0 0 1.5000em 0;
	}
	dl{margin-bottom:0;}
	
	small{
	clear:both;
	font-size: 0.7778em; /* 14px */ 
	line-height: 1.9286em; /* 27px */
	margin: 0 0 1.9286em 0;
}
	
	/*h3 + p {margin-top:1.75em;}*/

	#site-nav{clear:none;}

	
	.salon-info{
		font-size: 1em; /* 18px */
		line-height: 1.5em; /* 27px */
		margin-top: 0;  margin-bottom: 0.0000em;
	
	}
	
	.container{
		margin:20px auto;
		padding:30px 2%; /*960/10*/
		overflow:hidden;
	}
	
	#tagline{text-transform:uppercase;}
	
	
	/*----ABOUT SECTION----*/

	#about-text section{margin-top: 1.2273em;}
	#about-text section h3{margin-top:0;}
	
	#contact-us, #contact-us h2, #contact-us h3{color:white;}

	#contact-us h3{background:rgba(71,2,2,0.5); padding:1%; text-align:center;}
	
	#interactive-map {
		position: relative;
		overflow: hidden;
		width:100%;
		height:300px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#ways-to-contact{
		width:43.7%;/*456/950*/
		margin-right:4.21%;
		background:rgba(38,20,12,0.6);
		padding:1%;/*9.5/950*/
		float:left;
}

	#how-to-find{
		float:right;
		width: 48%;/*415.2/950*/
		background: rgba(38,20,12,0.6);
		padding: 1%;/*9.5/950*/	
	}


	#george{float:left; padding-right:4%;}
	#about-george-text{width:79%; float:left;}

	#services-column1{
	width: 47.5%;
    float: left;
}

	#services-column2{
	width: 47.5%;
    float: right;
}

	#contact-us{
	background:#fcded1;
	background: url(../img/storefront.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

	/*--Footer Desktop--*/

	#review-us{margin:30px 0;}

	#footer-store-info{float:left; min-width:360px;}
	#quick-links{float:right; min-width:115px;}
	#quick-links h2{text-align: center;}
	#legal{clear:both;}


}

@media only screen and (min-width:480px) and (max-width:767px){#site-nav{ clear:both;} nav h1{margin-bottom:10px;}}

@media only screen and (min-width: 573px) and (max-width: 767px){
	#george{float:left; padding-right: 4%; width:16.28%;}
	#about-george-text{width:79.72%; float:right;}
}

@media only screen and (min-width: 420px) and (max-width:572px){

	#george{float:left; padding-right:4%; width:125px;}
	#about-george-text{}	

}

@media only screen and (min-width:480px){


	nav h1{margin-left:0;}

	nav h1 a:link, nav h1 a:visited, nav h1 a:focus, nav h1 a:hover, nav h1 a:active{font-size:1.5em;}
	nav#top-nav a#you-are-here:link, nav#top-nav a#you-are-here:visited, nav#top-nav a#you-are-here:focus, nav#top-nav a#you-are-here:hover, nav#top-nav a#you-are-here:active{border-bottom:2px solid #690303;}
	
	
	#site-nav{float:right;display:block;}
	#site-nav li{
		display:inline-block;
		border-top:none;
		margin-left:20px;
	}

	#site-nav a{display:block; border-top:none;text-transform: none; padding:5px 1px 1px;}
	
	.salon-info{
	font-size: 1em; /* 18px */
	line-height: 1.5em; /* 27px */
	margin-top:0;  margin-bottom: 0.0000em;

	}

	#header-home{
	background:#fcded1;
	background: url(../img/salon-chairs.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
	#services-header{
	background:#fcded1;
	background: url(../img/services-head.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

	#products-header{
	background:#fcded1;
	background: url(../img/products-head.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

}

@media only screen and (max-width:479px){

	#mobile-nav-icons{float:right; display:block;}

	#site-nav{clear:both; display:none; text-transform: uppercase;}

	.telephone-call-to-action{
		display:block;
		background-color:#470202;
		color:white;
		border:1px solid #690303;
		margin-bottom:20px;
		max-width:280px;
		
	}
	.telephone-call-to-action a:link, .telephone-call-to-action a:visited, .telephone-call-to-action a:focus, .telephone-call-to-action a:hover, .telephone-call-to-action a:active{
			color:white;
			width:98%;padding:10px 2%;
			display:block;
			font-size: 1em;
			line-height: 1.6875em;
			background:url('../img/white-arrows-next.png') no-repeat 94% 12px;
			height:30px;
		}

	h3.telephone-call-to-action a:link, h3.telephone-call-to-action a:visited, h3.telephone-call-to-action a:focus, h3.telephone-call-to-action a:hover, h3.telephone-call-to-action a:active{

		font-size: 0.8889em;
		line-height: 1.6875em;
		font-family: 'josefin_sansregular', Helvetica, Tahoma, Arial, sans-serif;
		font-weight:normal;

	}
	.header-no-bg div#main-info, div#main-info{margin:0 auto; background: none;}
	div.header{background:#52423B;padding:0; margin:0;}
	header.container{margin:0; width:100%; background:none; padding:0;}
	header hr{margin:5px 0; width:100%;}

	#about-salon{width:100%;}

	#share-the-love{margin-top:30px;}
	#review-us{clear:both;}
	#review-prompt, #review-us-prompt{ font-size: 0.8889em; line-height: 1.6875em; font-family: 'josefin_sansregular', Helvetica, Tahoma, Arial, sans-serif; font-weight:normal;}
	#interactive-map {height:200px;}

	#tel-and-number a:before {
    content: "\260E";
    display: inline;
    margin-right: 0.5em;
	}

	#about-george .previous, #about-george #photo-gallery .next{top:85%;}

	#george{padding-bottom: 10px; margin-left:auto; margin-right:auto;}
	#about-george h2{text-align: center;}

}