@charset "UTF-8";

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}

a:link img, a:visited img, a:active img {
	border: none;
}


.pagecontainer {
	width:90%;
	max-width:1240px;
	height:100%;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-left-style:solid;
	border-left-color:#CCCCCC;
	border-right-style:solid;
	border-right-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	border-width:1px;
	background:url(images/homepage/gradient-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.header {
	/*width: 973px;*/
	width:100%;
	height: 90px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#e7d7b5;
	background-image: url("../images/header_bg.jpg");
	background-size:cover;
	z-index: 1px;
}

/*.headernav {
	height: 44px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#996633;
	z-index: 1px;
}*/

nav {
	width:100%;
}

nav ul {
	list-style:none;
	padding:0;
	margin:0;
	
}

nav ul li {
	display: block;
	/*background-image: url("../images/header_bg.jpg");*/
	width:17.5%; 
	float:left;
	text-align:center;
	height: 90px;
}

nav ul li a {
	display: inline;
	text-decoration:none;
	font-family: "Helvetica";
	color: #3f1b0f !important;
	text-transform: uppercase;
	font-size:1.15em;
	font-weight: bold;
	text-shadow: 1px 1px .5em #fff;}
	
a.active, nav ul li a:hover {
	color: #9F1A24 !important;
}

nav ul li a.position {
	position:relative;
	top: 36px; 
	/*-ms-transform: translateY(35%);
    -webkit-transform: translateY(35%);
    transform: translateY(35%);*/
	left: -8px;
}

li.logo {
	width: 30%;
	
}

li.logo img{
	width:235px;
	max-width:300px;
	margin-top: 6px;
}

li.moblieLogo {
	display: none;
}

.nopadding {
	padding-left: 0;
}

.headerphonenumber {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	text-align:left;
	vertical-align:middle;
}

#smmenu {
	display:none;
}

p {
	font-family: Arial, Verdana, sans-serif;
	line-height:22px;
}

/* headlines with lines */

h2 { 
	color: #a01724;
	font-family: "Verdana";
	text-transform: uppercase;
	font-size: 1.7em;
}

.slider img {
	width:100%;
}

/*******************************************************************/
.decorated, .decoratedfav, .decoratedmenu, .decoratedcontact{
     overflow: hidden;
     text-align: center;
	 width:86%;
	 margin:0 auto;
 }
.decorated > span, .decoratedfav > span, .decoratedmenu > span, .decoratedcontact > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #e0caa6;
    width: 323px; /* half of limiter*/
    margin: 0 18px;
}

.decoratedfav > span:before, .decoratedfav > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #e0caa6;
    width: 323px; /* half of limiter*/
    margin: 0 -31px;
}

.decoratedmenu > span:before, .decoratedmenu > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #e0caa6;
    width: 323px; /* half of limiter*/
    margin: 0 -8px;
}

.decoratedcontact > span:before, .decoratedcontact > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #e0caa6;
    width: 323px; /* half of limiter*/
    margin: 0 -24px;
}

.decorated > span:before, .decoratedfav > span:before, .decoratedmenu > span:before, .decoratedcontact > span:before{
    right: 129%;
}
.decorated > span:after, .decoratedfav > span:after, .decoratedmenu > span:after, .decoratedcontact > span:after {
    left: 129%;
}

/*******************************************************************/
/* CSS for handheld devices */
.desktopOnly {
	visibility:hidden;
	font-size:24px;
	color:#FFF;
	text-align:left;
	vertical-align:middle;
}

/* CSS for non-handheld devices */
.mobilesOnly {
	visibility:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	text-align:left;
	vertical-align:middle;
}

.bodyslider {
	/*width: 973px;*/
	top: 141px;
	margin-left: auto;
	margin-right: auto;
}

.belt {
	/*width: 973px;*/
	/*height: 42px;*/
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	
}





#tagline {
	text-align:center; 
	color: #ffffff; 
	font-size:18px; 
	background-color: #9f1a24; 
	margin:0; 
	padding: 2px 0;
}


#tagline p {
	padding: 0; 
	margin: 0 0 11px;
}


