/*
Theme Name: alltherapy
Author: Buchanan - Fuzion 
*/


@import url("css/1140.css");

@font-face {
  font-family: TrajanPro;
  src: url('fonts/TrajanPro-Regular.otf');
}


@media (min-width: 858px) {
    html {
        font-size: 12px;
    }
}
 
@media (min-width: 780px) {
    html {
        font-size: 11px;
    }
}
 
@media (min-width: 702px) {
    html {
        font-size: 10px;
    }
}
 
@media (min-width: 724px) {
    html {
        font-size: 9px;
    }
}
 
@media (max-width: 623px) {
    html {
        font-size: 8px;
    }
}
 

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
	  font-family: Arial, Helvetica, sans-serif;	
	  background-color: #FFF;
	  color: #505050;
	}
	
	a {
	  text-decoration: none;
	  color: #505050;
	}
    a:hover {
	  text-decoration: underline;	
	 	
	}
	.bold {
	  font-weight: bold;	
	}
	h1 {
	  color: #3ebfcf;
	  font-size: 2.5em;
	  font-style:italic;
	  font-weight: bold;
	  margin: 0 0 .4em 0;
	}
	h2 {
	  text-transform:uppercase;
	  font-size: 1.2em;
	  font-weight: normal;
	  margin: 1.6em 0 0 0;
	}
    .clear { 
	  clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
    }
	
	header {
	   padding: 5em 0 2em 0;	
	}
  
  .alignright {
    float: right;
	margin: 5px;
  }
  
  .alignleft {
    float: left;
  }
	
	.social {
	  float: right;
	  text-align: right;
	  margin: 7em 2em 0 0;
	}
	
	.center {
	   text-align: center;	
	}
	
	.intro-content {
	  font-size: 1.3rem;
	  text-align: left;
	  margin: 2.5em 0 0 0;
	}
	
	.intro-content p {
	  margin: 0 0 1em 0;	
		
	}
	.intro-content a {
	  font-weight: bold;
	  font-style: italic;
	}
	.intro-content a img.facebookbox {
	  margin: 0 0 -.5em 0;	
	}
	.content {
	  font-size: 1.5rem;	
	}
  .content p {
     margin: 1em 0;
	 font-size: 1.3rem;
  }
  .content ul {
     list-style: inside;
  }
  
  .content li {
	  font-size: 1.3rem;
	  margin: 2px 0;
  }
	
	
	/*Menu*/
	
	.menu {
	  clear: both;
	  margin: 4.5em 0 0 0;
	  float: right;
	}
	
	.menu ul {
	   list-style-type: none;
	   margin: 0;
	   padding: 0;
	}
	.menu ul li {
	   display: block;
	   float: left;
	   margin: 0 5em 0 0; 
	}
	.menu ul li.lastitem {
	   margin: 0;	
	}
	.menu ul li a {
	   font-family: "TrajanPro";
	   color: 7e7b7b;	
	   font-size: 2.1rem;
	   text-transform: uppercase;
	   letter-spacing: .5rem;
	}
  
  .home #circle_menu .circle:hover, .home #circle_menu .current-menu-item, #circle_menu .circle {
      filter:Alpha(opacity=40);
      opacity: .4;
      cursor: pointer;
  }
  
  .home #circle_menu .circle, #circle_menu .circle:hover, #circle_menu .current-menu-item {
      filter:Alpha(opacity=100);
      opacity: 1;
      cursor: pointer;
  
  }
  
  .home #circle_menu .nolink:hover {
      filter:Alpha(opacity=100);
      opacity: 1;
      cursor: default;
  } 
  
  
  #circle_menu .nolink:hover {
      filter:Alpha(opacity=40);
      opacity: .4;
      cursor: default;
  }
  
  .page #circle_menu .nolink {
	  display:none;
  }
	
  #home #circle_menu .circle:hover a, #circle_menu .circle a:hover {
     text-decoration: none;
  
  }

	.circle {
     list-style-type: none;
	   width: 120px;
	   float: left;
	   height: 120px;
	   text-align: center;
	   color: #FFF;
	   margin: 0 3% 4% 0;
	}
  .circle a {
	   display: block;
     width:120px;
     height: 60px;
     padding: 40px 0 0 0;
     font-size: 18px;
	   color: #FFF;
  }

	.brown1 {
	   background: url(images/circle-brown1_120.png) no-repeat left top;	
	}
	.brown2 {
	   background: url(images/circle-brown2_120.png) no-repeat left top;	
	}
	.blue {
	   background: url(images/circle-blue_120.png) no-repeat left top;	
	}
	.auburn {
	   background: url(images/circle-auburn_120.png) no-repeat left top;	
	}
	.green1 {
	   background: url(images/circle-green1_120.png) no-repeat left top;	
	}
	.green2 {
	   background: url(images/circle-green2_120.png) no-repeat left top;	
	}
	.peagreen {
	   background: url(images/circle-pea-green_120.png) no-repeat left top;	
	}
	.smaller, .smaller a {
	   font-size: 1.5rem;	
	}
	.higher a {
	   height: 75px;
	   padding: 25px 0 0 0;
	}
	
	.main {
	   padding: 0 0 2em 0;	
		
	}
  
  
  /*contact page */
  
  .contactfooter {
    margin-top: 5%;
    margin-bottom: 5%;
  
  }
  
  
  /*therapists*/
  
  .therapists .circlet {
	   float: left;
	   text-align: center;
	   margin: 0 2% 4% 0;
     width:170px;
     height: 140px;
     padding: 30px 0 0 0;
  }
  
  .therapists .circlet p {
	   color: #FFF;
     font-size: 16px;
     font-weight: bold;
  }

  .therapists .circlet a, .therapistsm .circlesm a {
     color: #fff;
  }
  
  .therapistsm {
     padding: 0;
  }
  
  .therapistsm .circlesm {
	   float: left;
	   text-align: center;
	   margin: 0 0 4% 0;
     width:140px;
     height: 110px;
     padding: 30px 0 0 0;
  }
	
  .therapistsm .circlesm p {
	   color: #FFF;
     font-size: 14px;
     font-weight: bold;
  }


  .therapists .circle-1 {
      background: url(images/circle_green.png) no-repeat left top;
  }
	
  .therapists .circle-2 {
      background: url(images/circle_darkred.png) no-repeat left top;
  }

  .therapists .circle-3, .therapists .circle-8 {
      background: url(images/circle_darkgreen.png) no-repeat left top;
  }

  .therapists .circle-4 {
      background: url(images/circle_red.png) no-repeat left top;
  }

  .therapists .circle-5, .therapists .circle-7, .therapists .circle-9 {
      background: url(images/circle_orange.png) no-repeat left top;
  }

  .therapists .circle-6 {
      background: url(images/circle_cyan.png) no-repeat left top;
  }
  
  .therapistsm .circlesm-1 {
      background: url(images/circle_darkgreen_sm.png) no-repeat left top;
  }

  .therapistsm .circlesm-2 {
      background: url(images/circle_darkred_sm.png) no-repeat left top;
  }

  .therapistsm .circlesm-3 {
      background: url(images/circle_green_sm.png) no-repeat left top;
  }

  .therapistsm .circlesm-4 {
      background: url(images/circle_red_sm.png) no-repeat left top;
  }

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/***********************************************
Adjustments for services page
************************************************/
	.page .fivecol {
		margin-right: 1%;
	}
	.page .threecol {
		width: 25%;
	}
/***********************************************/

.mapp-container {
	border: 1px solid #ccc;
    box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	-o-box-shadow: 0 0 6px #CCCCCC;
	-webkit-box-shadow: 0 0 6px #CCCCCC;	
}