html,body 
{
	margin:0;
	background: #ffffff;
	padding:0px;
	color: #3b3b3b;
	text-rendering: optimizeLegibility;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 100%;
}
ul 
{
	list-style-type:none;
	margin:0;
	padding:0;
	border: 0px solid red;
}
.banner
{
	background: url('../images/logo_full.png') no-repeat right;
	position:relative;	/* relative, absolute, fixed */
	overflow:hidden;
	height:164px;
	width:365px;
	float:left;
	border: 0px solid red;
	margin:0;
	clear: left;
}
.main_body
{
	margin: 0;
	border-left: 5px solid #BB334D;
	padding-top: 20px;
	overflow: hidden;
}
/* search box */
.search_txt
{
	width:360px;
	/*height:164px;*/
	border: 0px solid red;
	float: right;
	padding: 0px 15px 5px 5px;
	clear: right;
	margin: 0 auto;
}
.search_txt ul li
{
	clear: both;
	border: 0px solid red;
}
.search_head
{
	margin: 0;
	border: 0px solid red;
	width:360px
}
.search_head_left
{
	background: url('../images/head_left_cornor.png') no-repeat right;
	height:30px;
	width:10px;
	float: left;
}
.search_head_center
{
	background: url('../images/head_bkg.png') repeat-x center;
	height:30px;
	line-height:30px;
	float: left;
	color: white;
	font-weight: bold;
	width: 340px;
	text-align: left;
}
.search_head_right
{
	background: url('../images/head_right_cornor.png') no-repeat left;
	height:30px;
	width:10px;
	float: left;
}

.search_left
{
	background: url('../images/row_left.png') repeat-y right;
	height:80px;
	width:3px;
	float: left;
	margin: 0px 0 0 -1px;
}
.search_center
{
	height:60px;
	line-height:60px;
	float: left;
	width: 356px;
	text-align: left;
	overflow: hidden;
	padding: 20px 0 0 0;
	margin:0;
}
.search_right
{
	background: url('../images/row_right.png') repeat-y left;
	height:80px;
	width:2px;
	float: left;
	margin: 0px 0 0 0px;
	border: 0px solid red;
}

.search_left_footer
{
	background: url('../images/search_left_footer.png') no-repeat right bottom;
	height:20px;
	width:10px;
	float: left;
	margin: 0px 0 0 0px;
}
.search_center_footer
{
	background: url('../images/search_bkg_footer.png') repeat-x center bottom;
	height:20px;
	float: left;
	width: 340px;
	overflow: hidden;
	padding: 0px 0 0 0;
	margin:0'
}
.search_right_footer
{
	background: url('../images/search_right_footer.png') no-repeat left bottom;
	height:20px;
	width:10px;
	float: left;
	margin: 0px 0 0 0px;
	border: 0px solid red;
}

.search_left_btn
{
	background: url('../images/row_left.png') repeat-y right;
	height:50px;
	width:3px;
	float: left;
	margin: 0px 0 0 -1px;
}
.search_center_btn
{
	height:50px;
	line-height:50px;
	float: left;
	width: 351px;
	text-align: left;
	overflow: hidden;
	padding: 0px 0 0 5px;
}
.search_right_btn
{
	background: url('../images/row_right.png') repeat-y left;
	height:50px;
	width:2px;
	float: left;
	margin: 0px 0 0 0px;
	border: 0px solid red;
}

/* text box */
.search_txt_left
{
	background: url('../images/text_left.png') no-repeat right;
	height:42px;
	width:21px;
	float: left;
}
.search_txt_center
{
	background: url('../images/text_bkg.png') repeat-x center;
	height:42px;
	width:300px;
	float: left;
	border: 0px solid red;
	line-height: 42px;
}
.search_txt_right
{
	background: url('../images/text_right.png') no-repeat left;
	height:42px;
	width:21px;
	float: left;
}
/* end - text box */
/* search button */
.search_btn
{
	padding: 10px 0 0 0;
	cursor: pointer;
}
.search_btn_left
{
	background: url('../images/btn_left_small.png') no-repeat right;
	height:34px;
	width:17px;
	float: left;
}
.search_btn_center
{
	background: url('../images/btn_bkg_small.png') repeat-x center;
	height:34px;
	float: left;
	color: white;
	font-weight: bold;
}
.search_btn_right
{
	background: url('../images/btn_right_small.png') no-repeat left;
	height:34px;
	width:17px;
	float: left;
}
.search_btn_center li
{
	vertical-align: middle;
	height:32px;
	line-height:32px;
}

/* end - search button */
/* advance search */
a, a:active, a:hover
{
	text-decoration:none;
	color: #2489dd;
}
.adv_search
{
	float: right;
	padding-right: 10px;
	font-weight: bold;
	font-size: 14px;
}
#advance
{
	display: none;
}
/* end - advance search */
#search, #search:focus
{
	border: 0px solid white;
}
/* end - search box */

