@charset "utf-8";
/* CSS Document */

ul#navigation { background:none; margin:0px; }
ul#navigation > li { background:none; display:inline; float:left; list-style:none;}
ul#navigation li a { display: block; padding: 0px; }
ul#navigation li a:hover { background: url('../images/navigation_gradient_over.gif') repeat-x; }

ul#navigation li span { display: block; overflow: hidden; text-indent: -999999px; width: 108px; height:122px; margin-top:0px; margin-left:0px; }
ul#navigation li a#about span { background:url(../img/about.png) no-repeat; width:95px; height:115px; background-position: 0 0; }
ul#navigation li a#about:hover span { background-position: 0 -0px; background:url(../img/about-hover.png) no-repeat;  width:95px; height:127px; }
ul#navigation li a#about span.active{background:url(../img/about-hover.png)  no-repeat; width:95px; height:127px; background-position: 0 0;}

ul#navigation li a#philosophy span { background:url(../img/our-philosophy.png) no-repeat; background-position: 0 0;  width:116px; height:115px;}
ul#navigation li a#philosophy:hover span { background-position: 0 -0px; background:url(../img/our-philosophy-hover.png) no-repeat; width:116px; height:127px;}
ul#navigation li a#philosophy span.active { background:url(../img/our-philosophy-hover.png) no-repeat; width:116px; height:127px; background-position: 0 0; }



ul#navigation li a#staff span { background:url(../img/staff.png) no-repeat; background-position: 0 0; width:95px; height:115px;  }
ul#navigation li a#staff:hover span { background-position: 0 -0px; background:url(../img/staff-hover.png) no-repeat;  width:95px; height:127px;}
ul#navigation li a#staff span.active{background-position: 0 -0px; background:url(../img/staff-hover.png) no-repeat;  width:95px; height:127px; }



ul#navigation li a#services span { background:url(../img/service.png) no-repeat; background-position: 0 0; width:95px; height:115px;  }
ul#navigation li a#services:hover span { background-position: 0 -0px; background:url(../img/services-hover.png) no-repeat;  width:95px; height:127px;}
ul#navigation li a#services span.active {background-position: 0 -0px; background:url(../img/services-hover.png) no-repeat;  width:95px; height:127px; }


ul#navigation li a#client span { background:url(../img/client.png); background-position: 0 0; width:95px; height:115px;  }
ul#navigation li a#client:hover span { background-position: 0 -0px; background:url(../img/client-hover.png) no-repeat;  width:95px; height:127px;}
ul#navigation li a#client span.active {background-position: 0 -0px; background:url(../img/client-hover.png);  width:95px; height:127px; }

ul#navigation li a#resources span { background:url(../img/resource.png); background-position: 0 0; width:95px; height:115px;  }
ul#navigation li a#resources:hover span { background-position: 0 -0px; background:url(../img/resources-hover.png) no-repeat;  width:94px; height:127px;}
ul#navigation li a#resources span.active {background-position: 0 -0px; background:url(../img/resources-hover.png);  width:94px; height:127px; }


ul#navigation li a#contact span { background:url(../img/contact.png) no-repeat; background-position: 0 0;  width:95px; height:115px; }
ul#navigation li a#contact:hover span { background-position: 0 -0px; background:url(../img/contact-hover.png) no-repeat;  width:94px; height:127px;}

ul#navigation li a#contact span.active { background-position: 0 -0px; background:url(../img/contact-hover.png) no-repeat; width:94px; height:127px; }

#navigation li ul { display: none; margin: 0; padding: 0; position: absolute; }
#navigation li ul li { clear: left; list-style:none;}
#navigation li ul li a { background: #194919; border-bottom: 1px solid #123111; border-top: 1px solid #27822C; color: #FFF; float: left; height: 16px; line-height: normal; padding: 5px 12px; width: 150px; }
#navigation li ul li a:hover { background: #1E6121; color: #99CC00; text-decoration: none; }

