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

.btn2 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width: 80px;
  height: 20px;
}

.btn2:hover {
  background: #1b6b1b;
  text-decoration: none;
}

body, html{
	background-color:#5ea9af;
	margin:0px;
	margin-top:-3px;
	padding:0px;
	height:100%;
}

table {
	margin:0px;
	padding:0px;
}

#containershell{
	width:1000px;
	background-image:url(pics/backgroundshadow.jpg);
	margin:auto;
	overflow:auto;
	position:relative;
	}

#header {
	background-image:url(pics/header.png);
	background-repeat:no-repeat;
	width:507px;
	height:205px;
	float:left;
	background-position:49px 0px;
	padding-left:60px;
	}

#rotateimage {
	height:433px;
	height:205px;
	float:left;
	background:url("pics/slider_bg.jpg") repeat-x; margin-right: 108px;
	
}

#header a {
	color:#C00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;	
}

#topmenu {
	margin-top:15px;
	text-align:center;
	
	}

#topmenu2 {
	padding-top:35px;
	text-align:center;
	height:28px;
}

#topmenu3 {
	padding-left:60px;
	padding-top:6px;
}

#content {
	width: 835px;
	height:100%;
	float:left;
	Margin-left: 80px;
	margin-top:20px;
	overflow:auto;
}

#content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:15px;
	text-align:left;
	line-height:20px;
	}

#content li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:20px;
	padding-right: .6em;}

#content h1 {
Font-family:"Times New Roman", Times, serif;
color:#C00;
font-size:20px;
text-align:left;
font-weight:700;
}

#content h2 {
Font-family:"Times New Roman", Times, serif;
color:#298e96;
font-size:22px;
text-align:left;
}


#content img.nathome {
	margin-top:5px;
}

#content .frams {
	border:1px #ccc solid ;
	padding: 5px;
}

.contact_img_r{ margin-right:12px; }

#content table.border {
	border:solid #090 1px;
	}
	
#content table.noborder {
	
	}

#content table h1, p {
	margin-left:10px
}
	

#content_nat {
	width: 230px;
	Margin-left: 20px;
	Margin-right: 20px;
	float:left;
}

#content_nat p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:15px;
	text-align:justify;
	line-height:20px;
}

#content_nat p.center{
	text-align:center;
}

#content_inv {
	width: 230px;
	Margin-left: 20px;
	Margin-right: 20px;
	float:left;
}

#content_inv p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:15px;
	text-align:justify;
	line-height:20px;
	
}

#content_home {
	width: 230px;
	Margin-left: 20px;
	Margin-right: 20px;
	float:left;
	}
	
#content_home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:15px;
	text-align:justify;
	line-height:20px;
	
}

#content p.header {
	margin:0px;
	text-align:center;
	
}

#content a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#393;
	font-weight:bold;
	text-decoration:none;	
}

#newsletter {
    width: 250px;
	Margin-left: 90px;
	Margin-right: 20px;
	float:left;
}

#events {
    width: 330px;
	Margin-left: 40px;
	Margin-right: 20px;
	float:left;
}

#content table.contact {
	border:solid #090 1px;
}

