body                                                    { padding:0; margin:0; background:url(images/bg_slice.jpg) repeat; line-height:22px;
														  font-family: Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;color:#653207;}

#wrapper                                                { width:1000px; margin:0 auto; }

#light_left  											{ width:85px; height:335px; float:left; background:url(images/left_light.png) no-repeat;}

#light_right											{ width:85px; height:335px; float:right; background:url(images/right_light.png) no-repeat;}

.QOverlay                                               { background-color: #f3cf79; z-index: 9999; width:100%; }

.QLoader 									            { background-color: #c8944b; height:100px; }

#top_panel  											{ width:825px; height:312px; background:url(images/top_panel_border.png) no-repeat;
														  float:left; margin-top:25px; }

#top_panel1                                             { width:825px; height:291px; float:left; background:url(images/top_panel.jpg) no-repeat;
														  margin:15px 0px 0px 13px;}
														  
#mid_panel 												{ width:825px; height:194px; background:url(images/mid_panel.jpg) no-repeat;
														  float:left; left:5px; position:relative; }
														  														  
#bottom_panel   										{ width: 812px; height:194px; background:url(images/bot_panel.jpg) no-repeat;
														  float:left; position:relative; left:5px;}
														  
#footer													{ width:1000px; height:30px; float:left;}														  														   

#clear 												    { width:1000px; height:5px; margin:0 auto; clear:both;}	 

#banner 												{ width:561px; height:209px; float:right; background:url(images/banner_bg.jpg) no-repeat;
														  position:relative; right:38px; top:7px; }
														  
#ayyappa												{ width:250px; height:195px; float:left; position:relative; left:8px; top:15px;}	

#logo 												    { width:236px; height:59px; float:right; position:relative; top:5px; right:38px;
														  background:url(images/header.jpg) no-repeat}													

#wrap  													{ width:830px; float:left; position:relative; left:2px;}		

#flame_left												{ width:25px; height:36px; position:relative; float:right; margin-top:265px;}

#flame_right     										{ width:25px; height:36px; position:relative; float:left; margin-top:262px; left:-2px;}


/* banner */

#slideshow 												{ position:relative; height:197px; width:548px; left:6px; top:5px;}
#slideshow DIV 											{ position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 400px; }
#slideshow DIV.active 									{ z-index:10; opacity:1.0; }
#slideshow DIV.last-active 								{ z-index:9; }
#slideshow DIV IMG 										{ height: 197px; display: block; border: 0; margin-bottom: 10px; }	


/*scrollbar*/	
.scrollbar1											    { width: 250px; margin: 20px 0 10px; }

.scrollbar1 .viewport 									{ width: 225px; height: 120px; overflow: hidden; position: relative; text-align:justify; }

.scrollbar1 .overview 									{ list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin:0; }

.scrollbar1 .scrollbar									{ background:#cba85e; position:relative; float: right; width: 8px; }
														  
.scrollbar1 .track 										{ height: 100%; width:13px; position: relative; padding: 0 1px; }
														  
.scrollbar1 .thumb 										{ background:#b1914f; height: 20px; width: 7px; cursor: pointer; overflow: hidden;
														  position: absolute; top: 0; left: 1px; }
.scrollbar1 .thumb .end								    {  }
														 
.scrollbar1 .disable								    { display: none; }		
						   													  

/*page bar*/

.history												{ width:330px; float:left; margin-left:38px; margin-top:33px; position:relative; 
														  z-index:99; font-weight:normal}
														  
.news											     	{ width:330px; float:left; margin-left:-43px; margin-top:33px; position:relative; 
														  z-index:99;}  
														  
														  
.donation												{ width:330px; float:left;  margin-top:33px; position:relative; 
														  z-index:99;} 
														  
a														{ color:#583607; font-weight:bold; text-decoration:none; }					
a:hover								     				{ color:#a96507; font-weight:bold; text-decoration:none; }														  
#chrome													{ width:400px; height:30px; margin-left:110px; margin-top:10px; float:left;  }

#ksworld												{ width:300px; height:30px; float:right; margin-right:-100px; margin-top:10px;}


div.hoverBtn {
	position: 		relative;
	float:			left;
}

div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	height: 		30px;
	text-decoration:none;
	color:			#583607;
	text-transform: capitalize;
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
}
.right_space_menu {
	margin-right:13px;
}
		
.menu{
    float:			left;
	position:		relative;
	top:			40px;
	left:			-25px;	
}		
	

#song						{ width:86px; height:34px; position:absolute; z-index:100; bottom:10px; right:0px; z-index:99;}		
	

/*modal*/

	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 40%;
		margin-left: -280px;
		width: 826px;
		height:489px;
		background:url(images/modal.png) no-repeat;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		}
	
	.reveal-modal .close-reveal-modal {
		font-size: 52px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 105px;
		top:25px;
		font-weight: bold;
		cursor: pointer;
		} 	
		
		
		
#reach_us   { position:relative; float:left; top:70px; width:135px; height:81px; left:-35px;}

#gallery    { width:155px; height:113px; position:relative; top:0px; left:600px; top:-120px; z-index:99;}