@charset "utf-8";

/* CSS Document */

* {

    margin: 0;

    padding: 0;

}



/* debugging */



/*

 * {

    outline: 1px solid red;

}

*/



html {

overflow-y: scroll; 

height: 100%;

}



body {

	font-family: Arial, sans-serif;

	font-size:16px;	

	line-height:1em;

	background-color: #FFFFFF;/*#F1F2EA;/*#D7D7D7; */

	background-size: cover;

	height:100%;

	}







header {

	margin 0 auto;

	width:100%;

	background-size:100% 100%;

	background-size:cover;

	background-color:#D7D7D7;

}



#container {

	min-height:100%; /* for sticky footer */

	height: auto !important;

	height:100%; 

	}

	

a {text-decoration:none;}

	

a:hover{color:#70EA6A;}  /* #7CD37D; */





nav, footer {

	display:block;

	background-color: #8E96A4;

	margin:0 auto;

	text-align:center;

	}



nav {padding:1em 0 0 0;

}



footer {padding:1em 0 1em 0;

color: #398962;

} 



nav a, footer a {

	font-family: 'Arimo', Arial, sans-serif;

	font-weight:bold;

	font-size:1em;



	}



nav a {	color: #F1F2EA;}

footer a {color: #000000;}

	

nav ul, footer ul {

	margin:0 auto;

	padding:0;

	}

	

nav li, footer li {

	padding:0;

	}







article {

	width:80%;

	margin: 0 auto;

/*	overflow:auto;  gets rid of horizontal scrolling issues */

	background-color:#FFFFFF;	

	padding-left:.5em;

	padding-right:.5em;

	} 





article p {font-size:95%;padding-top:.5em;padding-bottom:.5em;}



article ul,ol {font-size:90%;}



article blockquote{font-size:90%;padding:1em 1em;line-height:110%;font-weight:500;display:block;width:75%;margin:0 auto;text-align:center;}



.imgcenter{text-align:center;}



article ol {

	width:50%;

	margin:0 auto;

	padding-top:.5em;

	padding-bottom:.5em;}

	

article ol,li {

	padding-top:.25em;

	padding-bottom:.25em;

	}



article h1 {

	text-align:center;

	padding-top:1em;

	padding-bottom:.5em;

	font-size:125%;}	



article h2 {padding-top:.5em;

padding:bottom:.5em;

font-size:115%;}



article h3 {padding-top:.5em;

padding:bottom:.5em;

font-size:100%;

color:#398962;}



article h4 {padding-top:.5em;

padding:bottom:.25em;

font-size:90%;

color:#398962;}



article h5 {padding-top:.5em;

padding:bottom:.25em;

font-size:80%;}

.picwrap {display:inline-block;vertical-align:middle;padding:.5em 0 0 0;}



.video-container{

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;

	height:0;

	overflow:hidden;

	margin:0 auto;



}

.video-container{

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;

	height:0;

	overflow:hidden;

	margin:0 auto;



}

.appointment-container{

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;

	height:900;

	overflow:auto;

	margin:0 auto;



}


.appointment-container iframe {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;



}



.youtube-video-wrap {

width:80%;

max-width:560px;

max-height:315px;

margin:0 auto;

padding-bottom:2em;

}


.appointment-wrap {

width:100%;

max-width:1100px;

max-height:1100px;

margin:0 auto;

padding-bottom:2em;
padding-top: 2em;

}



footer {

	background-color:#4F5166;

	width:100%;

	font-size:.7em;

	line-height:125%;

	}



footer a {

	font-size: 100%;

}



.sprite {

    background-image: url(images/spritesheet.png);

    background-repeat: no-repeat;

    display: block;

}



.sprite img {display:none;}	



.Grid-1-of-1{width:100%;padding-left:.2em;padding-right:.2em;}



.leftGrid {float:left;width:47%;padding-bottom:.5em;padding-left:.25em;padding-right:.25em;margin-left:.4em;margin-right:.4em;}



.rightGrid {float:right;width:47%;padding-left:.2em;padding-right:.2em;padding-bottom:.5em;margin-left: .4em;margin-right:.4em;}



.grid25-50-25-1, .grid25-50-25-2, .grid25-50-25-3 {float:left;width:100%;padding-left:.2em;padding-right:.2em;padding-bottom:.5em;padding-top:0;margin-left: .25em;margin-right:.25em;}

.grid25-50-25-2 {width:100%;}



.Grid-1-of-3, .Grid-2-of-3, .Grid-3-of-3{float:left;width:32%;padding-left:.2em;padding-right:.2em;padding-bottom:1em;margin-left:.25em;margin-right:.25em;}



.Grid-1-of-4, .Grid-2-of-4, .Grid-3-of-4, .Grid-4-of-4{float:left;width:23.7%;padding-left:.2em;padding-right:.2em;padding-bottom:.5em;border:1px solid #D7D7D7;margin-left:.25em;margin-right:.25em;}



.Grid-1-of-5, .Grid-2-of-5, .Grid-3-of-5, .Grid-4-of-5, .Grid-5-of-5{float:left;width:18%;padding-left:.5em;padding-right:.5em;padding-bottom:1em;margin: 0 auto;text-align:center;}





.grid50 {float:left;width:48%;padding-left:.5em;padding-right:.5em;}

.grid-9-3-col-1 {float:left;width:64%;padding-left:.25em;padding-right:.25em;margin:0 auto;padding-top:1em;}

.grid-9-3-col-2 {float:right;width:30%;}

.grid-3-9-col-2 {float:right;width:64%;}

.grid-3-9-col-1 {float:left;width:30%;}



.grid67-33-col-1, .grid67-33-col-2 {float:left;width:67%;padding-left:.25em;padding-right:.25em;margin:0 auto;padding-top:1em;}

.grid67-33-col-2 {width:32%;}

.mainleft{text-align:center;padding-top:1em 0 0 0;line-height:75%;}

.tagline {text-align:center;}

.painm {width:40%;}



.clearfix {clear:both;}



.mainpic {padding:0;}



/* ***************************** MOBILE ***********************************/	

@media only screen and (max-width: 40em) {  /* MOBILE -- max-width 640px */



header{ 

	position:static;

	height: 95px; 

	width:100%;

	margin:0 auto;

	padding:0;

	background: url(images/ReliefMassage_LOGO_web-small.png)  no-repeat center;

	background-size:135px 90px, auto; 	

}



nav {

width:100%;

text-align:center;

padding-top:.25em; padding-bottom:.5em;

position:relative;

	}



nav a {font-size:75%;display:inline-block;line-height:100%;padding:0;}



nav ul {text-align:center;width:90%;}





footer {

width:100%;



}



footer ul { list-style-type: none;}



nav li {display:inline-block;text-align:center;width:4.5em;padding-top:.5em;padding-bottom: 0em;padding-left:0em;padding-right:0em;line-height:100%;margin-left:.2em;margin-right:.2em;}



 footer li {width:100%;text-align:center;padding-top:.5em; padding-bottom:.5em;}



.Grid-1-of-3, .Grid-2-of-3, .Grid-3-of-3, .grid67-33-col-1, .grid67-33-col-2, .grid25-50-25-1, .grid25-50-25-2, .grid25-50-25-3, .Grid-1-of-4, .Grid-2-of-4, .Grid-3-of-4, .Grid-4-of-4, .grid-3-9-col-2, .grid-3-9-col-1  {width:100%;}





.grid67-33-col-1, .grid67-33-col-2 {padding-left:0;padding-right:0; margin:0 auto;}



.leftGrid, .rightGrid,  .mainleft, .tagline {width:100%;}

.grid67-33-col-2, .grid67-33-col-1, .tagline, .mainleft {text-align:center;}



.painm {width:60%;}



blockquote{text-align:center;}









footer .sprite {padding: 0 .25em .75em .25em;}	  



h1 {font-size:125%;padding-bottom:0;padding-top:.5em;}



footer ul li h1 {font-size:150%;padding-left:0;padding-right:0;padding-bottom:0;}



	

.sprite-ABMPExpectAssociatedColorsm-28 {

    width: 28px;

    height: 28px;

    background-position: -5px -5px;

}



.sprite-BUTTON---Make-an-Appointmen {

    width: 143px;

    height: 33px;

    background-position: -5px -43px;

}



.sprite-Wellness {

    width: 29px;

    height: 30px;

    background-position: -165px -5px;

}



.sprite-fc-webicon-facebook-m {

    width: 31px;

    height: 30px;

    background-position: -165px -45px;

}



.sprite-fc-webicon-googleplus-m {

    width: 30px;

    height: 30px;

    background-position: -165px -85px;

}



.sprite-fc-webicon-pinterest-m {

    width: 30px;

    height: 30px;

    background-position: -165px -125px;

}



.sprite-fc-webicon-twitter-m {

    width: 30.5px;

    height: 30px;

    background-position: -5px -165px;

}



.sprite-fc-webicon-youtube-m {

    width: 29px;

    height: 30px;

    background-position: -45px -165px;

}



 footer li .sprite {display:inline-block;}



footer .sprite a {

	display:inline-block;

}



.mainpic{background:url(images/tricia-headshot.jpg) no-repeat center;

	background-size:contain;height:200px;width:100%;margin: 0 0 30px;}

	

.biopic{background:url(images/reliefmassage-patricia-2.jpg) no-repeat center;

	background-size:cover;height:200px;width:100%;}





}



/* Medium screens */

@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

	

header{ 

	height: 75px;

	width:100%;

	margin:0 auto;

	padding:0;

	background: url(images/top-banner-01.jpg)  no-repeat center ;

	background-size:650px 75px, auto; 

			}







.Grid-1-of-3, .Grid-2-of-3, .Grid-3-of-3, .grid67-33-col-1, .grid67-33-col-2, .grid25-50-25-1, .grid25-50-25-2, .grid25-50-25-3, .Grid-1-of-4, .Grid-2-of-4, .Grid-3-of-4, .Grid-4-of-4, blockquote, .mainleft, .tagline, .leftGrid, .rightGrid, .grid-3-9-col-2, .grid-3-9-col-1   {width:100%;}





blockquote, .mainleft, .tagline, .grid67-33-col-2, .leftGrid, .rightGrid {text-align:center;}







.mainpic{background:url(images/tricia-headshot.jpg) no-repeat center;

	background-size:contain;height:260px;width:100%;margin: 0 0 30px;}

	

	.biopic{background:url(images/reliefmassage-patricia-2.jpg) no-repeat right;

	background-size:contain;height:500px;width:100%;}



.painm {width:50%;}	 

/*

.leftGrid, .rightGrid {width:100%;}

.Grid-1-of-3, .Grid-2-of-3, .Grid-3-of-3{width:45%;}

.Grid-1-of-4, .Grid-2-of-4, .Grid-3-of-4, .Grid-4-of-4 {width:46%;}

.grid25-50-25-1 {width:23%;}

.grid25-50-25-2 {width:73%;}	

.grid25-50-25-3 {width:65%;}

*/





#container{margin:0 auto -85px;} 



footer, .push {

/* all the following foR sticky footer */

	height:85px;



}



footer li {

	width: 33%;

}



nav {

width:100%;

top:74px;	

font-size:80%;

padding: .8em 0 0 0;

	}



nav ul, footer ul {

	width:100%;

	list-style-type:none;

}



nav li, footer li {

	display:inline-block;

}



nav li {padding:0 1.25em 1em 1.25em;}



nav a, footer a {

	display:inline-block;

}



footer h1 {font-size:200%;padding-bottom:0;padding-top:.3em;}

	

footer .sprite {padding: 0 .25em .75em .25em;}	

	

.sprite {

    background-image: url(images/spritesheet.png);

    background-repeat: no-repeat;

    display: block;

}



.sprite-ABMPExpectAssociatedColorsm-28 {

    width: 28px;

    height: 28px;

    background-position: -5px -5px;

}



.sprite-BUTTON---Make-an-Appointmen {

    width: 144px;

    height: 33px;

    background-position: -5px -43px;

}



.sprite-BUTTON---Make-an-Appointmen:hover {

    width: 144px;

    height: 33px;

    background-position: -5px -93px;

}



.sprite-Wellness {

    width: 31px;

    height: 30px;

    background-position: -165px -5px;

}



.sprite-fc-webicon-facebook-m {

    width: 30px;

    height: 30px;

    background-position: -165px -45px;

}



.sprite-fc-webicon-googleplus-m {

    width: 30px;

    height: 30px;

    background-position: -165px -85px;

}



.sprite-fc-webicon-pinterest-m {

    width: 30px;

    height: 30px;

    background-position: -164px -125px;

}



.sprite-fc-webicon-twitter-m {

    width: 29px;

    height: 30px;

    background-position: -5px -165px;

}



.sprite-fc-webicon-youtube-m {

    width: 30px;

    height: 30px;

    background-position: -45px -165px;

}

}









/* Large screens */

@media only screen and (min-width: 64.063em) {



header{ 

	height: 100px; 

	background-size:780px 112px, auto; /* 1200 x 173 */

	}



nav {

width:100%;

top:99px;	

font-size:90%;

	}



nav li {

padding: 0 1em 1em 1em;

} 



.Grid-1-of-1{width:100%;padding-left:.2em;padding-right:.2em;}



.leftGrid {float:left;width:48%;padding-bottom:.5em;padding-left:.2em;padding-right:.2em;margin-left:.2em;margin-right:.2em;}



.rightGrid {float:right;width:48%;padding-left:.2em;padding-right:.2em;padding-bottom:.5em;margin-left: .2em;margin-right:.2em;}



.grid25-50-25-1, .grid25-50-25-2, .grid25-50-25-3 {float:left;width:100%;padding-left:.2em;padding-right:.2em;padding-bottom:.5em;padding-top:0;margin-left: .2em;margin-right:.2em;}

.grid25-50-25-2 {width:100%;}



.Grid-1-of-3, .Grid-2-of-3, .Grid-3-of-3{float:left;width:32%;padding-left:.2em;padding-right:.2em;padding-bottom:0; /*padding-bottom:1em; */ margin-left:.25em;margin-right:.25em;}  /* min-height:100%;height:100%; */



.Grid-1-of-4, .Grid-2-of-4, .Grid-3-of-4, .Grid-4-of-4{float:left;width:23.7%;padding-left:.2em;padding-right:.2em;padding-bottom:.5em;border:1px solid #D7D7D7;margin-left:.2em;margin-right:.2em;}  /* width:23.7%; */



.Grid-1-of-5, .Grid-2-of-5, .Grid-3-of-5, .Grid-4-of-5, .Grid-5-of-5{float:left;width:18%;padding-left:.5em;padding-right:.5em;padding-bottom:1em;margin: 0 auto;text-align:center;}





.grid50 {float:left;width:48%;padding-left:.5em;padding-right:.5em;}

.grid-9-3-col-1 {float:left;width:64%;padding-left:.25em;padding-right:.25em;margin:0 auto;padding-top:1em;}

.grid-9-3-col-2 {float:right;width:30%;}

.grid-3-9-col-2 {float:right;width:64%;}

.grid-3-9-col-1 {float:left;width:30%;}



.grid67-33-col-1, .grid67-33-col-2 {float:left;width:64%;padding-left:.5em;padding-right:.5em;margin:0 auto;padding-top:1em;}

.grid67-33-col-2 {width:32%;}



.Grid-1-of-3, .Grid-2-of-3, .Grid-3-of-3{width:32.1%;}



.mainpic{background:url(images/tricia-headshot.jpg) no-repeat center;

	background-size:contain;height:360px;width:100%;}



.painm {width:40%;}

#container {margin: 0 auto -70px;}



footer img {

	padding:0;

	}



footer, .push {

height: 70px;

}





footer h1 {font-size:200%;padding-bottom:0;padding-top:.3em;}



footer .sprite {padding: 0;}	





.sprite {

    background-image: url(images/spritesheet.png);

    background-repeat: no-repeat;

    display: block;

	

}



.sprite-ABMPExpectAssociatedColorsm-28 {

    width: 30px;

    height: 28px;

    background-position: -5px -5px;

}



.sprite-BUTTON---Make-an-Appointmen {

    width: 150px;

    height: 40px;

    background-position: -5px -43px;

}



.sprite-BUTTON---Make-an-Appointmen:hover {

    width: 150px;

    height: 40px;

    background-position: -5px -93px;

}



.sprite-Wellness {

    width: 33px;

    height: 30px;

    background-position: -165px -5px;

}



.sprite-fc-webicon-facebook-m {

    width: 31px;

    height: 30px;

    background-position: -165px -45px;

}



.sprite-fc-webicon-googleplus-m {

    width: 31px;

    height: 30px;

    background-position: -165px -85px;

}



.sprite-fc-webicon-pinterest-m {

    width: 30px;

    height: 30px;

    background-position: -165px -125px;

}



.sprite-fc-webicon-twitter-m {

    width: 31px;

    height: 30px;

    background-position: -5px -165px;

}



.sprite-fc-webicon-youtube-m {

    width: 30px;

    height: 30px;

    background-position: -45px -165px;

}



}