#navigationformobile {display:none;}
#navigation{display:block;}
ul#navigation.menuactive{display:block;}
@media (max-width: 767px) {
.masthead{opacity: 1;}
ul#navigation.menuactive{display:block;  background: none repeat scroll 0 0 #000000;
    display: block;
    height: 100%;
    opacity: 1;
    position: fixed;
    top: 0;
	padding-top: 16px;
	padding-left:7px;
    width: 200px;}
	ul#navigation.menuactive li{ line-height: 20px; padding-bottom: 8px;}
#navigation{display:none;}
#navigationformobile {display:block;}
ul#navigation li span { display: block; overflow: hidden; text-indent: 0px; width: 108px; height:122px; margin-top:0px; margin-left:0px; }

ul#navigation li a#about span { background:none; width: 100%; height:20px; background-position: 0 0; }
ul#navigation li a#about { background:url(../img/about-mobil.png) no-repeat left center; }
ul#navigation li a#about:hover span { background-position: 0 -0px;background:none; width: 100%; height:20px; }
ul#navigation li a#about.active span{background:none;width: 100%;height:20px; background-position: 0 0;}
ul#navigation li a#about span.active{background:none;width: 100%;height:20px; background-position: 0 0;}



ul#navigation li a#philosophy span { background:none; background-position: 0 0;  width: 100%;height:20px;}
ul#navigation li a#philosophy  {background:url(../img/philo-mobil.png) no-repeat left center;}
ul#navigation li a#philosophy:hover span { background-position: 0 -0px;background:none; width: 100%; height:20px;}
ul#navigation li a#philosophy.active  span{ background:none; width: 100%;height:20px;  background-position: 0 0; }
ul#navigation li a#philosophy span.active { background:none; width: 100%;height:20px;  background-position: 0 0; }



ul#navigation li a#staff span { background:none; background-position: 0 0; width: 100%; height:20px;  }
ul#navigation li a#staff  {background:url(../img/staff-mobil.png) no-repeat left center;}
ul#navigation li a#staff:hover span { background-position: 0 -0px; background:none; width: 100%; height:20px;}
ul#navigation li a#staff.active  span{background-position: 0 -0px; background:none; width: 100%; height:20px; }
ul#navigation li a#staff span.active{background-position: 0 -0px; background:none; width: 100%; height:20px;}


ul#navigation li a#services span { background:none;background-position: 0 0; width: 100%;height:20px;  }
ul#navigation li a#services  {background:url(../img/services-mobil.png) no-repeat left center;}
ul#navigation li a#services:hover span { background-position: 0 -0px; background:none;  width: 100%;height:20px;}
ul#navigation li a#services.active  span{background-position: 0 -0px; background:none; width: 100%; height:20px; }
ul#navigation li a#services span.active {background-position: 0 -0px; background:none; width: 100%; height:20px; }

ul#navigation li a#client span { background:none; background-position: 0 0; width: 100%; height:20px;  }
ul#navigation li a#client  {background:url(../img/client-mobil.png) no-repeat left center;}
ul#navigation li a#client:hover span { background-position: 0 -0px; background:none;  width: 100%; height:20px;}
ul#navigation li a#client.active  span{background-position: 0 -0px; background:none;  width: 100%; height:20px; }
ul#navigation li a#client span.active {background-position: 0 -0px; background:none;  width: 100%; height:20px;  }


ul#navigation li a#resources span { background:none;background-position: 0 0; width: 100%; height:20px;  }
ul#navigation li a#resources  {background:url(../img/resources-mobil.png) no-repeat left center;}
ul#navigation li a#resources:hover span { background-position: 0 -0px; background:none; width: 100%; height:20px;}
ul#navigation li a#resources.active  span{background-position: 0 -0px; background:none;  width: 100%;height:20px; }
ul#navigation li a#resources span.active {background-position: 0 -0px; background:none;  width: 100%;height:20px; }

