@font-face {
    font-family:'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin:0; color:#564b42; font-size:14px; font-family:'OpenSansSemibold';}
img { border:0;}
a, a:link, a:visited { outline:nonne; text-decoration:none; color:#0d607f;}
p { margin:0; padding:8px 0;}
.clear { clear:both; height:0;}
.topbckground { position:absolute; background: /* url(../../images/tasumakan/newDesign/bg.jpg) no-repeat center top */ #564b42; width:100%; height:395px; z-index:1;}
.outercontainer { position:relative; z-index:2;}
.header { width:960px; margin:0 auto;}
.logo { float:left; margin-top:25px;}
.searchpanel { float:right; background:url(../../images/tasumakan/newDesign/search_bg.png) no-repeat; width:279px; height:25px; padding:5px; margin-top:50px;}
.searchpanel input[type="text"] { background:url(../../images/tasumakan/newDesign/search_tbox.png) no-repeat left top; width:204px; height:15px; padding:5px; color:#999; font-size:12px; font-weight:bold; border:0; font-family:Arial, Helvetica, sans-serif; float:left;}
.searchpanel input[type="image"] { float:right;}

.shadowwrapper { background:url(../../images/tasumakan/newDesign/shadow_bg.png) no-repeat center top; width:960px; min-height:1100px; margin:0 auto; padding:0 15px;}
.mainmenu { background:url(../../images/tasumakan/newDesign/menu_bg.png) no-repeat right top; height:40px;}
ul#navigation { list-style:none; margin:0; padding:0; float:right;}
ul#navigation li { list-style:none; margin:0 15px; padding:0; float:left;}
ul#navigation li a { display:block; color:#fff; font-size:18px; line-height:38px; height:40px; text-transform:lowercase;}
ul#navigation li:hover a, ul#navigation li.active a { color:#b29c79;}


.whitecontainer { background:#fff; min-height:1060px; padding:10px;}
.learn_txt { text-align:center; margin:25px 0 0 0; font-size:12px; color:#565656; margin-bottom:30px;}
.topbox { background:url(../../images/tasumakan/newDesign/top_box.png) no-repeat; height:265px; margin-bottom:50px;}
.topbox .leftside { float:left; width:457px; padding:10px 13px 10px 0; height:245px; cursor: pointer}
.topbox .leftside#active { background:url(../../images/tasumakan/newDesign/top_box_active_left.png);}
.topbox .leftside h3 { border-bottom:1px dashed #d3d3d3; color:#564b42; font-family:'OpenSansbold'; font-size:24px; text-transform:uppercase; margin:0;}
.topbox .leftside h3 span { color:#fed206;}
.topbox .leftside p img { display:block; float:left;}
#left_click, #right_click { cursor:pointer;}

.topbox .rightside { float:left; width:457px; padding:10px 0px 10px 13px; height:245px; cursor: pointer}
.topbox .rightside#active { background:url(../../images/tasumakan/newDesign/top_box_active_right.png);}
.topbox .rightside h3 { border-bottom:1px dashed #d3d3d3; color:#564b42; font-family:'OpenSansbold'; font-size:24px; text-transform:uppercase; margin:0;}
.topbox .rightside h3 span { color:#fed206;}
.topbox .rightside p img { display:block; float:left;}
.topbox .rightside p, .topbox .leftside p { padding:3px;} 
.topbox #active h3 { font-size:28px;}

.maincontent {}
.maincontent .right {}
.maincontent h2 { margin:0 0 30px; font-size:30px; text-transform:uppercase; text-align:center; color: #920909;}
.maincontent #right .inner, .maincontent #left .inner { background:url(../../images/tasumakan/newDesign/bottom_shadow.png) no-repeat center bottom; padding-bottom:70px;}
.maincontent .videobox { float:left; width:465px; padding-left:5px;}
.maincontent .importance { float:right; width:465px; padding-right:5px;}
.maincontent .importance ul { margin:0 0 0 20px; padding:0; list-style:none;}
.maincontent .importance ul li { margin:0 0 10px; padding:0 0 0 25px; list-style:none; background:url(../../images/tasumakan/newDesign/yellow_bullet.png) no-repeat left 3px;}

.lessonavlbl h2 { text-align:left !important; margin:0 50px 10px !important;}
.lessonavlbl h3 {margin:0 50px 30px; font-size:25px; text-transform:capitalize; text-align:left;}






/* DIV container slider example */
#gallery_container1 {  width:940px !important; height:235px ; margin:0px auto 10px; padding:0px; display:block; position:relative; }

/* create custom forward-backward buttons for this container */
#gallery_container1 .addfwd { display:block; position:absolute; cursor:pointer; width:30px; height:72px; top:58px; right:-5px; background:url(../../images/tasumakan/newDesign/rightarrow.png) no-repeat center;  }
#gallery_container1 .addbkwd { display:block; position:absolute; cursor:pointer; width:30px; height:72px; top:58px; left:-5px; background:url(../../images/tasumakan/newDesign/leftarrow.png) no-repeat center;  }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container1 { position:relative ; overflow:hidden ; width:890px !important; height:235px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs1 { display:block; position:relative; width:6000px; }

#thumbs1 div.thumbnail { display:block; position:relative; float:left; margin-right:4px; font-size:11px; width:294px; }
#thumbs1 div.thumbnail .main img { width:250px; height:110px; padding:10px 22px; background:url(../../images/tasumakan/newDesign/scroller_bg.png) no-repeat center top;}
#thumbs1 div.thumbnail h4 { font-size:20px; margin:0 22px 10px; line-height:20px;}

#thumbs1 .links { padding:0 22px;}
#thumbs1 p { padding:8px 22px;} 
#thumbs1 .links a { padding:0px; margin:0px 20px 0 0; display:block; float:left; height:22px; line-height:20px; color:#fff; background:#fbaf16; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; width:100px; text-align:center;}


/* DIV container slider example */
#gallery_container2 {  width:940px !important; height:235px ; margin:0px auto 10px; padding:0px; display:block; position:relative; }

/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd { display:block; position:absolute; cursor:pointer; width:30px; height:72px; top:58px; right:-5px; background:url(../../images/tasumakan/newDesign/rightarrow.png) no-repeat center;  }
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:30px; height:72px; top:58px; left:-5px; background:url(../../images/tasumakan/newDesign/leftarrow.png) no-repeat center;  }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:890px !important; height:235px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 { display:block; position:relative; width:6000px; }

#thumbs2 div.thumbnail { display:block; position:relative; float:left; margin-right:4px; font-size:11px; width:294px; }
#thumbs2 div.thumbnail .main img { width:250px; height:110px; padding:10px 22px; background:url(../../images/tasumakan/newDesign/scroller_bg.png) no-repeat center top;}
#thumbs2 div.thumbnail h4 { font-size:20px; margin:0 22px 10px; line-height:20px;}

#thumbs2 .links { padding:0 22px;}
#thumbs2 p { padding:8px 22px;} 
#thumbs2 .links a { padding:0px; margin:0px 20px 0 0; display:block; float:left; height:22px; line-height:20px; color:#fff; background:#fbaf16; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; width:100px; text-align:center;}


/* DIV container slider example */
#gallery_container3 {  width:940px !important; height:235px ; margin:0px auto 30px; padding:20px 0 0px; display:block; position:relative; background:url(../../images/tasumakan/newDesign/bottom_shadow2.png) no-repeat center top;}

/* create custom forward-backward buttons for this container */
#gallery_container3 .addfwd { display:block; position:absolute; cursor:pointer; width:30px; height:72px; top:78px; right:-5px; background:url(../../images/tasumakan/newDesign/rightarrow.png) no-repeat center;  }
#gallery_container3 .addbkwd { display:block; position:absolute; cursor:pointer; width:30px; height:72px; top:78px; left:-5px; background:url(../../images/tasumakan/newDesign/leftarrow.png) no-repeat center;  }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container3{ position:relative ; overflow:hidden ; width:890px !important; height:270px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs3 { display:block; position:relative; width:6000px; }

#thumbs3 div.thumbnail { display:block; position:relative; float:left; margin-right:4px; font-size:11px; width:294px; }
#thumbs3 div.thumbnail .main img { width:250px; height:110px; padding:10px 22px; background:url(../../images/tasumakan/newDesign/scroller_bg.png) no-repeat center top;}
#thumbs3 div.thumbnail h4 { font-size:20px; margin:0 22px 10px; line-height:20px;}

#thumbs3 .links { padding:0 22px;}
#thumbs3 p { padding:8px 22px;} 
a.yellowButton { padding:0px; margin:0px 20px 0 0; display:block; float:left; height:22px; line-height:20px; color:#fff; background:#fbaf16; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; width:100px; text-align:center;}



.tesimonialscroller { padding:0 50px 30px; background:url(../../images/tasumakan/newDesign/bottom_shadow2.png) no-repeat center bottom; margin-bottom:30px;}
.tesimonialscroller .testiminial_blk { position:relative;}
.tesimonialscroller .testiminial_blk .invert_start { background:url(../../images/tasumakan/newDesign/invert_start.png) no-repeat; width:46px; height:52px; position:absolute; left:0; top:0;}
.tesimonialscroller .testiminial_blk .invert_end { background:url(../../images/tasumakan/newDesign/invert_end.png) no-repeat; width:46px; height:52px; position:absolute; right:142px; bottom:45px;}
.tesimonialscroller .testiminial_blk .testmninal .thmbnl { width:100px; height:100px; padding:10px; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; float:right;}
.tesimonialscroller .testiminial_blk .testmninal .thmbnl img { width:100px; height:100px;}
.tesimonialscroller .testiminial_blk .testmninal .tstmnl { float:left; width:683px; padding:23px 12px 15px 3px; font-size:18px;}
.tesimonialscroller .testiminial_blk .testmninal .tstmnl p { padding-bottom:45px;}
.tesimonialscroller .testiminial_blk .testmninal .tstmnl i { display:block; text-align:right; font-size:14px;}

/*next button*/
.bx-next { position:absolute; top:17%; right:-50px; z-index:999; width: 30px; height: 72px; text-indent: -999999px; background: url(../../images/tasumakan/newDesign/rightarrow.png) no-repeat 0 0px;}

/*previous button*/
.bx-prev { position:absolute; top:17%; left:-50px; z-index:999; width: 30px; height: 72px; text-indent: -999999px; background: url(../../images/tasumakan/newDesign/leftarrow.png) no-repeat 0 0px;}

/*pager links*/
.bx-pager a { margin-right: 5px; color: #fff; padding: 3px 8px 3px 6px; font-size: 12px; zoom:1; background: url(../../images/tasumakan/newDesign/gray_pager.png) no-repeat 0 -20px;}

/*auto start button*/
.bx-auto .start { background: url(../../images/tasumakan/newDesign/gray_auto.png) no-repeat 0 2px; padding-left: 13px;}

/*auto stop button*/
.bx-auto .stop { background: url(../../images/tasumakan/newDesign/gray_auto.png) no-repeat 0 -14px; padding-left: 13px;}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover, .bx-prev:hover { background-position: 0 0;}

/*pager links hover and active states*/
.bx-pager .pager-active, .bx-pager a:hover { background-position: 0 0;}

/*pager wrapper*/
.bx-pager { text-align:center; padding-top: 7px; font-size:12px; color:#666;}

/*captions*/
.bx-captions { text-align:center; font-size: 12px; padding: 7px 0; color: #666;}

/*auto controls*/
.bx-auto { text-align: center; padding-top: 15px;}
.bx-auto a { color: #666; font-size: 12px;}




.whyyou { margin:20px 0 40px 0;background-color:#564b42;}
#whyyouTop { background:url(../../images/tasumakan/newDesign/whyyour_bg_top.jpg) repeat-x; height: 25px;}
#whyyouBottom {background:url(../../images/tasumakan/newDesign/whyyour_bg_bottom.jpg) repeat-x; height: 33px; background-color:#564b42;}
.whyyou_inner { width:920px; margin:0 auto; position:relative; color: #FFF}
.whyyou_inner h2 { font-family:'OpenSansbold'; font-size:38px; margin:0 0 20px; color:#fbaf16; line-height:38px;}
.whyyou_inner ul { margin:0; padding:0; list-style:none; color:#fff; float:left; width:83%;}
.whyyou_inner ul li { margin:0 0 10px; padding:0 0 0 25px; list-style:none; background:url(../../images/tasumakan/newDesign/white_bullet.png) no-repeat left 5px; float:left; width:40%; font-size:16px;}
.whyyouman { right:80px; }
.jqibuttons { display:none; }
.overlayButton { margin:0 !important; float:right !important;}

.bottomtwoblock { width:840px; margin:0 auto; position:relative;}
.bottomtwoblock .leftblock { background:url(../../images/tasumakan/newDesign/bottomblock_bg.png) no-repeat; width:321px; height:243px; float:left; padding:21px;}
.bottomtwoblock .leftblock .inner { position:relative; width:321px; height:243px;}
.bottomtwoblock .leftblock .inner h3 { margin:0 0 10px; font-size:24px; line-height:24px; border-bottom:2px dotted #c6c7c7; padding:0 10px 10px;}
.bottomtwoblock .leftblock .inner p { font-size:12px; line-height:20px;}
.bottomtwoblock .leftblock .inner a { text-decoration:underline;}
.leftblockman { width:169px; height:278px; position:absolute; right:-10px; bottom:-42px;}

.bottomtwoblock .rightblock { background:url(../../images/tasumakan/newDesign/bottomblock_bg.png) no-repeat; width:321px; height:243px; float:right; padding:21px;}
.bottomtwoblock .rightblock .inner { position:relative; width:321px; height:243px;}
.bottomtwoblock .rightblock .inner h3 { margin:0 0 10px; font-size:24px; line-height:24px; border-bottom:2px dotted #c6c7c7; padding:0 10px 10px;}
.bottomtwoblock .rightblock .inner p { font-size:12px; line-height:18px; padding-left:138px;}
.bottomtwoblock .rightblock .inner a { display: block; width:166px; margin:0 auto -10px}
.rightblockman { width:130px; height:129px; position:absolute; left:0px; bottom:57px;}


.footertop { background:url(../../images/tasumakan/newDesign/footer_top.png) no-repeat center top; height:165px;}
.footer_outer { background:#564b42; border-bottom:1px solid #61564e;}
.footer { width:880px; margin:0 auto; padding:20px 0;}
.newsletter { float:left; width:230px; color:#fff; font-size:11px; margin-right:100px;}
.newsletter h3 { color:#fff; font-size:17px; background:url(../../images/tasumakan/newDesign/footer_hd.png) no-repeat left bottom; margin:0; padding:0 10px 15px;}
.newsletter p { padding:5px 10px 15px;}
.newsletter input.tbox { background:url(../../images/tasumakan/newDesign/newsletter_tbox.png) no-repeat left top; border:0; width:210px; height:20px; line-height:16px; font-size:11px; color:#666; padding:4px 10px; margin-bottom:5px;}
.newsletter input.sbtn { background:url(../../images/tasumakan/newDesign/footersubmit_button.png) no-repeat; width:90px; height:37px; color:#fff; font-size:13px; border:0; margin:0 auto; padding:0 0 4px; display:block; font-family:'OpenSansbold'; text-transform:uppercase;}

.contctform { float:left; width:245px; color:#fff; font-size:10px;}
.contctform h3 { color:#fff; font-size:17px; background:url(../../images/tasumakan/newDesign/footer_hd.png) no-repeat left bottom; margin:0 0 8px; padding:0 10px 15px;}
.contctform p { padding:5px 10px 15px;}
.contctform input.tbox { background:url(../../images/tasumakan/newDesign/contact_tbox.png) no-repeat left top; border:0; width:225px; height:19px; line-height:19px; font-size:11px; color:#fff; padding:4px 10px; margin-bottom:10px;}
.contctform textarea.tarea { background:url(../../images/tasumakan/newDesign/contact_tarea.png) no-repeat left top; border:0; width:225px; height:97px; line-height:19px; font-size:11px; color:#fff; padding:4px 10px; margin-bottom:3px; font-family:'OpenSansSemibold'; resize:none;}
.contctform input.sbtn { background:url(../../images/tasumakan/newDesign/footersubmit_button.png) no-repeat; width:90px; height:37px; color:#fff; font-size:13px; border:0; margin:0 auto; padding:0 0 4px; display:block; font-family:'OpenSansbold'; text-transform:uppercase; margin-top:5px;}

.facebook_pills { float:left; width:223px; color:#fff; font-size:10px; float:right;}
.facebook_pills h3 { color:#fff; font-size:17px; background:url(../../images/tasumakan/newDesign/footer_hd.png) no-repeat left bottom; margin:0 0 0px; padding:0 10px 15px;}
.facebook_pills p { padding:5px 10px 15px;}
.facebook_pills p span { font-family:'OpenSansbold'; font-size:14px;}
.facebook_pills .facepills {}
.facebook_pills .facepills a { display:block; color:#fff; float:left; width:63px; text-align:center; margin:0 15px 15px 0;}
.facebook_pills .facepills a.last { margin-right:0;}
.facebook_pills .facepills a img { display:block; width:57px; height:57px; border:3px solid #fff;}

.backtop { background:#3d3631; text-align:center; padding-top:50px;}


/* popup_box DIV-Styles*/
#popup_box { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:300px;  
	width:600px;  
	background:#FFFFFF;  
	left: 300px;
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;  
	
	/* additional features, can be omitted */
	border:2px solid #ff0000;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #ff0000;
	-webkit-box-shadow: 0 0 5px #ff0000;
	box-shadow: 0 0 5px #ff0000;
	
}

#container {
	background: #d2d2d2; /*Sample*/
	width:100%;
	height:100%;
}

a{  
cursor: pointer;  
text-decoration:none;  
} 

/* This is for the positioning of the Close Link */
#popupBoxClose {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#6fa5e2;  
	font-weight:500;  	
}
.bulletColums {
width: 315px;
float:left;
padding: 0 40px 0 0

}
div.bulletColums ul {
width:auto !important;
}
div.bulletColums li {
width:auto !important;
}
.djembeProContent {
	padding-right: 280px;
}
.djembePlayer {
	position: absolute;
	top: -220px;
	left: 550px;
}
.indent {	
	text-indent: -5000px;
	margin: 0 0 0 0;	
}
.whylove {
	background:url(../../images/tasumakan/newDesign/mainHeading.png) no-repeat;
	height: 114px;
	margin-left: 55px;
}