 
body{
	 
	 /* background: transparent url(http://middleboromassage.com/images/background_gradient1.jpg) repeat-x;
	 
	  
	
	background-image:url(background_september.png); background-color:#e9dbd0;*/ 
 
	font: 90% Verdana,fantasy,sans-serif
	
	}
	 
	 
.leftNav a { color:white; padding-left:25px;
	padding-bottom:50px;	 
}
	 
.leftNav a:hover { color:#c5deb2; padding-left:25px;
	padding-bottom:50px;	 
}
	 

.header{width: 950px; margin-top:5px;  min-height: 125px; }	

.container h1{font-family: Lucida Console, Monaco, monospace; color: #697255; font-size:20px; font-style:italic;}
.container h2{font-family: Arial, Helvetica, sans-serif; color:#7B6B88;  font-size:18px; font-style:italic;}

.request{ background-image:url(request_background.png) no repeat;}

/*
.container{width: 1050px; margin-bottom: 5px; border-width:thin; border-style:solid; border-color:white; min-height: 450px ; background-color:white;}

*/
.container{width: c%;}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px;
  background-color:white;
  text-align:center;
  transition: 0.3s;
}

.TopBar
{text-align:left;

background: #72865b;  /* fallback for old browsers */ 


 
 

	
color:#FFF; font-size:16px;
}
.yeserday
{
	/* Created with https://www.css-gradient.com 

background: #6B9B8A;
background: -webkit-linear-gradient(top left, #6B9B8A, #45745F);
background: -moz-linear-gradient(top left, #6B9B8A, #45745F);
background: linear-gradient(to bottom right, #6B9B8A, #45745F);*/
/* Created with https://www.css-gradient.com */
background: #21B690;
background: -webkit-linear-gradient(right, #21B690, #5C85CF);
background: -moz-linear-gradient(right, #21B690, #5C85CF);
background: linear-gradient(to left, #21B690, #5C85CF);


/* Created with https://www.css-gradient.com */
background: #A4CCD2;
background: -webkit-linear-gradient(top left, #A4CCD2, #9AB6B6);
background: -moz-linear-gradient(top left, #A4CCD2, #9AB6B6);
background: linear-gradient(to bottom right, #A4CCD2, #9AB6B6);


/* Created with https://www.css-gradient.com */
background: #BFC791;
background: -webkit-linear-gradient(top left, #BFC791, #B1B1B1);
background: -moz-linear-gradient(top left, #BFC791, #B1B1B1);
background: linear-gradient(to bottom right, #BFC791, #B1B1B1);
}
.section1
{
	font-size:16px;
background-color:white;
 
}
.about
{
	margin-top:-20px;
font-size:16px; 
background-color:#F8F8F6; 
 
}
.map
{
	margin-top:-20px;
font-size:16px;
 

/* Created with https://www.css-gradient.com */
background: #73865B;
background: -webkit-linear-gradient(bottom right, #73865B, #C7D2BB);
background: -moz-linear-gradient(bottom right, #73865B, #C7D2BB);
background: linear-gradient(to top left, #73865B, #C7D2BB);

background-image:url(images/wood3.png);
}
.MeetThearapist
{ 
font-size:16px;
 
/* Created with https://www.css-gradient.com */
background: #FBF0EA;
background: -webkit-linear-gradient(top left, #FBF0EA, #e1dfd0);
background: -moz-linear-gradient(top left, #FBF0EA, #e1dfd0);
background: linear-gradient(to bottom right, #FBF0EA, #e1dfd0);

}
.modalitiesNav{
	 background-color:#6B9B8A	; text-shadow: 1px 1px #828181; 
	 
	 background-color:#828080; text-shadow: 1px 1px #828181; 
	 
 
	 color:white; min-width:100%; max-width:1050px; font-size:18px; margin-top:-3px; padding-top:2px; padding-bottom:2px; 
}


.main
{
	width: 100%;  
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12.5px;
 margin-top:0px; background-color:white;
}
.main p{ text-indent: 30px;}
.main h5{
		background-image:url(h4_background.png); 
		background-repeat:no-repeat;
		width: 650px;
		font-size:14px; 
		font-style:italic; 
 		font-size:20px; 
		min-height:50px;
		margin-right: 125px;
		color: #FFFFFF;
		}
.main h4{
		background-image:url(h4_background.png); 
		background-repeat:no-repeat;
		font-size:14px; 
		margin-right: 125px; 
		font-style:italic; 
		min-height:50px;
		font-size:20px; 
		padding-top:13px; color: #FFFFFF;
		}		
		 
.footerlink{font-family:Verdana, Geneva, sans-serif; font-size:11.5px; color:#FFF;}
															/*color:#696;*/
div.rockwall{ 
		display: block; 
		width: 950px; 
		height: 600px;
		border-width:medium;
		position: relative;
		position:absolute;
			left: 189px;
			top: 450px;
		border-color:#000000;
																/*background: transparent url(rockwall.png) no-repeat center;*/
		background:transparent url(kristine_background2.png) no-repeat center;
		}


.fotterlink{ color: #663;}

.fotterlink p {font-family:Arial, Helvetica, sans-serif; color:#696; font-size:4px;}

.footerlink a:link {text-decoration: none; color: #663}
.footerlink a:active {text-decoration: none; color: #663}
.footerlink a:visited {text-decoration: none; color: #663}
.footerlink a:hover {text-decoration: none; color:#930;}


div.intro { font-family:Verdana, Geneva, sans-serif; font-size:11.5px; background-image:url(Menu/banner_new.jpg) ; height: 150px; }
.intro{ margin-top:-5px;/*margin-top: 50px; */ 
	}; 
.topnav a:link {text-decoration: none; color: #FFFFFF;}  
.topnav a:active {text-decoration: none; color: #FFFFFF;}  
.topnav a:visited {text-decoration: none; color: #FFFFFF;}  
.topnav a:hover {text-decoration: none; color: #FFFFFF;}


#blog{font-family:Verdana, Geneva, sans-serif; font-size:11.5px;  height:  }
#blog a:link {text-decoration: none; color: #06F; font-size:11.5px;}  
#blog a:visited {text-decoration: none; color: #06F; font-size:11.5px;}
#blog a:hover {text-decoration: none; color: #C1D263; font-size:11.5px;}

.topnav{ margin-right: 20px;  }


.h3{
color:#399
}

 
/*.modalitiesNav a:link { text-shadow: 1px 1px #f4eacc; color:white}
.modalitiesNav a:visited { text-shadow: 1px 1px #f4eacc; color:white}
.modalitiesNav a:hover{ text-shadow: 1px 1px #f4eacc; color:white}
*/
 .modalitiesNav a:link {  color:white}
.modalitiesNav a:visited {   color:white}
.modalitiesNav a:hover{  color:white}

 



.services-list {  
  list-style: none;
  margin-top: 40px;
  text-align: center;
}

.services-list a:link {
  color: #b4ccdf;
  background-color: transparent;
  text-decoration: none;
}

.services-list a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

.services-list a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

.services-list a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
@media (max-width: 480px) {
  .services-list {
    margin-top: 20px;
  }
}
.services-list li.services-list-item {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  margin-bottom: 20px;
  padding: 0px 20px;
}
@media (max-width: 768px) and (min-width: 601px) {
  .services-list li.services-list-item {
    width: 49%;
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .services-list li.services-list-item {
    width: 100%;
    font-size: 14px;
  }
}

