/* CSS Document */
body{ margin:0; padding:0; background:url(../images/bg.jpg) no-repeat center top;  }
.main{ width:960px; height:auto; margin:auto; margin-top:5px; -moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;}
.container{ width:960px; height:580px; margin:auto; 
    /*-moz-box-shadow: 13px #000;*/ background-color:#020202;}

.slider{ width:960px; height:600px;}

/*==================== SLIDER =====================*/
#slider{
    width:960px;
    height:600px;
    float: left;
	
  /*  position: relative;*/
	margin:0 0 0 0
}
.home .bx-wrapper{float: left !important; }
#slider img{
    float: left;
    width: 960px;
    height:600px;
	margin:-20px 0 0 0;
}
.slider-content{width: 960px;}
.slider-content div{
    position: absolute;
    width: 400px;
    position: absolute;
    bottom: 0px;
    right: 25px;
}
.slider-content p{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:right;
}
.slider-content div h2{
    padding: 15px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-align: right;
    text-shadow: 1px 1px 1px #292929;
    text-transform: uppercase;
}


    /*SLIDER NAV*/
    .bx-window{
        height: 600px !important;
        width: 960px !important;
    }
    .home .bx-next, .home .bx-prev{
        display: inline-block;
        height:45px;
        width:43px;
        position: relative;
        z-index: 100;
		float:right;
        text-indent: -9999px;
        position: absolute;
        top: 10%;
        margin-top: -22px;
    }
    .home .bx-prev{
        left: 190px;
		top:250px;
		margin:0;
        background: url(../images/arrow_left.png) no-repeat;
    }
    .home .bx-next{
        right: 30px;
		top:280px;
        background: url(../images/arrow_right.png) no-repeat;
    }
    .home .bx-pager{
        width:500px;
        margin-top:-40px;
        position: absolute;
        text-align: center;
        z-index: 100;
    }
    .home .bx-pager a{
        display: inline-block;
        height:13px;
        width:13px;
        padding:0 5px;
        text-indent: -9999px;
        background: url(../images/slider-nav.png) no-repeat;
    }
    
    .home .bx-pager a:hover, .bx-pager a.pager-active{
        background: url(../images/slider-nav-hover.png) no-repeat;
        background-position:0 -13px;
    }

.sidebar-main{ width:160px; height:auto; float:left; /*position:relative;*/}
.sidebar-wrapper{
	width:170px;
	height:600px;
	float:left;
	
	background-color:#020202;
	position:absolute;
	
	top:85px;
	/*left: 187px;*/
	z-index:900;
	background:url(../images/menu-bg.jpg) repeat-x;
}
/*.logo{ width:150px; height:auto;}*/

.menu{ width:160px; height:auto; margin:auto; }
.menu ul{ margin:0; padding:0; list-style:none;/* padding-top:10px;*/}
.menu ul li{ margin:0; padding:0;  text-align:center;}
.menu ul li a{ margin:0; padding:0; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#a6a9ab; font-size:12px; font-style:normal; line-height:25px;}
.menu ul li a:hover{ color:#ffffff;}
.upcoming-event{ width:148px; height:auto; margin:60px auto 0 auto;}
.upcoming-event-text{ width:148px; height:auto; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5d5959; font-weight:bold; padding-top:0px; text-align:center;}
.upcoming-event-text a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#5d5959; font-weight:bold; padding-top:10px;}
.copyright{ width:148px; height:auto; margin:auto; padding-top:50px;}
.copyright a{ text-decoration:none; color:#717171;}
.copyright p{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#717171; font-size:10px; text-align:center; padding-top:25px;}


/*==================== content section =====================*/
.content-sec{ width:763px; height:auto; float:right;}
.content-sec p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a6a9ab; padding:5px; padding:0; margin:0; text-align:justify; }
.content-header{ width:763px; height:auto; margin-top:15px;}
.content-sec h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#dbab48; padding-top:11px; /*padding-top:6px;*/}
.content-sec-span1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dbab48;}

.content-sec ul{ margin:0; padding:0; list-style:none; padding-top:10px;}
.content-sec ul li{ margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a6a9ab; background:url(../images/bull.png) no-repeat 0 7px; padding-left:20px; line-height:20px;}


.about-us-wrapp{ width:197px; height:auto; margin-bottom:12px; }
.about-us-wrapp p{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding-top:12px; padding-left:10px;}
.about-us-wrapp p a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#achiement-bg{ background:url(../images/header/achiement-bg.jpg) no-repeat top right; height:560px;}
#picture-gall{ background:url(../images/header/picture-gallery.jpg) no-repeat top right; height:576px; margin-top:3px;}

/*==================== PICTURE GALLERY SECTION =====================*/
.pic-gall-wrapper{ width:357px; height:500px;}
.pic-gall-main{ width:357px; height:auto; overflow:hidden;}
.pic-sec{ width:141px; height:auto; float:left; margin-right:29px; margin-top:20px;}
.pic-name-sec{ width:141px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a6a9ab; text-align:center; padding-top:5px;}


#mycustomscroll {

/* percentage width without the fix*/

width: 357px;
height: auto;
overflow: hidden;
/* IE overflow fix, position must be relative or absolute*/

/*position: relative;*/

/*background-color: #E7EADE;*/

margin:0 0 0 0;
padding: 10px;
z-index:1000;
}

/*************mycustomscroll_close*************/


/*==================== VIDEO GALLERY SECTION =====================*/
#video-gall{ background:url(../images/header/video-gallery-bg.jpg) no-repeat top right; height:576px; margin-top:3px;}

.video-gall-wrapper{ width:357px; height:500px;}
.video-gall-main{ width:357px; height:auto; overflow:hidden;}
.video-sec{ width:134px; height:auto; float:left; margin-right:29px; margin-top:20px;}
.video-name-sec{ width:134px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dbab48; text-align:center; padding-top:5px;}



/*==================== CONTACT US SECTION =====================*/
#contact-us-bg{ background:url(../images/header/contact-us-bg.jpg) no-repeat top right; height:576px; margin-top:3px;}
.contact-us-wrap{ width:409px; height:auto; margin-top:10px; }
.contact-us-wrap p{ margin:0;}
.contact-span1{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#d26d5d; font-weight:bold; }
.contact-span1 p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#d26d5d; font-weight:bold; }
.contact-span2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a6a9ab; font-weight:normal;}
.contact-span2 p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a6a9ab; padding-top:5px; }
.contact-span2 a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a6a9ab; font-weight:normal;}
.contact-social-wrap{ width:370px; height:auto; margin-top:10px;}
.contact-social-left{ width:104px; height:auto; float:left; margin-right:15px; margin-bottom:8px;}
.dd3{ clear:both;}
.contact-social-detail{ width:370px; height:auto;}
.contact-social-detail ul{ margin:0; padding:0; }
.contact-social-detail ul li{ margin:0; padding:0; text-align:center; }

