/* Author: Michael Pumo */

@font-face {
    font-family: 'HelveticaMedium';
    src: url('fonts/helveticaneueltstd-md-webfont.eot');
    src: url('fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-md-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-md-webfont.svg#HelveticaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

#preloader,#spinner {  
     position:fixed;  
     top:0; left:0; right:0; bottom:0; margin:auto; 
     background:#fff;  
     z-index:9999;  
     overflow:hidden;
}  

* { margin: 0; padding: 0; outline: none; }
body { font-size: 52.5%; }
body, html { -webkit-text-size-adjust: none; background: #000000; color: #ffffff; font-family: 'HelveticaMedium', helvetica, arial, sans-serif; overflow: hidden; }
h1,h2,h3,h4,h5,h6 { font-weight: normal!important; font-family: 'HelveticaMedium', helvetica, arial, sans-serif; float: left; clear: both; width: 1000%; margin: 0 0 20px 0; padding: 0; line-height: 1.6em; letter-spacing: 0px; }
h1 { }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 5px; }

ul, ol { list-style: none; }
li h1, li h2, li h3, li h4, li h5, li h6, li p { font-size: 100%; }
a { color: #ffffff; text-decoration: none; }
a:hover { color: #FFD316; }

#branch { position: absolute; right: 35px; bottom: 27px; font-size: 11px; margin: 0; padding: 0; }
#branch a { color: #666; }
#branch a:hover { color: #FFD316; }

cufon { display: inline!important; float: left!important; clear: none!important; margin: 0; padding: 0; background: transparent; }

::selection { background: #FFD316; color: #000; /* Safari */ }
::-moz-selection { background: #FFD316; color: #000; /* Firefox */ }

.js .slide { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); }
.js #slide-home { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; filter: alpha(opacity=1); }
.js .panel { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); }
.js #panel-home { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; filter: alpha(opacity=1); }

#content { position: relative; z-index: 10; float: left; clear: both; width: 100%; margin: 0; padding: 0; background: transparent; overflow: hidden; }
#logo { position: absolute; left: 0px; top: 10px; z-index: 60; text-indent: -9999em; float: none; clear: both; margin: 0; padding: 0; width: 100%; height: 90px; background: #000000 url("graphics/logo_.png") 0 0 no-repeat; font-size: 6.0em; }


#nav { position: absolute; right: 35px; top: 43px; z-index: 60; float: none; clear: both; margin: 0; padding: 0; width: auto; background: transparent; list-style: none;  }
#nav li { line-height: 15px; float: left; clear: none; margin: 0 0 0 20px; padding: 0; width: auto; background: transparent; font-size: 16px; font-weight: thin; cursor: pointer; }
#nav li:hover { color: #dc0714; }
#nav li.current { color: #dc0714; }
#nav li#line { position: absolute; left: 0; top: 21px; z-index: 60; background: #dc0714; width: 60px; height: 2px; margin: 0; padding: 0 0 0 12px; }


.slide { position: absolute; left: 0; top: 0; z-index: 20; float: left; clear: both; width: 100%; margin: 0; padding: 0; background: #000000; overflow: hidden; }
.slide img { display: block; margin: 0; padding: 0; overflow: hidden; }

.panel { position: absolute; left: 0; top: 50%; z-index: 50; float: left; clear: both; width: 450px; height: 305px; margin: -180px 0 0 0; padding: 35px 35px 15px 35px; background: transparent url("graphics/transparent.png") 0 0 repeat; overflow: hidden; }
.panel h2 { font-size: 15px; line-height:16px; font-weight:normal; color:#339c7d; margin:10px 0;} }

.social { position: absolute; bottom: 30px; left: 35px; z-index: 9999; float: left; clear: both; width: 120px; margin: 0; padding: 0; background: transparent; }
.social li { float: left; clear: none; margin: 0 15px 0 0; padding: 0; text-indent: -9999em; }
.social li a { display: block; margin: 0; padding: 0; }

li.social-facebook a { width: 19px; height: 19px; background: transparent url("/graphics/icon-facebook.png") 0 0 no-repeat; }
li.social-facebook a:hover { background-position: -19px 0; }
li.social-linkedin a { width: 19px; height: 19px; background: transparent url("/graphics/icon-linkedin.png") 0 0 no-repeat; }
li.social-linkedin a:hover { background-position: -19px 0; }
li.social-twitter a { width: 27px; height: 19px; background: transparent url("/graphics/icon-twitter.png") 0 0 no-repeat; }
li.social-twitter a:hover { background-position: -27px 0; }

.cycle { float: left; clear: both; width: 1000px; margin: 0; padding: 0; }
.cycle li { float: left; clear: none; width: 1000px; margin: 0; padding: 0; }

.cycle-services-pager, .cycle-team-pager { position: absolute; bottom: 18px; left: 50%; z-index: 100; width: auto; background: transparent; margin: 0 0 0 -30px; padding: 0; }
.cycle-services-pager li, .cycle-team-pager li { float: left; width: 10px; height: 10px; clear: none; margin: 0 4px; padding: 0; background: #fff; text-indent: -9999em; cursor: pointer; border-radius: 10px; }
.activeSlide { background: #d62027!important; }


/* about me font */


.column { float: left; width: 230px; height: 270px; clear: none; margin: 0; padding: 0 20px 0 20px; border-left: 1px solid #4a4a4a;  }
.column h3 { display: none; float: left; clear: both; width: 100%; margin: 0 0 15px 0; padding: 0; font-size: 2.0em; }
.column p { font-size: 12px; margin: 0 0 14px 0; line-height: 1.4em; letter-spacing: 0px;padding: 0; }

p.columNum { position: relative; z-index: 10; float: left; clear: both; width: 100%; background: transparent; margin: 0 0 18px 0; padding: 0; overflow: hidden; font-size: 9.5em!important; color: #FFD316; font-weight: bold; }
p.columNum span { position: absolute; left: -1px; top: -23px; line-height: normal!important; letter-spacing: -1px; float: left; clear: both; width: auto; background: transparent; margin: 0; padding: 0; }
body:not(:-moz-handler-blocked) p.columNum span { top: -23px; }

/* kalarippayattu font */

.columnTeam { float: left; width: 280px; height: 270px; clear: none; margin: 0; padding: 0 20px 0 20px; border-left: 1px solid #4a4a4a;  }
.columnTeam h3 { font-size: 15px; color: #FFD316; float: left; clear: both; width: 100%; margin: 0 0 10px 0; padding: 0; }
/* kalarippayattu body font */
.columnTeam p { font-size: 12px; margin: 0 0 14px 0; line-height: 1.4em; letter-spacing: 0px;padding: 0; }
.columnTeam p.jobTitle { margin-bottom: 39px; }

.cycleServicesNext { position: absolute; top: 155px; right: 0px; z-index: 50; cursor: pointer; text-indent: -9999em; width: 42px; height: 42px; margin: 0; padding: 0; background: transparent url("graphics/icon-next.png") 0 0 no-repeat; }
.cycleTeamNext { position: absolute; top: 155px; right: 0px; z-index: 50; cursor: pointer; text-indent: -9999em; width: 42px; height: 42px; margin: 0; padding: 0; background: transparent url("graphics/icon-next.png") 0 0 no-repeat; }


/* TEXT REPLACEMENT - UGLY */

#text-home-title { width: 100%; height: 278px; background: transparent url("replacement/home.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-services-title { width: 100%; height: 69px; background: transparent url("replacement/about_me_2.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-team-title { width: 100%; height: 69px; background: transparent url("replacement/kalari.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-contact-title { width: 100%; height: 92px; background: transparent url("replacement/contact.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-treatment-title { width: 100%; height: 69px; background: transparent url("replacement/treatment.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-event-title { width: 100%; height: 35px; background: transparent url("replacement/events.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-contactte-title { width: 100%; height: 160px; background: transparent url("replacement/contact_2.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-training-title { width: 100%; height: 230px; background: transparent url("replacement/training.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-testimonials-title { width: 100%; height: 35px; background: transparent url("replacement/testimonials.png") 0 0 no-repeat; text-indent: -9999em!important; }
#text-gallery-title { width: 100%; height: 35px; background: transparent url("replacement/gallery.png") 0 0 no-repeat; text-indent: -9999em!important; }



#num-1 { width: 100%!important; height: 31px; background: transparent url("replacement/meithari.png") 0 0 no-repeat!important; text-indent: -9999em!important; }
#num-2 { width: 100%!important; height: 31px; background: transparent url("replacement/meiyyu.png") 0 0 no-repeat!important; text-indent: -9999em!important; }
#num-3 { width: 100%!important; height: 31px; background: transparent url("replacement/kolthari.png") 0 0 no-repeat!important; text-indent: -9999em!important; }
#num-4 { width: 100%!important; height: 31px; background: transparent url("replacement/ankathari.png") 0 0 no-repeat!important; text-indent: -9999em!important; }
#num-5 { width: 100%!important; height: 31px; background: transparent url("replacement/verum.png") 0 0 no-repeat!important; text-indent: -9999em!important; }
#num-6 { width: 100%!important; height: 31px; background: transparent url("replacement/marmam.png") 0 0 no-repeat!important; text-indent: -9999em!important; }

#text-team-1 { height: 153px; background: transparent url("replacement/pootattara.png") 0 0 no-repeat!important; text-indent: -9999em!important; }
#text-team-2 { height: 42px; background: transparent url("replacement/helps.png") 0 0 no-repeat!important; text-indent: -9999em!important; }

/* Rounded Corner text box*/
input#textBox {
	border:2px solid #456879;
	border-radius:10px;
	height: 20px;
	width: 170px;
	font-size: 1.2em;
	font-family: 'HelveticaMedium', helvetica, arial, sans-serif;
}

textarea#textBox {
	border:2px solid #456879;
	border-radius:10px;
	height: 85px;
	width: 280px;
	font-size: 1.2em;
	font-family: 'HelveticaMedium', helvetica, arial, sans-serif;
}


.button {
   border-top: 1px solid #000000;
   background: #b3b4b5;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#b3b4b5));
   background: -webkit-linear-gradient(top, #000000, #b3b4b5);
   background: -moz-linear-gradient(top, #000000, #b3b4b5);
   background: -ms-linear-gradient(top, #000000, #b3b4b5);
   background: -o-linear-gradient(top, #000000, #b3b4b5);
   padding: 5.5px 10px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #000000;
   background: #000000;
   color: #c748c7;
   }
.button:active {
   border-top-color: #fafafa;
   background: #fafafa;
   }
   
   
   
/** Gallery  Styles **/
@import url("reset.css");
#maincont
{

	margin-top: 0px;
	border:0px solid #ffffff;
}

	#maincont #main
	{
		width: 95%;
		max-width: 850px;
		margin: 0;
		padding: 15px 0 0 0;
		line-height: 10px;
	}
	

/*		#maincont #main ul { margin: 0 0 15px 35px; list-style-type: square; }
		#maincont #main ul li { padding: 0 0 0 0px; }
*/
		#maincont ul {list-style-type:none; 	border:0px solid #456879; 	border-radius:10px; padding: 0 0 0 0; }
		#maincont ul li {margin:2px; display:inline; border:0px solid #456879; border-radius:5px; }
		#maincont ul li a {position: relative; float: left; width: 120px; height: 120px; margin: 0 0% 0px 0%; }
		#maincont ul li a img {max-width:100%; max-height:100%; margin:auto; display:block; }		
		
		
		#maincont #main ol { margin: 0 0 15px 15px; list-style-type: decimal; }
		#maincont #main ol li { padding: 0 0 0 0px; }
		#maincont #main hr { clear: both; border: 0; height: 0; margin: 0 0 10px 0; border-top: 1px solid #000; border-bottom: 0px solid #222; }
		#maincont #main blockquote { background: #525252; border-left: 3px solid #E2761C; padding: 15px; margin: 0 0 15px 0; }

		/** Portfolio Styles **/

		#maincont #main #portfoliocont ul
		{
			list-style-type: none;
			margin: 0 0 25px 0;
		}
		
			#maincont #main #portfoliocont ul li
			{
				display: block;
				margin: 0 0 10px 0;
				height: auto;
			}
			
				#maincont #main #portfoliocont ul li a /** inbetween gap **/
				{
					position: relative;
					float: left;
					width: 50%; /** overall width - big **/
					margin: 0 0% 0px 0%;

				}
				
					#maincont #main #portfoliocont ul li a img
					{
						width: 50%;/** Individual width and height - big **/
						display: block;
					}

						#maincont #main #portfoliocont a .overlay
						{
							position: absolute;
							left: 0;
							opacity: 0;
							top: 0;
							width: 50%;
							z-index: 40;
							
							-webkit-transition: all 0.1s linear;
							-moz-transition: all 0.1s linear;
							-o-transition: all 0.1s linear;
							transition: all 0.1s linear;
						}
						

/** Responsive Magic **/

@media screen and (max-width: 768px)
{
	
	#fixedtop #headercont
	{
		text-align: center;
	}
	
		#fixedtop #headercont #headerleft
		{
			float: none;
			width: 100%;
		}
		
			#fixedtop #headercont #headerleft a img /** logo **/
			{
				width: 100px;
				margin: 15px 0 10px 0;
			}
		
		#fixedtop #headercont #headerright /** scroll menu **/
		{
			float: none;
			width: 100%;
		}
	
	#maincont #main
	{
		text-align: center;
	}
	
	#maincont #main #portfoliocont ul li a
	{
		width: 50%; /** overall width - medium **/
		margin-bottom: 10px;/** inbetween gap **/
	}

}

@media screen and (max-width: 480px)
{		
	
	#maincont #main #portfoliocont ul li a
	{
		width: 100%;/** overall width - small **/
		margin-bottom: 10px;/** inbetween gap **/
		
	}
	
}