/* slist */
.slist
{
	padding: 20px 5px 5px 15px;
	border: 0px solid red;
	margin: 10px auto;
	width: 1050px;
	overflow: hidden;
}
.slist_ul
{
	list-style-type:none;
	margin:20px;
	border:0px solid none;
	float:left;
	width: 310px;
}
.slist_ul li
{
	list-style-type:none;
	margin:0;
	padding-left:0px;
	border:0px solid red;
	line-height:30px;
}
.slist_head_left
{
	background: url('../images/head_left_cornor.png') no-repeat right;
	height:30px;
	width:10px;
	float: left;
}
.slist_head_center
{
	background: url('../images/head_bkg.png') repeat-x center;
	height:30px;
	line-height:30px;
	float: left;
	color: white;
	font-weight: bold;
	width: 280px;
	text-align: center;
}
.slist_head_right
{
	background: url('../images/head_right_cornor.png') no-repeat left;
	height:30px;
	width:10px;
	float: left;
}

.slist_row_left
{
	background: url('../images/row_left.png') repeat-y right;
	height:30px;
	width:3px;
	float: left;
	margin: 0px 0 0 -1px;
}
.slist_row_center
{
	background: url('../images/row_bkg.png') repeat-x center bottom;
	height:30px;
	line-height:30px;
	float: left;
	width: 286px;
	text-align: left;
	padding-left: 10px;
	overflow: hidden;
}
a > .slist_row_center /*if a is parent of span*/
{
	text-decoration: none;
	color: #3b3b3b;
}
.slist_row_center:hover
{
	background: url('../images/row_bkg_hover.png') repeat-x center bottom;
}

.slist_row_right
{
	background: url('../images/row_right.png') repeat-y left;
	height:30px;
	width:3px;
	float: left;
	margin: 0px 0 0 0px;
}

.slist_footer_left
{
	background: url('../images/footer_left_new.png') no-repeat left bottom;
	height:15px;
	width:10px;
	float: left;
	margin: 0px 0 0 0px;
}
.slist_footer_center
{
	background: url('../images/footer_bkg_new.png') repeat-x center bottom;
	height:15px;
	line-height:15px;
	float: left;
	width: 281px;
	text-align: center;
	padding: 0px;
	overflow: hidden;
	font-size: 11px;

}
a > .slist_footer_center
{
	color: #3b3b3b;
}
.slist_footer_li_index
{
	cursor: pointer;
	padding: 0;
}
.slist_footer_li_index:hover .slist_footer_left
{
	background: url('../images/footer_left_new1.png') no-repeat left bottom;

}
.slist_footer_li_index:hover .slist_footer_center
{
	background: url('../images/footer_bkg_new1.png') repeat-x center bottom;
}
.slist_footer_li_index:hover .slist_footer_right
{
	background: url('../images/footer_right_new1.png') no-repeat right bottom;
}

.slist_footer_right
{
	background: url('../images/footer_right_new.png') no-repeat right bottom;
	height:15px;
	width:10px;
	float: left;
	margin: 0px 0px 0px -1px;
}

/* end - slist */
li div
{
	float: left;
}

.page_seperator
{
	width: 100%;
	background: url('../images/head_bkg.png') repeat-x center;
	height:30px;
	line-height: 30px;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 0 10px;;
	float: left;
	margin: 10px 0;
	overflow: hidden;
	border: 0px solid red;
}
/* lyrics */

p
{
	word-spacing:5px;
	line-height: 30px;
	text-align: justify;
	padding-bottom: 20px;
	word-wrap: normal;
}

.lyrics_head
{
	float: left;
	padding: 5px 10px 0px 10px;
	/*color: #53991d;*/
	border: 0px solid red;
	margin: 0 0 15px 0;
}
.lyrics
{
	clear: both;
	padding: 5px 10px 0px 10px;
	margin: 0 auto;
	border: 0px solid red;
	overflow: hidden;
}
.lyrics_tab
{
	width:300px;
	padding-left: 10px;
}
.lyrics_tab a
{
	text-decoration: none;
	color: white;
}
.lyrics_head_title
{
	font-weight: bold;
	width: 60px;
	float: left;
	clear: left;
	text-align: left;
}
.lyrics_head_val
{
	float: left;
	clear: right;
	padding-left: 10px;
	word-wrap: normal;
}
.lyrics_head_left
{
	background: url('../images/head_left_cornor.png') no-repeat right;
	height:30px;
	width:10px;
	float: left;
	clear: right;
}
.lyrics_head_center
{
	background: url('../images/head_bkg.png') repeat-x center;
	height:30px;
	line-height:30px;
	float: left;
	color: white;
	font-weight: bold;
	width: 130px;
	text-align: center;
}
.lyrics_head_right
{
	background: url('../images/head_right_cornor.png') no-repeat left;
	height:30px;
	width:10px;
	float: left;
}
.lyrics_head_left_disabled
{
	background: url('../images/lyrics_right_tab.png') no-repeat right;
	height:30px;
	width:10px;
	float: left;
}
.lyrics_head_center_disabled
{
	background: url('../images/lyrics_bkg_tab.png') repeat-x center;
	height:30px;
	line-height:30px;
	float: left;
	color: white;
	font-weight: bold;
	width: 130px;
	text-align: center;
}
.lyrics_head_right_disabled
{
	background: url('../images/lyrics_left_tab.png') no-repeat left;
	height:30px;
	width:10px;
	float: left;
}
.lyrics_page_seperator
{
	width: 100%;
	background: url('../images/head_bkg.png') repeat-x center bottom;
	height:5px;
	line-height: 3px;
	float: left;
	overflow: hidden;
	border: 0px solid red;
}

