/* W3C Validated 8/4/14 */

BODY.internal	{margin: 0;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 background-color: #4B4D39;
				 background-image: url(../images/bkgrd.jpg);
				 background-repeat: no-repeat;
				 background-position: top center;}


.int_container	{width: 100%;
				 max-width: 734px;
				 margin-left: auto;
				 margin-right: auto;
				 background-color: black;
				 background-image: url(../images/vertical_line.png);
				 background-repeat: no-repeat;
				 background-position: 694px 100px;}


HEADER.internal	{width: 100%;
				 min-height: 105px;
				 background-image: url(../images/int_enve_top_bkgrd.png);
				 background-repeat: no-repeat;
				 background-position: top left;}


.phone	{font-size: 15pt;
		 color: #CCCCCC;
		 text-align: right;
		 letter-spacing: 0.1em;
		 margin-right: 56px;
		 padding-top: 40px;}


H1	{font-family: "Times New Roman", Times, serif;
	 font-weight: normal;
	 font-size: 12pt;
	 color: #EFEFEF;
	 letter-spacing: 0.1em;
	 margin-left: 50px;
	 margin-top: -5px;
	 margin-bottom: 0}


H1.mobile	{display: none}


.int_nav	{width: 100%;
			 max-width: 620px;
			 height: 200px;
			 margin-left: auto;
			 margin-right: auto;
			 background-image: url(../images/int_top_nav_bkgrd.png);
			 background-repeat: no-repeat;
			 background-position: top right;}


.top_photo	{width: 310px;
			 height: 200px;}


.top_photo IMG	{width: 289px;
				 height: 192px;
				 margin-top: 8px;
				 margin-left: 11px;}


.int_menu	{font-size: 8pt;
			 font-family: "Times New Roman", Times, serif;
			 color: #FFFFFF;
			 width: 310px;
			 height: 200px;
			 float: right;
			 position: relative}


.int_menu ul	{list-style-type: none;
				 margin-top: 0;
				 margin-bottom: 0;
				 margin-left: 15px;
				 padding-top: 15px;
				 padding-left: 0;
				 width: 120px;
				 height: 145px;}

.int_menu li	{padding-left: 0;
				 padding-bottom: 5px;}


.int_menu IMG	{position: absolute;
				 top: 24px;
				 right: 15px;}


.breadcrumb	{font-size: 9pt;
			 padding-left: 15px;
			 margin-top: 13px;}


.sub_menu	{font-size: 7pt;
			 font-family: Verdana, Arial, Helvetica, sans-serif;
			 color: #913131;
			 text-align: right;
			 background-image: url(../images/sub_menu_bkgrd.png);
			 background-repeat: no-repeat;
			 background-position: top center;
			 width: 100%;
			 max-width: 620px;
			 height: 40px;
			 margin-left: auto;
			 margin-right: auto;}


.sub_menu ul	{margin: 0px;
				 padding-right: 30px;
				 padding-top: 14px;}

.sub_menu li	{display: inline;
				 padding-left: 6px;}


.whitecopy_shdw	{width: 100%;
				 max-width: 620px;
				 height: 26px;
				 margin-left: auto;
				 margin-right: auto;
				 background-image: url(../images/whitecopy_shadow.png);
				 background-repeat: no-repeat;
				 background-position: top center;}


.text_container_white	{width: 100%;
						 max-width: 620px;
						 margin-left: auto;
						 margin-right: auto;
						 padding-top: 10px;
						 padding-bottom: 20px;
						 background-color: white}