#mobiletagline {
 	display: none;
	
}



.padding20pix {
	padding-top:28px;
}


.content2columnleft {
	vertical-align:top;
	font-size: 16px;
	line-height: 22px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
	border-right: 1px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	width:60%;
}

.column2content {
	margin: 0 auto;
	width:91%;
}


.pageWidth {
	margin: 0 auto;
	width:91%;
	padding-left: 6%;
}

.coffee {
	float: left;
	width: 44%;
	margin-right:4%;
	margin-top:20px; 
	margin-bottom:25px;
}

.coffee img {
	float: left;
	margin-right:10px;
}

.content2columnbodytextleft, .content2columnbodytextright {
	vertical-align:top;
	font-size: 18px;
	line-height: 22px;
	/*float: left;*/
	text-align: left;
	border-right: 0px;
	border-right-color:#000000;
	border-right-style:solid;
}
.book_online3{
	float: center;
	background-color: #DBAC50;
	padding: 8px 10px;
	border-radius: 5px;
	color: #ffffff;
	margin: 4px 18px 5px 15px;
	width: 160px;
	border:none;
	font-size: 14px;
	cursor: pointer;
}

.book_online4{
	float: center;
	background-color: #492803;
	padding: 8px 10px;
	border-radius: 5px;
	color: #ffffff;
	margin: 4px 18px 5px 15px;
	width: 185px;
	border:none;
	font-size: 16px;
	cursor: pointer;
}

.content2columnbodytextleft {
	padding-left: 27px;
	padding-right: 0px;
	width: 51%;
	float: left;
}

.content2columnbodytextright {
	padding-left: 5%;
	/*padding-right: 25px;*/
	width: 38%;
	float: left;
}

.content2columnbodytextcontact {
	vertical-align:top;
	font-size: 18px;
	line-height: 22px;
	/*padding-left: 50px;*/
	padding-right: 0px;
	margin-left: 3.6%;
	/*margin-right: auto;*/
	/*text-align: left;*/
	float: left;
	border-right: 0px;
	border-right-color:#000000;
	border-right-style:solid;
	width: 30%;
	color:#000000;
}


.content2columnbodytextmap {
	vertical-align:top;
	font-size: 16px;
	line-height: 22px;
	padding-left: 4%;
	/*padding-right: 75px;*/
	/*margin-left: auto;
	margin-right: auto;*/
	float:left;
	text-align: right;
	border-right: 0px;
	border-right-color:#000000;
	border-right-style:solid;
	width:59.35%;
	/*width: 565px;*/
}

.content2columnbodytextmap img {
	width: 100%;
	padding-left: 6%;
}

.content2columnright {
	vertical-align:top;
	font-size: 15px;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
		
}

.mapWrapper {
	width: 92%;
	margin:0 4% 0 4%;
}

.mapWrapper .links, .mapWrapper .mlinks {
	width: 20%;
}

#moreInfo {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-bottom:6px;
}


#moreInfo p{
	padding:0;
	margin:10px 0 10px 0;
	font-size: 14px;
	text-align: center;
}
#moreInfo .phone {
	color: #ae7d51;
	font-size:37px;
	text-align: center;
	margin-top:15px;
}