/* end - lyrics */

/* slist full size*/
.slist_ul_full
{
	list-style-type:none;
	margin:0;
	border:0px solid none;
	float:left;
	width: 100%;
}
.slist_head_li
{
	width:100%;
	clear: both;
	float: left;
	border: 0px solid red;
	padding:0;
}
.slist_head_left_full
{
	background: url('../images/head_left_cornor.png') no-repeat right;
	height:30px;
	width:10px;
	float: left;
}
.slist_head_center_full
{
	background-image: url('../images/head_bkg.png');
	background-repeat: repeat-x;
	height:30px;
	line-height:30px;
	float: left;
	color: white;
	font-weight: bold;
	text-align: center;
	width: 90%;
	
}
.slist_head_right_full
{
	background: url('../images/head_right_cornor.png') no-repeat left;
	height:30px;
	width:10px;
	float: left;
}
.slist_row_left_full
{
	background: url('../images/row_bkg.png') repeat-x bottom;
	height:30px;
	width:10px;
	float: left;
	clear: left;
}
.slist_row_left_full div
{
	background: url('../images/row_left.png') repeat-y left;
	margin: 0px 0 0 -1px;
	border:0px solid blue;
	overflow: hidden;
	height:30px;
	width:100%;
}

a > .slist_row_center_full /*if a is parent of span*/
{
	text-decoration: none;
	color: #3b3b3b;
}
.slist_head_li:hover .slist_row_center_full, .slist_head_li:hover .slist_row_left_full, .slist_head_li:hover .slist_row_right_full
{
	background: url('../images/row_bkg_hover.png') repeat-x center bottom;
}

.slist_row_center_full
{
	background: url('../images/row_bkg.png') repeat-x center bottom;
	height:30px;
	line-height:30px;
	float: left;
	text-align: left;
	overflow: hidden;
	width: 90%;
	border:0px solid blue;
	margin: 0;
}
.slist_row_right_full
{
	background: url('../images/row_bkg.png') repeat-x bottom;
	height:30px;
	width:10px;
	float: left;
	clear: right;
	border:0px solid blue;
	margin: 0;
}
.slist_row_right_full div
{
	background: url('../images/row_left.png') repeat-y right;
	margin: 0px 0 0 0px;
	border:0px solid blue;
	overflow: hidden;
	height:30px;
	width:100%;
}
.slist_footer_left_full
{
	background: url('../images/footer_left_new.png') no-repeat left bottom;
	height:15px;
	width:10px;
	float: left;
	margin: 0px 0 0 0px;
}
.slist_footer_center_full
{
	background: url('../images/footer_bkg_new.png') repeat-x center bottom;
	height:15px;
	line-height:15px;
	float: left;
	width: 90%;;
	text-align: center;
	padding: 0px;
	overflow: hidden;
	font-size: 11px;

}
.slist_footer_li:hover .slist_footer_left_full
{
	background: url('../images/footer_left_new1.png') repeat-x center left;
	cursor: pointer;

}
.slist_footer_li:hover .slist_footer_center_full
{
	background: url('../images/footer_bkg_new1.png') repeat-x center bottom;
	cursor: pointer;

}
.slist_footer_li:hover .slist_footer_right_full
{
	background: url('../images/footer_right_new1.png') repeat-x center right;
	cursor: pointer;

}
.slist_footer_right_full
{
	background: url('../images/footer_right_new.png') no-repeat right bottom;
	height:15px;
	width:10px;
	float: left;
	margin: 0px 0px 0px 0px;
}
/* end - slist full size*/

/*Media Queries*/
@media (max-width:1024px) {
	.slist{ width: 700px; }
}
@media (max-width:979px) {
	.slist{ width: 700px; }

}
@media (max-width:800px) {
	.search_txt{ float: left; clear: both; clear: both; margin: 10px auto 0; border: 0px solid red; padding-left: 20px; overflow: hidden;}

}
@media (max-width:725px){
	.slist{ width: 350px; }
}
@media (max-width:360px){
	.search_txt { display:none; }
	#advance { display: block; padding-bottom: 10px; clear: both; }
}
@media (max-width:320px){
	.search_txt { display:none; }
	#advance { display: block; padding-bottom: 10px; clear: both; }
	.main_body { margin: 0; border-left: 0px solid #BB334D; }
	.slist { border: 0px solid red; padding: 0; margin: 0;}
	.slist_ul { border: 0px solid red; margin: 0 5px; }
	.lyrics_tab { width:310px; padding-left: 5px; clear: both; }
}