ul#navigation li a#contact span { background:none; background-position: 0 0;  width: 100%; height:20px; }
ul#navigation li a#contact  {background:url(../img/contact-mobil.png) no-repeat left center;}
ul#navigation li a#contact:hover span { background-position: 0 -0px; background:none; width: 100%; height:20px;}
ul#navigation li a#contact.active  span{ background-position: 0 -0px; background:none; width: 100%; height:20px; }	
ul#navigation li a#contact span.active {background-position: 0 -0px; background:none; width: 100%; height:20px;  }

ul#navigation > li{float:none;display:block;background: none repeat scroll 0 0 #000;    color: #FFFFFF;}	
ul#navigation li a{text-align:left;  color: #FFFFFF; text-decoration:none; text-transform:uppercase;  padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px; margin-left:5px;}
ul#navigation{margin-top:0px;}
#navigationformobile li{ color: #FFFFFF; }
ul#navigation li a:hover {
    background: none repeat scroll 0 0 #222;
}
#navigationformobile { list-style: none outside none;
    margin: 0;
    padding: 0;
	position:fixed; 
	right:0px;
	top:0px;
	}
#navigationformobile li a{text-align:left;  color: #FFFFFF; text-decoration:none; text-transform:uppercase;  display:block;
    
    padding: 9px 9px 11px 10px;
   }
	#navigationformobile li a:hover {
     padding: 9px 9px 11px 10px;
   
}
ul#navigation li a  span{width:100%;}
#navigationformobile:after{display: none;}
ul#navigation:before{display: block;}


.btm-sec-inner {
    margin: 0 auto;
    padding-top: 24px;
    width: 100%

}

.inner-container{padding: 146px 0 65px;}
}


@media (min-width: 768px) and (max-width: 979px)  {
	/*.welcome-text{ width: 87%;height: auto;}
	.service-box{margin: 0 auto 20px; width: 70%;}*/
	
 .masthead-inner{width:100%;}
 .muted{
	  display: block;
    float: none;
    width: 100%;
	 text-align:center;
	 padding-left:5px;
	 }
	 .navbar{  float:none; width:100%; margin-right:0px;}
	 ul#navigation > li{float: none; width:100%; background: none repeat scroll 0 0 #000;}	
	.masthead{opacity: 1;}
ul#navigation.menuactive{display:block;  background: none repeat scroll 0 0 #000000;
    display: block;
    height: 100%;
    opacity: 1;
    position: fixed;
    top: 0;
	padding-top:16px;
	padding-left:7px;
    width: 200px; z-index: 999;}
	ul#navigation.menuactive li{ line-height: 20px; padding-bottom: 8px;}
	/*
ul#navigation.menuactive{display:block;}*/
#navigation{display:none;}
#navigationformobile {display:block; position:fixed; right:0px; top:0px;}
ul#navigation li span { display: block; overflow: hidden; text-indent: 0px; width: 108px; height:122px; margin-top:0px; margin-left:0px; }


ul#navigation li a#about span { background:none; width: 100%; height:20px; background-position: 0 0; }
ul#navigation li a#about { background:url(../img/about-mobil.png) no-repeat left center; }
ul#navigation li a#about:hover span { background-position: 0 -0px;background:none; width: 100%; height:20px; }
ul#navigation li a#about.active span{background:none;width: 100%;height:20px; background-position: 0 0;}
ul#navigation li a#about span.active{background:none;width: 100%;height:20px; background-position: 0 0;}



ul#navigation li a#philosophy span { background:none; background-position: 0 0;  width: 100%;height:20px;}
ul#navigation li a#philosophy  {background:url(../img/philo-mobil.png) no-repeat left center;}
ul#navigation li a#philosophy:hover span { background-position: 0 -0px;background:none; width: 100%; height:20px;}
ul#navigation li a#philosophy.active  span{ background:none; width: 100%;height:20px;  background-position: 0 0; }
ul#navigation li a#philosophy span.active { background:none; width: 100%;height:20px;  background-position: 0 0; }