.button {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.about_div img  {
	width:100%;
}

hr {
	border-bottom: 1px solid #cccccc;
	border-top:none;
	margin-top: 40px;
}

.footer {
	/*width: 930px;*/
	width:90%;
	/*height:35px;*/
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background-color:#9f1a24;*/
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-style:normal;
	font-size:.9em;
	text-decoration:none;
	color:#9f1a24;
	vertical-align:middle;
	z-index: 1px;
	line-height:26px;
	padding: 1% 2% 1% 2%;
	border-top: 3px solid #9f1a24;
	margin-top:20px;
}

.footer a, .footerBorderBottom a {
	color:#3f1b0f;

}

.footer a, .footerBorderBottomHome a, .footerBorderBottomMenu a {
	color:#3f1b0f;
	border-bottom: none;

}

.footerBorderBottomHome a {
	color:#3f1b0f;
	border-bottom: none;

}

.footerBorderBottom {
	/*width: 930px;*/
	width:100%;
	/*height:35px;*/
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background-color:#9f1a24;*/
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-style:normal;
	font-size:1.1em;
	text-decoration:none;
	color:#9f1a24;
	vertical-align:middle;
	z-index: 1px;
	line-height:26px;
	padding: 0.5% 2% 0.5% 2%;
	border-top: none;
	border-top: 3px solid #9f1a24;
}

.footerBorderBottomMenu {
	/*width: 930px;*/
	width:100%;
	/*height:35px;*/
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background-color:#9f1a24;*/
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-style:normal;
	font-size:1.1em;
	text-decoration:none;
	color:#9f1a24;
	vertical-align:middle;
	z-index: 1px;
	line-height:26px;
	padding: 0.5% 2% 0.5% 2%;
	border-top: none;
}

.footerBorderBottomHome {
	/*width: 930px;*/
	width:100%;
	/*height:35px;*/
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background-color:#9f1a24;*/
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-style:normal;
	font-size:1.1em;
	text-decoration:none;
	color:#9f1a24;
	vertical-align:middle;
	z-index: 1px;
	line-height:26px;
	padding: 0.5% 2% 0.5% 2%;
	border-top: none;
	border: none;
}

#footer-homepage {
	padding:0 0 0px 0;
	margin-top:0;
}

#footer-homepage .footer{
	border-top: none;
	margin-top:0;
}

.footer p, .footer p a {
	margin-bottom:-10px;
}

#hours {
	margin-top: 10px;
	margin-bottom: 6px;
}

.divider {
	width: 88%;
	height:32px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}	

.divider img {
	width:100%;
}

.padding30pix  {
	margin-top:0px;
}

.links.noborder, .mlinks.noborder {
	border-right: none;
}


.clear {clear:both;}

.coffeedescrip{font-size:18px}

/********************EAU LINKS****************/

		.eau { width:100%;max-width:1240px;margin:0 auto; }
		.eau_section { width: 17%;height:16em; border-left:1px solid #e5e4e4;padding:0 1.5%;float:left; }
		.eau_section:first-child { border-left:none; }
		.eau_section:last-child { padding-right:0; }
		.eau_section img { width:100%;max-width:130px; }
		.eau_section img.spa_split { width:56.9%;max-width:99px;float:left; }
		.eau_section img.salon_split { width:43.1%;max-width:75px;float:left; }
		/***.eau_copy { font-size:12px;line-height:1.4em;text-align:left;margin-right:5%; } ***/
		/***p.eau_footercopy { font-size:0.6em;line-height:1.4em;text-align:center; }
		img.ulinelogo { width:6em;max-width:300px; } ***/

.EAUProperties {
	margin: 20px auto;
	width: 100%;
}

.links {
	border-right: 1px solid #cccccc;
	padding: 0 2.4%;
	width:14%;
	float: left;
	height: 330px;
}

.mlinks {
	border-right: 1px solid #cccccc;
	padding: 0 2.4%;
	width:15%;
	float: left;
	height: 230px;
}

.linksnoborder {
	margin: 0 auto;
	width: 29%;
}


.eau_section {
	border-right: 1px solid #cccccc;
	padding: 0 2.4%;
	width:16%;
	float: left;
	height: 330px;
}

.meau_section {
	border-right: 1px solid #cccccc;
	padding: 0 2.4%;
	width:15%;
	float: left;
	height: 230px;
}

.eau_sectionnoborder {
	margin: 0 auto;
	width: 29%;
}


.links2in1  {
	width:23%;
	border: none;
	float:left;
	padding: 32px 2.4%;
}

.logoImg {
	width:79%;
	margin: 0 auto;
	 -ms-transform: translateY(11%);
    -webkit-transform: translateY(11%);
    transform: translateY(11%);
}

.links2in1 img.double, .links img img.double {
	width:45%;
	float:left;
	margin-right:5%;
}

.links a img, .mlinks a img{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.eau_section p, .meau_section p{
	font-size: 14px;
	line-height: 18px;
	margin-top:20px;
}


.eau_section2in1 img.double, .eau_section img img.double {
	width:45%;
	float:left;
	margin-right:5%;
}

.eau_section a img, .meau_section a img{
	width: 45%;
	display: block;
	margin: 0 auto;
}

.links p, .links2in1 p, #uline p, .mlinks p{
	font-size: 14px;
	line-height: 18px;
	margin-top:20px;
}

#uline p {
	padding-top:	10px;
}