.contact-social-detail ul li a{ text-decoration:none; color:#a6a9ab;}

/*==================== EVENTS SECTION =====================*/

.events{ width:428px; height:auto; margin:auto; margin-top:46px;}
.events-left{ width:197px; height:auto; margin:auto; float:left; margin-right:32px;}
.events-right{ width:197px; height:auto; margin:auto; float:left;}


/*==================== PERFORMANCE SECTION =====================*/
#performance-bg{ background:url(../images/header/performance-bg.jpg) no-repeat top right; height:576px; margin-top:3px;}

/*==================== NEWS SECTION =====================*/
#news-bg{ background:url(../images/header/news-bg.jpg) no-repeat top right; height:576px; margin-top:3px;}

/*==================== ABOUT KATHAK DANCE SECTION =====================*/
#about-kathak-dance-bg{ background:url(../images/header/about-kathak-dance-bg.jpg) no-repeat top right; height:576px; margin-top:3px;}

/*==================== FOUNDER CHIR SECTION =====================*/
.founder-chair{ width:755px; height:auto; margin:auto;}
.founder-chair-left{ width:106px; height:auto; float:left; margin-right:8px;}
.founder-chair-right{ width:639px; height:auto; float:left;}
.dd1{ clear:both;}
.founder-chair-bottom{ width:750px; height:auto;  margin-top:10px; text-align:justify;} 

/*==================== PAST EVENT SECTION =====================*/
.past-event{ width:750px; height:auto;}
.text1{ font-family:Arial, Helvetica, sans-serif; color:#a6a9ab; font-size:12px; font-weight:bold;}
.text2{ font-family:Arial, Helvetica, sans-serif; color:#a6a9ab; font-size:12px;}
.text2 a{ text-decoration:none; color:#a6a9ab;}

/*==================== PRESS RELEASE SECTION =====================*/
.press-rel-wrapper1{ width:auto; height:auto; float:left; overflow:hidden;}
.press-rel-wrapper{ width:403px; height:530px; float:left;}
.press-rel-main{ width:403px; height:auto; overflow:hidden;}
.press-sec{ width:156px; height:auto; float:left; margin-right:29px; margin-top:30px;}
.press-name-sec{ width:156px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a6a9ab; text-align:center; padding-top:5px;}
.press-rel-right{ width:342px; height:576px; float:right; margin:0; padding:0;}  

/*==================== NEWS =====================*/
.news{ width:400px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a6a9ab;}
.news-detail-wrap{ width:324px; height:auto;}
.news-detail-left{ width:152px; height:auto; float:left; margin-right:10px; margin-top:15px;}
.news-detail-left-name{ width:152px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:center; padding-top:10px;}
.news-detail-left-name a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:center;}


/*==================== PERFORMANCE SECTION =====================*/
.performace-wrap{ width:310px; height:500px;}
.performace-main{ width:310px; height:auto;}


/*==================== PERFORMANCE SECTION =====================*/
.kathak-wrap{ width:370px; height:500px; padding-right:22px;}
.kathak-main{ width:370px; height:auto;}


/*==================== COURSE SECTION =====================*/
#course-bg{ background:url(../images/header/course.jpg) no-repeat top right; height:576px; margin-top:3px;}


/*==================== ACHIEVMENTS SECTION NEW =====================*/

.achiev-wrap{ width:763px; height:auto; position:relative; z-index:1;}
.achiev-wrap2{ width:763px; height:auto; position:absolute; z-index:2; margin-left:160px; margin-top:-40px;}
.achiev-wrap3{ width:763px; height:auto; position:absolute; z-index:3;}
.news-flash{ width:465px; height:auto; position:absolute; z-index:2; margin-left:300px; margin-top:-45px;}

/*==================== HOME BUTTON =====================*/

.top-logo{ width:960px; height:80px; background-color:#000; margin:auto;}

.top-logo img{ margin-top:10px;}

/*==================== FOOTER =====================*/
.dd6{ clear:both; margin:0; padding:0;}

.footer{ width:960px; height:22px; margin:auto; background-color:#000; margin-top:8px; padding-left:10px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; color:#717171; font-size:10px;}
.footer a{ text-decoration:none; color:#717171; font-size:10px;}