ul#navigation li a#staff span { background:none; background-position: 0 0; width: 100%; height:20px;  }
ul#navigation li a#staff  {background:url(../img/staff-mobil.png) no-repeat left center;}
ul#navigation li a#staff:hover span { background-position: 0 -0px; background:none; width: 100%; height:20px;}
ul#navigation li a#staff.active  span{background-position: 0 -0px; background:none; width: 100%; height:20px; }
ul#navigation li a#staff span.active{background-position: 0 -0px; background:none; width: 100%; height:20px;}


ul#navigation li a#services span { background:none;background-position: 0 0; width: 100%;height:20px;  }
ul#navigation li a#services  {background:url(../img/services-mobil.png) no-repeat left center;}
ul#navigation li a#services:hover span { background-position: 0 -0px; background:none;  width: 100%;height:20px;}
ul#navigation li a#services.active  span{background-position: 0 -0px; background:none; width: 100%; height:20px; }
ul#navigation li a#services span.active {background-position: 0 -0px; background:none; width: 100%; height:20px; }

ul#navigation li a#client span { background:none; background-position: 0 0; width: 100%; height:20px;  }
ul#navigation li a#client  {background:url(../img/client-mobil.png) no-repeat left center;}
ul#navigation li a#client:hover span { background-position: 0 -0px; background:none;  width: 100%; height:20px;}
ul#navigation li a#client.active  span{background-position: 0 -0px; background:none;  width: 100%; height:20px; }
ul#navigation li a#client span.active {background-position: 0 -0px; background:none;  width: 100%; height:20px;  }


ul#navigation li a#resources span { background:none;background-position: 0 0; width: 100%; height:20px;  }
ul#navigation li a#resources  {background:url(../img/resources-mobil.png) no-repeat left center;}
ul#navigation li a#resources:hover span { background-position: 0 -0px; background:none; width: 100%; height:20px;}
ul#navigation li a#resources.active  span{background-position: 0 -0px; background:none;  width: 100%;height:20px; }
ul#navigation li a#resources span.active {background-position: 0 -0px; background:none;  width: 100%;height:20px; }

ul#navigation li a#contact span { background:none; background-position: 0 0;  width: 100%; height:20px; }
ul#navigation li a#contact  {background:url(../img/contact-mobil.png) no-repeat left center;}
ul#navigation li a#contact:hover span { background-position: 0 -0px; background:none; width: 100%; height:20px;}
ul#navigation li a#contact.active  span{ background-position: 0 -0px; background:none; width: 100%; height:20px; }	
ul#navigation li a#contact span.active{background-position: 0 -0px; background:none; width: 100%; height:20px;  }

ul#navigation > li{float:none;display:block;background: none repeat scroll 0 0 #1595D0;    color: #FFFFFF;}	
ul#navigation li a{text-align:left;  color: #FFFFFF; text-decoration:none; text-transform:uppercase;  padding-bottom: 5px;
   	padding-left: 30px;
    padding-top: 5px; margin-left:5px;
	
	}
ul#navigation{margin-top:0px;}
ul#navigation > li{float:none;display:block;background: none repeat scroll 0 0 #000;    color: #FFFFFF;}

#navigationformobile li{/*background: none repeat scroll 0 0 #000; color: #FFFFFF;*/ }

ul#navigation li a:hover {
    background: none repeat scroll 0 0 #222;
}

#navigationformobile { list-style: none outside none;
    margin: 0;
    padding: 0;
	position:fixed; 
	right:0px;
	top:0px;
	}
#navigationformobile li a{text-align:left;  color: #FFFFFF; text-decoration:none; text-transform:uppercase;  display:block;
    
    padding: 9px 9px 11px 10px;
   }
	#navigationformobile li a:hover {
    padding: 9px 9px 11px 10px;
   
}
}
ul#navigation li a  span{width:100%;}
#navigationformobile:after{display: none;}
ul#navigation:before{display: block;}



}