#uline p.small  {
	font-size:13px;
	text-align: center;
}
	
#uline {
	max-width: 900px;
	width: 100%;
	margin: 0px auto;
}

#uline img {
	width: 9%;
	display: block;
	margin: 0px auto;
}

/********************END EAU LINKS****************/


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



@media only screen and (max-width: 973px) {
	.header {
	height: 77px;
	}
	#tagline {
	font-size:18px; 
	}
	.book_online4{
	font-size: 14px;
	width: 170px;
	}
	.footerBorderBottomHome {
	font-size:0.938em;
	}
	.footer {
	padding: 0.5% 2% 0.5% 2%;
	}
	#footer-homepage {
	padding:0 0 8px 0;
	}
	.book_online4{
	width: 160px;
	}
	nav ul li a {
	font-size:1em;
	}
	h2 { 
	font-size: 1.5em;
	}
	.content2columnbodytextleft, .content2columnbodytextright {
	font-size: 16px;}
	#uline p.small  {
	font-size:11px;
	}
	.footer {
	font-size:0.938em;
	}
	.footerBorderBottom {
	font-size:0.938em;
	}
	.links p, .links2in1 p, #uline p {
	font-size: 12px;
	}
	
		.eau_section p, .eau_section2in1 p, #uline p {
	font-size: 12px;
	}
	
	.coffeedescrip{font-size:16px}
	.content2columnbodytextcontact {
	font-size: 16px;
	}
	nav ul li {
	height: 77px;
	}
	li.logo img{
	width:200px;
	margin-top:5px;
	}
	nav ul li a.position {
	position:relative;
	top: 30px; }

	.coffee img {
	width:80px;
	height: 135px;
	margin-right:6px;
	}
	.coffee {
	float: left;
	width: 45%;
	margin-right:3%;
	margin-top:20px; 
	margin-bottom:0;
	}
	

	
}
@media only screen and (max-width: 900px) {
.content2columnbodytextleft, .content2columnbodytextright {
		width: 88%;
		float:none;
		padding-left:5%;
	}
	
}

@media only screen and (max-width: 729px) and (min-width: 580px) {
	.links {
		height: 410px;
	}
	
		.eau_section {
		height: 410px;
	}
	
	li.logo img{
	width:170px;
	margin-top: 10px;
	}
	
}

@media only screen and (max-width: 768px) {
/*	li.logo img{
		 -ms-transform: translateY(20%);
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
	}*/
	li.logo img{
	width: 152px;
    margin-top: 13px;
	}
	
	.contactNumber{
		color:#000 !important;
	}
	
}



@media only screen and (max-width: 600px) {
	.content2columnbodytextcontact{
		width:100%;
	}
	
	.content2columnbodytextmap {
		width:100%;
		padding:0;
	}
	
	.fav2col {
		margin: 76px auto;
	}
	
	.coffee {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	.padding40pix  {
		margin-top:40px;
	}
	
	
	
	.mapWrapper .links a img, .mapWrapper .mlinks a img {
		width: 60%;
	}
	
	.mapWrapper .links p, .mapWrapper .mlinks p {
		text-align:center;
		margin: 10px 0 20px 0;
	}
	
	.mapWrapper .links, .mapWrapper .mlinks  {
		width: 77%;
		margin: 0 auto;
	}
	
		.mapWrapper .eau_section a img, .mapWrapper .meau_section a img {
		width: 60%;
	}
	
	.mapWrapper .eau_section p, .mapWrapper .meau_section p {
		text-align:center;
		margin: 10px 0 20px 0;
	}
	
	.mapWrapper .eau_section, .mapWrapper .meau_section  {
		width: 77%;
		margin: 0 auto;
	}
	
		#tagline,.belt {
		display: none;

	}


	#mobiletagline {
		display: block;
		text-align:center; 
		color: #ffffff; 
		font-size:18px; 
		background-color: #9f1a24; 
		margin:0; 
		padding: 2px 0;
		
	
	
}
	#mobiletagline p {
		line-height: 40px;
   		margin: 5px 0px;
		
	}
}