#content table.contact p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px;
	text-align:justify;
	line-height:18px;
}
.home_bot{ width:832px; border:solid #090 1px; }
.home_bot_sec1{ width:211px; float:left; }
.home_bot_sec2{ width:364px; float:left; }
.home_bot_sec3{ width:257px; float:left; padding-top: 58px; }
.home_bot h1, p {
	margin-left:10px
}
.clear{ clear:both; }

#master0{ float:right !important; width:251px; }
#rotateimage{ margin-right: 50px; position:absolute; right:0px; width:325px; padding-right:58px; }
.mob_menu{ display:none; }
.home_bot_sec3{ text-align:right; }
.news_container{ width:721px; }
.contact_succ_img{ padding-left:14px; }
.contact_succ_img img{ max-width:100%; }

.naturo_l{ float:left; width:40% }
.naturo_r{ float:left; width:60%; padding-left:25px; padding-right:25px; }
.naturo_l img{ max-width:100% !important; height:auto !important; }
.naturo_r{ padding-left:0px; padding-right:0px; }
.naturo_half1{ width:48%; float:left; padding-left:2%; }
.naturo_half2{ width:48%; float:left; padding-left:2%; }
.naturopathy_table{ border:1px solid #090; }
.naturopathy_medic{ padding-top:18px; padding-left:16px; }

.resource_title_mob{ display:none; }
.resource_title_desk{ display:block; }
.resource_comp{ overflow:hidden; }
.resource_comp img{ width:100% !important; }
.resource_comp p{ float:left; width:60% !important; }
.resource_comp div{ float:left; width:32%; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #containershell{ width:748px; background-size:100%; }
  #content{ width:648px; margin-left:0px; margin:0px auto; float:none; }
  #content_nat { width:186px; margin-left:10px; margin-right:10px; }
  #content_inv { width:186px; margin-left:10px; margin-right:10px; }
  #content_home { width:186px; margin-left:10px; margin-right:10px; }
  #content_nat p,#content_nat ul,#content_nat h1{ margin-right:-10px; }
  #content_inv p,#content_inv ul,#content_inv h1{ margin-right:-10px; }
  #content_home p,#content_home ul,#content_home h1{ margin-right:-10px; }
  #rotateimage{ width: 300px;  padding-right: 8px; }
  #header { padding-left:10px; background-position:37px 0px; }
  #topmenu2 { padding-left:40px; text-align:left;  }
  #topmenu{ padding-left:40px; text-align:left; }
  #header a,#header a:hover{ font-size:11px; }
  #topmenu3 img{ width:300px; }
  #topmenu3{ padding-top:10px; }
  #rotateimage { margin-right: 37px; }
  .home_bot_sec2 { width: 298px; }
  .home_bot_sec3 { width: 117px; }
  .home_bot{ width:auto; padding-right:10px; }
  .home_bot_sec3 img{ width:100%; }
  
  /********************Lecturer************************/
  .lecturer_table{ width:100% !important; }
  .lecturer_table2{ width:100% !important; }
  
  /********************Newsletter**********************/
  .newsletter_table{ width:100% !important; }
  .news_container{ width:auto; }
  
  /********************Contact************************/
  .contact_table{ width:auto !important; }
  .contact_img_r img{ width:90%; }
}

@media screen and (max-width: 767px) {
   .col-xs-12{ width:auto; float:none; }
   #containershell{ width:100%; background:none; background-color:#ecf7e9; }
   #header{ width:100%; float:none; padding-left:0px; background-position:center top; text-align:center; }
   #rotateimage { float:none; }
   #content{ width:auto; margin-left:0px; margin-right:0px; padding-left:10px; padding-right:10px; float:none; }
   #content_nat{ width:100%; float:none; margin-bottom:35px; margin-left:0px; margin-right:0px; }
   .home_bot{ width:100%; border:solid #090 1px; }
   .home_bot_sec1{ width:100%; float:none; }
   .home_bot_sec2{ width:100%; float:none; }
   .home_bot_sec3{ width:auto; float:none; padding-top:18px; text-align:left; padding-bottom:25px; padding-left:15px; }
   .home_bot_sec2 h1,.home_bot_sec3 h1{ display:none; }
   #content h1 span{ display:block; }
   #canvas0_0{ width:100% !important; }
   #topmenu2{ display:none; }
   #topmenu{ display:none; }
   #topmenu3{ padding-left:0px; }
   #topmenu3 img{ max-width:100%; }
   .home_bot_sec1 img{ display:table; margin:0px auto; margin-top:35px; }
   
   #master0{ float:none !important; width:251px; margin:0px auto; display:table; }
  #rotateimage{ margin-right: 0px; position:inherit; right:0px; width:100%; padding-right:0px; height:202px; background:none; }
  #containershell{ background:url("pics/slider_bg.jpg") repeat-x left top; background-color:#ecf7e9; }
  #topmenu3 { margin-top:0px; padding-left:14px; padding-right:14px; }
  .mob_menu{ display:block; height:63px; }
  #content_nat .header a,#content_inv .header a,#content_home .header a{ display:block; }
  #content_inv{ float:none; width:100%; margin-left:0px; margin-right:0px; }
  #content_home{ float:none; width:100%; margin-left:0px; margin-right:0px; }
  
  /********************Lecturer************************/
  .lecturer_table{ width:100% !important; border:1px solid #060 !important; }
  .lecturer_table td{ width:100% !important; display:block; border:0px !important; }
  .lecturer_table2{ width:100% !important; }
  .lecturer_table2 td{ width:100% !important; display:block; }
  .lecturer_table2 img{ margin-left:15px; margin-top:15px; }
  .lecturer_table td p img{ display:table; float:none !important; padding:0px !important; margin-bottom:14px; }
  #content .lecturer_table td h1{ margin-left:15px; }
  
   /********************Newsletter**********************/
  .newsletter_table{ width:100% !important; }
  .news_container{ width:auto; }
  
  /********************Contact************************/
  .contact_table{ width:auto !important; display:block !important; padding:15px; }
  .contact_table tbody{ width:auto !important; display:block !important;  }
  .contact_img_r{ width:100% !important; display:block; }
  .contact_img_r img{ width:90%; }
  .contact_img{ display:block !important; width:100% !important; }
  .contact_img_l{ display:block !important; width:100% !important; }
  .contact_table input[type="text"]{ width:100% !important; }
  .contact_table textarea{ width:100% !important; }
  .contact_ask td{ display:block !important; width:100% !important; text-align:left; height:auto !important; }
  .contact_ask tr{ display:block !important; width:100% !important; text-align:left; }
  #content p.contact_desc{ margin-left:0px; }
  .contact_success{ width:100%; }
  .contact_success td{ display:block; width:auto; }
  .contact_success tr{ display:block; width:auto; }
  
  /***********************naturopathy******************/
  .naturopathy_table td{ display:block !important; width:100%; }
  .naturopathy_table tr{ display:block !important; width:100% !important; }
  .naturo_l{ float:none; width:100% !important; }
  .naturo_r{ float:none; width:100% !important; }
  .naturo_half1{ width:100%; float:none; }
  .naturo_half2{ width:100%; float:none; }
  .naturo_l img{ float:none; }
  #content .naturo_r p{ padding-left:0px; margin-left:0px; }
  .naturopathy_table2 td{ width:100% !important; display:block !important; }
  .naturopathy_table2 td img{ width:100% !important; height:auto !important; max-width:80%; }
  .naturopathy_table3 td{ width:100% !important; display:block !important; }
  .naturopathy_table3 td p img{ display:block !important; float:none !important; margin-bottom:20px; }
  #content{ overflow:hidden; }
  
  /************************Involvement*****************/
  .involve_table2{ width:auto !important; }
  .involve_table2 tr{ display:block !important; width:100% !important; }
  .involve_table2 td{ display:block !important; width:100% !important; padding-right:; }
  .involve_table2 td img{ width:auto !important; height:auto !important;  }

  /************************Homeopathy******************/
  .homeopathy_table1 tr{ display:block !important; width:100% !important; }
  .homeopathy_table1 td{ display:block !important; width:100% !important; }
  
  .research_sec img{ display:block !important; }
  .article_sec img{ display:block !important; text-align:left !important; float:left; width:100%; height:auto !important; margin-bottom:25px; }
  
  .video_table td{ width:100% !important; display:table !important; }
  .video_table p{ text-align:left !important; }
  
  /************************Resource********************/
  .resource_table td{ display:block !important; width:100% !important; text-align:left !important; }
  .resource_title_mob{ display:block; }
  .resource_title_desk{ display:none; }
  .resource_table2 td{ display:block !important; width:100% !important; text-align:left !important; height:inherit !important; }
  .resource_table2 td img{ display:block; }
  
  .resource_comp p{ float:left; width:100% !important; }
  .resource_comp div{ float:left; width:100%; }
  .resource_comp div img{ width:auto !important; max-width:100%; }
  
  /************************Menu************************/
  .navbar { position:relative; min-height:inherit; border:0px; margin-left:-10px; margin-right:-10px; }
  .navbar-inverse .navbar-toggle,.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus,.navbar-inverse  .navbar-toggle:visited { border-color:transparent; background-color:transparent; }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border:0px; }
  .navbar-collapse { box-shadow:none; position:absolute; width:100%; left:0px; z-index:1000; background-color:#8d8d8d; top:63px;  }
  .navbar-nav { background:url("images/menu_bg.png") repeat; z-index:400; padding:10px 0px; margin:0px; }
  .navbar-inverse .navbar-brand { position:relative; z-index:500; }
  .navbar-nav > li > a,.navbar-nav > li > a:hover { padding:0px; line-height:26px; padding-left:0px; text-align:center; font-size:14px; color:#ffffff !important; font-family:"proxima_sb"; }
  .navbar-inverse .navbar-nav > li > a { color: #fff; }
  .navbar-nav > li > a:hover { color:#fdaf25; }
  .navbar-fixed-bg .navbar-toggle .icon-bar { background-color:#363636; }
  .navbar-fixed-bg .navbar-nav { background:none; }
  .navbar-toggle .icon-bar { background-color:#8aa268; }
  .navbar-toggle { margin-right:15px; margin-top:15px; border:1px solid #8aa268; margin-bottom:0px; }	
  .navbar-nav > li > a{ background-color:transparent !important; }
  .navbar-collapse { padding-left:0px; padding-right:0px; }
  .navbar-collapse { z-index:100000; }

}

@media screen and (max-width: 560px) {
   /************************Involvement*****************/
  .involve_table tr{ display:block !important; width:100% !important; }
  .involve_table td{ display:block !important; width:100% !important; }
  .involve_table td img{ width:auto !important; height:auto !important; width:100% !important;  }
}

@media screen and (max-width: 480px) {
   #containershell{ background:none; background-color:#ecf7e9; }
   #topmenu3{ padding-top:10px; }
   

  
}
@media screen and (max-width: 380px) {
   #topmenu3{ padding-top:15px; }
}