/*@media (min-width: 979px) and (max-width: 1024px)  {
	.service-box{margin: 0 auto 20px; width:96%;}
	.box2{margin: 0 12px 0 12px;
	}
	
	.box4{margin: 0 0px 0 12px;
	}
}
*/

@media (max-width: 480px) {
	#navigationformobile { list-style: none outside none;
    margin: 0;
    padding: 0;
	position:fixed; 
	right:0px;
	top:0px;
	}
#navigationformobile li a{text-align:left;  color: #FFFFFF; text-decoration:none; text-transform:uppercase; 
    
    padding: 9px 9px 11px 10px;
   }
	#navigationformobile li a:hover {
     padding: 9px 9px 11px 10px;
   
}
	
	.navbar {width: 100%;}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 321px) 
and (max-device-width : 380px) {
/* Styles */
ul#navigation.menuactive{display:block;}
.bgimgbody{ padding-top:0px ;}
.masthead {
    height: 63px;
}



.jumbotron {
    margin: 78px 0 14px; display:none;
    
}

.welcome-text {
  
    width: 78%;
	margin-top: 110px;
}

.welcome-text h1 {
    font-size: 16px;
}
	
#navigationformobile { list-style: none outside none;
    margin: 0;
    padding: 0;
	position:fixed; 
	right:0px;
	top:0px;
	}
#navigationformobile li a{text-align:left;  color: #FFFFFF; text-decoration:none; text-transform:uppercase; 
    
    padding: 9px 9px 11px 10px;
   }
	#navigationformobile li a:hover {
    padding: 9px 9px 11px 10px;
   
}
	
.jumbotron span {
    font-size: 18px;
    line-height: 10px;
    padding: 0 5px;
}

	.btm-sec { background:none;}
	 .service-box{ padding:0px; margin:0 auto; padding-top:25px; width:70%;}
	
	 .box1{
   
	background:url(../img/speech4.png) no-repeat; height:109px; width:128px; float:left; margin:0px;
  }
   .box1 p{ color:#fff; text-transform:uppercase; text-align:center; padding-top: 54px; line-height:15px; font-family:'ProximaNovaRegular',Arial, Helvetica, sans-serif; font-size:12px; }
   
  .box2{
    
	background:url(../img/occuptional4.png) no-repeat; float:left; height:109px; width:128px;  margin-left:36px;
  }
    .box2 p{color:#fff; text-transform:uppercase; text-align:center; padding-top: 54px; line-height:15px; font-family:'ProximaNovaRegular',Arial, Helvetica, sans-serif; font-size:12px;}
  .box3{
   
	background:url(../img/physical4.png) no-repeat; height:109px; width:128px; float:left; 
  }
  .box3 p{color:#fff; text-transform:uppercase; text-align:center; padding-top: 54px; line-height:15px; font-family:'ProximaNovaRegular',Arial, Helvetica, sans-serif; font-size:12px;}
  
  .box4{
   
	background:url(../img/specialty4.png) no-repeat;  height:109px; width:128px;  float:left; margin-left:36px; 
  }
  .box4 p{color:#fff; text-transform:uppercase; text-align:center; padding-top: 54px; line-height:15px; font-family:'ProximaNovaRegular',Arial, Helvetica, sans-serif; font-size:12px;
	
}





.service-box {
    margin: 0 auto 20px;
    padding: 25px 0 0;
    width: 93%;
}


.copy {
    
    font-size: 9px;
	
	
}

.formdiv{ padding:0px; width:100%; margin:0 auto; margin-top: 25px; }
.text-field { width:96%;}

.text-area { width:93%;}
}
@media only screen 
and (min-width : 480px) {
/*.masthead {
  
    height: 80px;
    
}*/
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

.bgimgbody{ padding-top:0px ;}
.btm-sec { margin-top: 40px;}
	
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
.bgimgbody{ padding-top:0px;
}
.btm-sec { margin-top: 60px;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}