@media only screen and (max-width: 580px) {
	nav ul li {
		width:25%;
		background-image: none;
		background-color: #a01724;
		height: 53px;
	}
	
	nav ul li a {
		display: block;
		color: #ffffff !important;
		font-size: 0.8em;
		text-shadow: none;
	}
	
	nav ul li a.position {
		position: relative;
		top: 26%;
		left: -5px;
	}
	
	a.active, nav ul li a:hover {
		color: #fff !important;
	}
	
	li.logo {
		width: 100%;
	}
	
	li.logo img{
		display:none;
	}
	
	#displayNone {
		display:none;
	}
	
	li.moblieLogo {
		display: block;
		background-color:#f7f1e6;
		height: 77px;
		width: 100%;
	}
	
	
	.content2columnbodytextmap img {
		padding-left:0;
		margin: 0 8px 0 8px;
	}
	
	.links a img, .mlinks a img {
		width:100%;
		padding-right: 0;
		text-align:center;
	}
	
	
	
		.eau_section a img, .meau_section a img {
		width:100%;
		padding-right: 0;
		text-align:center;
	}
	
	.coffeeImg {
		margin: 0 auto;
		width: 85px;
	}
	
	#uline img{
		float: none;
		width:20%;
		margin: 10px auto;
		display: block;
	}
	
	.coffee img {
		float:none;
	}
	
	#menu {
		display:none;
	}
	
	#smmenu {
		display:block;
	}
	
	#waters {
		margin-top:14px;
		margin-bottom: 20px;
	}

	.EAUlogos {
		width:89%;
		margin:0 auto;
	}
	
	.logoImg {
		width:42%;
		margin: 0 auto;
	}
	
	li.logo img{
		width:194px;
		position: relative;
		top: 12%;
		-ms-transform: translateY(12%);
		-webkit-transform: translateY(12%);
		transform: translateY(12%);
	}
	
	
	
	.links, .mlinks {
		float:none;
		border: none;
		width: 98%;
		height:auto;
	} 
	.links a img, .mlinks a img {
		width: 135px;
		padding-right: 0;
		text-align:center;
	}
	
	
	.links2in1 {
		width: 100%;
	}
	
		.eau_section, .eau_section {
		float:none;
		border: none;
		width: 98%;
		height:auto;
	} 
	.eau_section a img, .meau_section a img {
		width: 135px;
		padding-right: 0;
		text-align:center;
	}
	
	
	.eau_section2in1 {
		width: 100%;
	}
	
	#uline img{
		float: none;
		width:20%;
		margin: 10px auto;
		display: block;
	}
	
	
	.links p, .links2in1 p, #uline p, .mlinks p {
		font-size: 14px;
		line-height: 20px;
	} 
	
		.eau_section p, .eau_section2in1 p, .meau_section p {
		font-size: 14px;
		line-height: 20px;
	} 
	
	.EAUlogoImg2 img {
		width: 35%;
		display:block;
		margin: 0 auto;
	}
	
	#tagline p {
		font-size: 16px;
	}
	
	.footer p {
		margin-bottom:0;
	}
	#hours {
		margin-top: 13px;
		margin-bottom: 13px;
	}
}

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

	.logoImg {
			width: 57% !important;
	}
	
	/*.links img { 
		width: auto !important; 
	}*/
	
	.links2in1 img.double, .links2in1 img.doublenomargin {
		width: 38%;
		margin: 0 6%;
	}
	
		.eau_section2in1 img.double, .eau_section2in1 img.doublenomargin {
		width: 38%;
		margin: 0 6%;
	}
}