.text_container_green	{width: 100%;
						 max-width: 620px;
						 margin-left: auto;
						 margin-right: auto;
						 padding-top: 10px;
						 padding-bottom: 20px;
						 background-color: #BFC7BD}


.text_container_black	{width: 100%;
						 max-width: 620px;
						 margin-left: auto;
						 margin-right: auto;
						 padding-bottom: 25px;}


.copy_left	{font-size: 8pt;
			 color: #333333;
			 width: 310px;
			 float: left;}


.copy_wide	{font-size: 8pt;
			 color: #333333;
			 width: 88%;}


.copy_wide P	{margin-left: 35px;
				 margin-top: 0;
				 margin-bottom: 10px;}


IMG.aveda	{float: right;
			 margin: 0 0 10px 15px;}


FORM	{margin: 0 0 10px 35px;}


TABLE	{margin: 0 0 5px 0;}

.staff_wide	{font-size: 8pt;
			 color: #333333;
			 width: 95%;}


H2	{font-size: 14pt;
	 font-family: "Times New Roman", Times, serif;
	 font-weight: normal;
	 color: #701919;
	 margin-left: 35px;
	 margin-top: 0;
	 margin-bottom: 5px;
	 line-height: 20px}


HR	{width: 230px;
	 text-align: left;
	 margin-left: 35px;
	 margin-top: 0;
	 margin-bottom: 5px;
	 padding: 0;
	 background-color: #777E74;
	 border: 1px solid #777E74;}


HR.wide	{width: 380px;
		 text-align: left;
		 margin-left: 35px;
		 margin-top: 0;
		 margin-bottom: 5px;
		 padding: 0;
		 background-color: #777E74;
		 border: 1px solid #777E74;}


.copy_left P	{width: 250px;
				 margin-left: 35px;
				 margin-top: 0;
				 margin-bottom: 10px;}


.copy_left P.btm	{width: 250px;
					 margin-left: 0;
					 margin-top: 0;
					 margin-bottom: 5px;
					 color: #919D8E;}


.copy_left P.earth	{width: 250px;
					 margin-left: 0;
					 margin-top: 0;
					 margin-bottom: 5px;
					 color: #AAAAAA;}


.copy_left IMG	{margin-top: 20px;
				 margin-bottom: 10px;}


.copy_left IMG.logo	{margin-top: 20px;
					 margin-bottom: 2px;}


.copy_right	{font-size: 8pt;
			 color: #333333;
			 width: 310px;
			 margin-left: 310px;
			 padding-top: 37px;}


.copy_right P.left	{width: 220px;
					 margin-left: 0;
					 margin-top: 0;
					 margin-bottom: 5px;
					 float: left;}


.copy_right P.right	{width: 80px;
					 margin-left: 225px;
					 margin-top: 0;
					 margin-bottom: 5px;}


.copy_right P.both	{width: 235px;
					 margin-left: 0;
					 margin-top: 20px;
					 margin-bottom: 5px;}


.copy_right IMG	{margin-top: 20px;
				 margin-bottom: 10px;}


.row	{height: 50px}


.thumbnail_row	{width: 100%;
				 margin-left: 35px;
				 margin-top: 10px;}


.thumbnail	{width: 105px;
			 height: 145px;
			 margin-right: 8px;
			 float: left;}

.thumbnail IMG	{box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);}

.thumbnail P	{margin-left: 5px;
				 margin-top: 5px;
				 margin-bottom: 0;}


.appt	{color: #FFFFFF;
		text-align: center;
		background-color: #701919;
		width: 168px;
		height: 23px;
		padding-top: 8px;
		margin-top: 50px;
		margin-left: 20px;
		margin-bottom: 7px;}


.gift	{color: #FFFFFF;
		text-align: center;
		background-color: #788775;
		width: 168px;
		height: 23px;
		padding-top: 8px;
		margin-left: 20px;}


.int_salon	{width: 310px;
			 margin-left: 310px;
			 font-size: 10pt;
			 font-family: "Times New Roman", Times, serif;
			 color: #919D8E;
			 line-height: 160%;
			 background-image: url(../images/red_stripe.jpg);
			 background-repeat: no-repeat;
			 background-position: 0 20px;}


H3		{font-size: 14pt;
		color: #DDDDDD;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 20px;
		padding-top: 20px;}


.int_salon P	{margin-left: 20px;
				 margin-top: 0;
				 margin-bottom: 10px;
				 line-height: 18px;}


.footer_menu	{font-size: 8pt;
				 font-family: "Times New Roman", Times, serif;
				 color: #919D8E;
				 text-align: center;
				 height: 84px;
				 margin-top: 25px;
				 width: 100%;
				 max-width: 720px;
				 margin-left: auto;
				 margin-right: auto;
				 clear: both;}

.footer_menu ul	{display: inline-block;
				 margin: 0;
				 padding: 0;}

.footer_menu li	{display: inline;
				 padding-right: 7px;}

.footer_menu li.last	{display: inline;
						 padding-right: 0;}


/* STAFF BIOS */

#tracy	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#chris	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#lauren	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#ashley	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#sue	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#katie	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#karen	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#leah	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

#paula	{background-image: url(../images/staffbio_bkgrd_responsive.jpg);
		 background-repeat: no-repeat;
		 background-position: top center;
		 width: 300px;
		 height: 600px;
		 margin: 0}

.bio_name	{font-size: 13pt;
			 font-family: "Times New Roman", Times, serif;
			 color: #DBB09F;
			 margin-left: 63px;}

.bio_text	{font-size: 8pt;
			 font-family: Verdana, Arial, Helvetica, sans-serif;
			 color: #000000;
			 line-height: 130%;
			 width: 245px;
			 margin-top: 60px;
			 margin-left: 30px;}

.bio_text P	{margin-top: 0px;
			 margin-bottom: 10px;}

.bio_photo	{margin-top: 10px;
			 margin-left: 33px;}



a.menulink:link {color: #EFEFEF; text-decoration: none;}
a.menulink:visited {color: #EFEFEF; text-decoration: none;}
a.menulink:active {color: #EFEFEF; text-decoration: none;}
a.menulink:hover {color: #913131; text-decoration: none;}

a.sublink:link {color: #FFFFFF; text-decoration: none; font-weight: normal;}
a.sublink:visited {color: #FFFFFF; text-decoration: none; font-weight: normal;}
a.sublink:active {color: #FFFFFF; text-decoration: none; font-weight: normal;}
a.sublink:hover {color: #913131; text-decoration: none; font-weight: normal;}

a.apptlink:link {color: #FFFFFF; text-decoration: none;}
a.apptlink:visited {color: #FFFFFF; text-decoration: none;}
a.apptlink:active {color: #FFFFFF; text-decoration: none;}
a.apptlink:hover {color: #FFFFFF; text-decoration: underline;}

a.footerlink:link {color: #919D8E; text-decoration: none;}
a.footerlink:visited {color: #919D8E; text-decoration: none;}
a.footerlink:active {color: #919D8E; text-decoration: none;}
a.footerlink:hover {color: #CCCCCC; text-decoration: none;}

a.copylink:link {color: #3366CC; text-decoration: none; font-weight: normal;}
a.copylink:visited {color: #3366CC; text-decoration: none; font-weight: normal;}
a.copylink:active {color: #3366CC; text-decoration: none; font-weight: normal;}
a.copylink:hover {color: #3366CC; text-decoration: underline; font-weight: normal;}


/* VIEWPORT WIDTHS: */

/*	iPhone: 320 - 480
	iPad:  768 - 1024
	Galaxy S4: 360 - 640 */


/* VIEWPORT CHANGES */

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

BODY.internal	{background-image: none;}

}


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

.footer_menu	{display: none}

}


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

.phone	{margin-right: 16px;
		 padding-top: 30px;
		 padding-bottom: 10px;}

.int_menu	{float: none;
			 font-size: 9pt;}

.int_menu ul	{margin-left: 20px;
				 padding-top: 7px;}

.breadcrumb	{padding-left: 20px;
			 margin-top: 20px}

.top_photo	{display: none}

.copy_left	{width: 98%;
			 float: none;}

.copy_left P	{width: 90%;
				 margin-left: 20px;}

.copy_wide P	{margin-left: 20px;}

H2	{margin-left: 20px;}

HR	{margin-left: 20px;}

.thumbnail_row	{margin-left: 20px;}

.copy_left P.btm	{width: 90%;
					 margin-left: 20px;}


.copy_left P.earth	{width: 90%;
					 margin-left: 20px;}


.copy_left IMG	{margin-left: 20px;}

.copy_left IMG.logo	{margin-left: 0;}

.copy_right	{width: 98%;
			 margin-left: 0;
			 padding-top: 0;}

.copy_right P.left	{width: 65%;
					 margin-left: 20px;}

.copy_right P.right	{width: 20%;
					 margin-left: 75%;}

.copy_right P.clear	{width: 99%;
					 margin: 0;
					 padding: 0;
					 clear: both}

.copy_right P.both	{width: 65%;
					 margin-left: 20px;}

.copy_right IMG	{margin-left: 20px;}

.int_salon	{width: 98%;
			 font-size: 9pt;
			 margin-left: 0;
			 background-image: none;}

}


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

.sub_menu ul	{display: none}

}

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

IMG.aveda	{float: none;
			 margin: 0 0 10px 20px;}

}

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

HEADER.internal	{background-image: url(../images/int_enve_top_bkgrd_sm.png);}

H1	{margin-left: 22px;}

}


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

H1	{display: none}

H1.mobile	{display: block;
			 line-height: 20px;
			 padding-bottom: 15px}

.copy_right P.left	{width: 60%;
					 margin-left: 20px;}

.copy_right P.right	{width: 25%;
					 margin-left: 75%;
					 margin-top: 0;
					 margin-bottom: 5px;}

}