@font-face {
    font-family: 'robotolight';
    src: url('webfontkit/roboto-light-webfont.eot');
    src: url('webfontkit/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/roboto-light-webfont.woff') format('woff'),
         url('webfontkit/roboto-light-webfont.ttf') format('truetype'),
         url('webfontkit/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin';
    src: url('webfontkit/roboto-thin-webfont.eot');
    src: url('webfontkit/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/roboto-thin-webfont.woff') format('woff'),
         url('webfontkit/roboto-thin-webfont.ttf') format('truetype'),
         url('webfontkit/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'robotoregular';
    src: url('webfontkit/roboto-regular-webfont.eot');
    src: url('webfontkit/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/roboto-regular-webfont.woff') format('woff'),
         url('webfontkit/roboto-regular-webfont.ttf') format('truetype'),
         url('webfontkit/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
strong{ font-size:13px;color: #2c2c2c;}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
img{ border:none;}
/* Global properties */
body {background:#fafafa;border:0;font:14px Georgia, "Times New Roman", Times, serif;color:#200;line-height:24px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}

body{ font-size:12px; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; background:#000;}
/* main layout */
#main{ width:100%;}
.wrapper{ width:990px; margin:0 auto; overflow:hidden;}
.wrap{ width:990px; margin:0 auto; overflow:hidden;}
a {color:#d65b2e;text-decoration:none;outline:none}
a:hover {text-decoration:underline;}
.logo{ float:left; width:108px; margin-right:40px;}
h1 {font-family:swis721_th_btthin; font-size:26px; color:#515e6a; text-transform:uppercase; background:#f2f2f2; border-left: 4px solid #d65b2e; padding:16px 20px 8px; border-bottom: 1px solid #dddddd; font-weight:normal; margin-bottom: 26px;}
h2 {font-family:robotothin; font-size:28px; color:#d65b2e; text-transform:uppercase; margin:0;}
h2.letter_spacing {letter-spacing:-3px}
h3 {font-family:robotolight; font-size:18px; color:#d65b2e;margin:0; font-weight:normal;}
h3 span {color:#a80002}
.cols  {float:left; width:100%;}
.pad_bot2 {margin-bottom: 20px; padding-bottom: 20px;}
.marg_right1 {margin:0;}
.mt{ margin-top:20px;}
/* header */
.header-main{ float: left;
        position: relative;
    z-index: 2; width:100%;}
.header{overflow: hidden;padding:24px 0 14px 30px;width: 97%;background:#fff; border-top:10px solid #d65b2f; height:130px;}
#top_nav{ width:100%; overflow:hidden; height:54px;}
#top_nav ul{margin-top:14px; padding:0; float:right;}
#top_nav li {float:left;padding:16px 20px 14px 0px;background:url(images/leaf.png) right 6px no-repeat;margin-right:10px; list-style:none;}
#top_nav li a {display:block;line-height:0; color:#fff;}
#top_nav li a:hover{text-decoration:none;color: #d65b2e;}
#top_nav .end {background:none;padding-right:0;margin-right:0}


.title{ color:#D65B2F; font-family:Arial, Helvetica, sans-serif; font-size:30px;float:left; line-height:108px;text-transform:uppercase; font-weight:bold; margin-right:34px;}
.social-links { float:left;padding-bottom:10px;}
.social-links img{ padding-top:20px; vertical-align:middle;padding-top:28px;}
.social-links p{   text-align: center; width: 338px; padding-top:26px;}
.social-links span{ font-size:14px; color:#515E6A; font-style:italic; float:left; line-height:108px;}
.social-links a{margin:14px 0 0 10px; float:left;}
/* banner */
.slider{ background: none repeat scroll 0 0 #FFFFFF; width:100%;
    clear: both;
    float: left;
	border-top: 1px solid #ECECEC;
    position: relative;}
.slider .items{display:none}
.slider  .pagination{position:absolute;z-index:2;bottom:0px;left:394px;}
.slider  .pagination li{float:left;padding-right:4px; list-style:none;}
.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(images/buttons.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}
/* banner */
#container{ width:100%; float:left; background:#fff;}
.mrt{ padding-top:53px !Important;}
#container .content{border:1px solid #ececec; background:#fff;overflow:hidden; padding:28px 28px 0 28px;}
#container .content p{ 
text-align:justify; font-size: 17px;
}
#container .content .saga-left p{ 
text-align: justify;
font-size: 17px;
margin-top: 0px;
margin-bottom: 30px;
border-left: 1px solid gray;
padding-left: 20px;
float: left;
width: 88%;
}
#container .content .saga-left h2{float:left; margin-right:20px;}
#container .content .wc-text{overflow:hidden;}

#container .content .wc-text p{line-height:30px; font-size:18px; font-family:robotolight; color:#696b6a; text-align:justify;}
#container .content img{float: left; margin-right: 20px; margin-bottom: 10px;} 
#slider-2 figure img{float:none !important;}
.img-indent {float: left;margin: 3px 22px 0 0;}
.testimonials-main{padding-left: 30px; width: 266px;float: left;}
.testimonials{width:100%;position:relative;z-index:1;height:190px;overflow:hidden;}
#testimonials div{background:url(images/bg_testimonials.gif) 0 bottom no-repeat #d65b2e;padding:25px 27px 50px 29px; color:#fff; font-style:italic; font-family:robotolight; font-size:14px;}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{height:210px}
#testimonials div a{color:black; text-decoration: none;}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(images/marker_up.gif) 0 0 no-repeat}
.down{background:url(images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.event-part{overflow:hidden; width:606px; float:left; margin-bottom: 20px;}
.event-part .event-box {
    overflow: hidden;
    width: 100%;
	
}
.event-part p a{font-size: 15px;}
.event-part .event-box p{ font-size:14px; color:#383737; font-family:Arial, Helvetica, sans-serif; text-align:left; margin:0; line-height: 42px;}
.event-part .event-box span{ font-size:14px; color:#8f8f8f; font-family:Arial, Helvetica, sans-serif;}
.event-part img{ border:4px solid #ededed; float:left !important; margin-right:20px;}
/* footer */
.f-content{ float:left; margin:0px 0 30px; padding-top:20px;}
.martialarts-move-foot{background: url("images/line7.png") no-repeat; margin-top: 10px; float:left;}
#container .content .martialarts-move-karate{background: url("images/line1.png") no-repeat; float:left;}

.f-content p{ font-size:14px; color:#383737; padding:0; margin:0;}
.sep{margin:10px 0 20px; float:left;}
#footer{ height:70px; background:#f0f0f0; border-top:3px solid #ff5a1a; overflow:hidden; padding:0 30px 0 30px;}
#footer .copyright{ color:#474747; font-size:12px; font-family:Arial; text-transform:uppercase; float:left; line-height: 72px;}
#footer .call{ color:#474747; font-size:16px; font-family:robotolight; float:right;line-height: 72px;}
#footer .call img{ vertical-align:text-top;}


/*Testimonial box and font style and colours*/
.testimonial-main-inner{ width:85%; overflow:hidden; float:left; margin:0 30px 60px 0;}


.quote_box_rtl {
    margin: 0;
}

.b_r_s {
    background: none repeat scroll 0 0 #F5F6F8;
    border: 1px solid #DBE1E6;
    overflow: hidden;
    padding: 20px;
    
}

.b_r_s q{
    color:#53646D;
	font:italic 14px/22px Georgia,"Times New Roman",Times,serif;
}
.quote_holder blockquote {
    border: 0 none;
    padding: 0 0 32px;
}



.arrow_quote {
    background: url("http://i.bluefountainmedia.com/bg/corners_arrow_quote.png") no-repeat scroll 0 -174px rgba(0, 0, 0, 0);
    height: 25px;
    margin-left: auto;
    margin-right: 43px;
    position: relative;
    top: -1px;
    width: 25px;
    z-index: 20;
}

blockquote cite strong {
    color: #D65B2F;
    font-weight: bold;
}

.quote_holder blockquote cite {
    padding: 9px 0 0;
    text-align: right;
}
blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 3px 0 0;
}
.avtar{margin-top: 10px;float: right;}

.avtar img{ border:1px solid #e1e1e1;}

.quote_holder blockquote cite {
    padding: 9px 0 0;
    text-align: right;
}

blockquote
{
 margin: 0;
 overflow: hidden;
}
blockquote cite em {
    display: block;
}
blockquote cite {
    text-align: right;
	padding-right:114px;
}

.contact-left{ float:left; overflow:hidden; width: 480px;}

.address{ overflow:hidden;width:400px;border-right: 1px dotted #D65B2E; margin:0px 80px 15px 20px;}
.last{ margin-right:0 !important; border-right:none !important;}
.address h3{ font-family:robotothin; font-size:26px; color:#d65b2e; margin:0; font-weight:bold;}
.address p{ font-size:14px;}
.address span{ font-size:13px; color:#D65B2E; font-weight:normal; text-transform:uppercase;}

.address ul li{font-size: 17px;}
.contact-detail h3{ font-family:robotothin; font-size:26px; color:#d65b2e; margin:0; font-weight:bold; margin-top: 20px;}
.contact-detail p{ font-size:14px;}
.contact-detail span{ font-size:13px; color:#D65B2E; font-weight:normal; text-transform:uppercase;}

.contact-detail {
	float: left;
	width: 94%;
	border-top: 1px dotted #D65B2E;
	margin: 20px 0px 0 26px;
}
.contact-detail span.findusfb{color:black;}

.press-img{ float:left; width:450px; margin:0 32px 30px 0;box-shadow: 1px 1px 4px #A9A9A9;}
.press-img2{ float:left; width:190px; margin:0 32px 30px 0;box-shadow: 1px 1px 4px #A9A9A9;}
.last-press{ margin-right:0;}

.left-press{float:left; width:50%;}
.right-press{float:right; width:50%;}
.img-block-main{ float:left; overflow:hidden;}
.img-block1{ float:left; width:180px; margin:0 26px 30px 25px; background:#F4F4F4;  border:1px solid #e5e5e5; height:192px;} 
.img-block1 p{ padding-top:10px; font-weight:bold;text-align:center !important; overflow:hidden; margin:0; float: left;}
.img-block1 a p{color:#000;}

.img-block2 {
	float: left;
	width: 210px;
	margin: 0 0px 28px 16px;
	background: #F4F4F4;
	border: 1px solid #e5e5e5;
	height: 166px;
}
.img-block2 p{ padding-top:10px; font-weight:bold;text-align:center !important; overflow:hidden; margin:0; float: left;}
.img-block2 a p{color:#000;}

#slider-2 > div {
	overflow:hidden;
	width:240px;
	float:left !important;
	margin-top:20px;
}
#slider-2 figure {margin-bottom:17px;}
#slider-2 h5 {margin-bottom:5px; text-align:center; font-size: 12px; font-weight: bold;}


#slider-2 h6 {
    float: left;
    margin-bottom: 5px;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {float:left; width:210px; margin-bottom:30px;}
.p8 { background: url("images/v-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;margin-bottom: 30px;padding-left: 1px;padding-top: 1px;width: 212px;padding-bottom: 8px;}
.p5 {margin-bottom:50px;}

/***** Lightbox image *****/
.lightbox-image {
	position:relative;
	z-index:1;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	}
	.lightbox-image img {
		position:relative;
		z-index:1;
	}
	.lightbox-image span {
		display:inline-block;
		position:absolute;
		left:0px;
		top:-100%;
		width:100%;
		height:100%;
		background:url(images/magnify.png) no-repeat 50% 50%;
		z-index:2;
		padding:0;
	}
	.button-1,
.button-2,
h1 a {text-decoration:none;}	

.bx-pager {
    padding:23px 20px 23px 0;
    text-align: center;
}


.pager-active {
    cursor: default;
}
.pager-link:hover, .pager-active {
    color: #7F7F7F;
}

.pager-link {
    cursor: pointer;
    display: inline-block;
    margin-right: 12px;
    text-decoration: none;
	background:none repeat scroll 0 0 #F2F2F2;
	border:1px solid #e2e1e1;
	padding:2px 10px 2px 10px;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(images/fancybox_sprite.png) !important;
}

#fancybox-loading div {
	background: url(images/fancybox_loading.gif) center center no-repeat !important;
}

.fancybox-overlay {
	background: url(images/fancybox_overlay.png) !important;
}

.fancybox-nav {
	background: transparent url(images/blank.gif) !important; /* helps IE */
}

p.mb40px{margin-bottom:40px ;}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(images/fancybox_sprite@2x.png) !important;
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(images/fancybox_loading@2x.gif) !important;
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

div.facebook .pp_description {
	text-align: left;
	font-size: 14px;
	font-weight: normal;
}
.header-bottomenu {
	float: left;
	width: 89%;
	margin-left: 108px;
	bottom: 43px;
	position: relative;
	margin-top:20px;
}
.header-bottomenu ul{
	float: left;
	display: inline;
	list-style: none;
	text-decoration: none;
	margin:0;
}
.header-bottomenu ul li{/*float:left;*/ float:none; display:inline; list-style: none;}
.header-bottomenu ul li span{
	padding:20px;
	background: url(images/leaf.png) right 0px no-repeat;
	padding-left: 10px;
	padding-top: 6px;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}
.header-bottomenu ul li a{color:#2c2c2c; text-decoration: none;}
.header-bottomenu ul li a:hover{color:#2c2c2c; text-decoration: none;}

#tip7-title { text-align: left; }

#tip7-title b { display: block; margin-right: 80px; }

#tip7-title span { float: right; }


ul#topnav1 {
  text-align: left;
  margin: 0;
  padding:0px 4px 0px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  background:none repeat scroll 0 0 #F4F2F1;
  width:100%;
}
ul#topnav1 li {
	border-left: 1px solid #E4E0DC;
   border-right: 1px solid #FFF;
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -5px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  
}
ul#topnav1 li a {
  	display: block;
	color: #2c2c2c;
	text-decoration: none;
	font-weight:normal;
	font-size:1.2em;
	padding:15px 26px;
}
ul#topnav1 li a:hover {
  	 color: #D65B2E;
	
}
ul#topnav1 li:hover {
 
  background: none repeat scroll 0 0 #E7E4E2 !important;
  
 }

ul#topnav1 li.active {
	color: #D65B2E;
  background: none repeat scroll 0 0 #E7E4E2 !important;
  
}
ul#topnav1 li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 222px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  background: #E7E4E2;
  
}
ul#topnav1 li ul li { 
  background: #E7E4E2; 
  display: block; 
  color: #2C2C2C;
  border-left: none;
  border-right:  none;
  border-bottom: 1px solid #d3d0cc;
  }
ul#topnav1 li ul li:hover {color:#D65B2E !important; background:#F4F2F1 !important;  border-left: none; border-right:  none;}
ul#topnav1 li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  
}

h2.bM30px{margin-bottom:30px;}
span.asma-cmps{color:black;}
.mbl-email{
	float: left;
	width: 30%;
}
.find-on-fb {
	float: left;
	width: 35%;
}
.visit-website {
	float: left;
}

.mtt{ margin-top:40px;}


.read-more, .read-less {
	cursor: pointer;
	font-family: robotolight;
    font-size: 18px;
	color: #D65B2E;
}

#show {
	float: right;
	margin-top: 0px;
	margin-bottom:30px;
}

.block-align-center{
	float: left;
	text-align: center;
	/* margin: 0 auto; */
	width: 79%;
	clear: both;
	margin-left: 228px;
}

.block-align-center-karate {
	float: left;
	text-align: center;
	/* margin: 0 auto; */
	width: 68%;
	clear: both;
	margin-left: 330px;
}

.block-align-center-spirit{
	float: left;
	text-align: center;
	/* margin: 0 auto; */
	width: 68%;
	clear: both;
	margin-left: 330px;
}

.bub{
	background: url("images/bub.png") no-repeat scroll 318px 0px;
	width:100%;
	height:18px;
	z-index: 9999;
	margin-top: -1px;
}

.asma-camps-main {
    width: 100%;
}
.left-asma {
    clear: both;
    float: left;
    width: 24%;
}
.asma-left-content {
    float: right;
    width: 76%;
    margin-top: 0;
}

.right-asma {
    float: right;
    width: 24%;
    
}
.asma-right-content {
    float: left;
    width: 76%;
    margin-top: 0;
}

.content li {
    font-size: 17px;
    text-align: justify;
    padding: 2px;
}


.content li span {
    color: #000000;
    font-weight: bold;
}



.great-org {
	 float: left;
	 width: 100%;
}
.great-org h5 {
    float: left;
    margin-top: 0;
    width: 100%;
    text-align: center;
}
.great-org img {
	margin-left: 350px;
}