/* CSS Document */

body{background:#000000; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}

.wrapper{width:997px; margin-left:auto; margin-right:auto;}
.top_main{width:997px; background:url(images/bg.jpg) no-repeat; height:998px;}
.logo{width:997px; float:left; height:220px; text-align:center;}
.menu{width:764px; float:left; height:31px; padding-left:233px;}

.middle{width:997px; float:left; margin-top:7px;}
.img_pad{padding-top:8px;}
.img_pad1{padding-top:7px; padding-bottom:7px;}
.left{width:247px; float:left;}
.right{width:734px; float:right; text-align:left;}
.btm_banner{ width:977px; float:left; padding-left:20px;}

.read_more{float:right; font-size:11px; color:#F71104;}
.read_more a{ text-decoration:none; color:#F71104;}
.read_more a:hover{ text-decoration:none; color:#ffffff;}

.about_jonconner_box{background:url(images/contact_box.png) no-repeat; width:803px; height:405px; padding:15px; margin-left:80px; text-align:justify; font-size:12px; line-height:1.8em;}

.footer{background:url(images/footer_bg.jpg) no-repeat; width:997px; height:142px; float:left; padding-top:14px;}
.left_icon{width:100px; float:left;}
.right_icon{width:350px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:13px;}
.right_icon a{color:#ffffff; text-decoration:none;}
.right_icon a:hover{color:#999999; text-decoration:none;}


/*Download Music Page Start*/
.top_main1{width:997px; background:url(images/downloadpage_bg.jpg) no-repeat; height:998px;}
.title{width:997px; height:36px; margin-top:17px; float:left; text-align:center;}
.slide{width:997px; float:left; text-align:center; height:435px; margin-top:6px;}
.arrow{width:919px; text-align:right; height:12px; padding-right:78px; padding-top:15px; float:left; height:27px;}
/*Download Music Page End*/


/*merchandise Page Start*/
.top_main2{width:997px; background:url(images/merchandisepage_bg.jpg) no-repeat; height:998px;}
.merchandise_middle{width:997px; float:left; margin-top:17px;}
.left_mer{width:247px; float:left;}
.title_pad{padding-bottom:7px;}
.merchandise_footer{background:url(images/merchandise_footer.jpg) no-repeat; width:997px; height:142px; float:left; padding-top:14px;}
.mer_right{width:714px; float:right; text-align:left; padding-left:20px;}
.merchan_box{background:url(images/merchandise_box.png) no-repeat; width:585px; height:415px; padding:10px;}
.left_box{width:179px; float:left;}
.right_box{width:86px; float:right; height:54px; padding-top:90px;}
/*merchandise Page End*/


/*contact Page Start*/
form{padding:0px; margin:0px;}
.top_main3{width:997px; background:url(images/contact_bg.jpg) no-repeat; height:998px;}
.contact_box{background:url(images/contact_box.png) no-repeat; width:793px; height:420px; padding-left:25px; padding-right:15px; padding-top:15px; margin-left:80px; text-align:left;}
.contact_footer{background:url(images/contact_footer.jpg) no-repeat; width:997px; height:142px; float:left; padding-top:14px;}
.con_icon{width:250px; float:left;}
.con_right_icon{width:200px; float:right;}
.left_text{width:250px; float:left; font-size:11px;}
.feedback_head{font-size:18px; color:#FFFFFF;}

.text_box{background:#333333; border:1px solid #666666; padding:3px; width:400px; color:#FFFFFF; font-size:11px; margin-top:8px;}
.text_area{background:#333333; border:1px solid #666666; padding:3px; width:400px; height:300px; color:#FFFFFF; font-size:11px; margin-top:8px;}
.submit{background:url(images/submit.jpg) no-repeat; width:86px; height:28px; border:0px; cursor:pointer;}

/*contact Page End*/

/*Download Page start*/
.slide1{width:857px; float:left; text-align:left; height:435px; margin-top:12px; padding-left:140px;}
.left_links{width:395px; float:left; text-align:left; font-size:10px; line-height:1.9em; margin-right:25px; color:#FFFFFF;}
.left_links a{ background:url(images/red_point.jpg) no-repeat left; padding-left:16px; color:#FFFFFF; text-decoration:none;}
.left_links a:hover{ color:#999999; text-decoration:none;}

.right_links{width:350px; float:left; text-align:left; font-size:10px; line-height:1.9em; color:#FFFFFF;}
.right_links a{ background:url(images/download_icon.jpg) no-repeat left; padding-left:20px; color:#FFFFFF; text-decoration:none;}
.right_links a:hover{color:#999999; text-decoration:none;}
/*Download Page End*/

/*MP3 Page start*/
.mp3_box{background:url(images/contact_box.png) no-repeat; width:833px; height:415px; padding-top:20px; margin-left:80px; text-align:center;}
/*MP3 Page End*/

/*Navigation Menu Start*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin:0px;
	}
ul.cssmenu li {
	float: left;
	}
ul.cssmenu li a {
	display: block;
	height: 31px;
	background: url('images/menu.jpg');
	}
/*Active Links*/
ul.cssmenu li.home a {
	background-position: 0 0;
	width: 98px;
	}
ul.cssmenu li.downloadmusic a {
	background-position: -98px 0;
	width: 152px;
	}
ul.cssmenu li.contact a {
	background-position: -250px 0;
	width: 100px;
	}
ul.cssmenu li.merchandise a {
	background-position: -350px 0;
	width: 168px;
	}
/*Hover Links*/
ul.cssmenu li.home a:hover {
	background-position: 0 -31px;
	width: 98px;
	}
#home{
	background-position: 0 -31px;
	width: 98px;
	}	
ul.cssmenu li.downloadmusic a:hover {
	background-position: -98px -31px;
	width: 152px;
	}
#download{
	background-position: -98px -31px;
	width: 152px;
	}
ul.cssmenu li.contact a:hover {
	background-position: -250px -31px;
	width: 100px;
	}
#contact{
	background-position: -250px -31px;
	width: 100px;
	}
ul.cssmenu li.merchandise a:hover {
	background-position: -350px -31px;
	width: 168px;
	}
#merchandise{
	background-position: -350px -31px;
	width: 168px;
	}
/*Navigation Menu End*/


/* Form */

/* Congratulation message */
.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgSent h1 {
	background: url(images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgError h1 {
	background: url(images/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}

.tipsbox .tipsbox_top_left{
	background : url('images/top_left.png') no-repeat;
	background : url('images/top_left.gif') no-repeat;
	background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('images/top.png') repeat-x;
	height : 17px;
	_background : url('images/top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('images/top_right.png') no-repeat;
	_background : url('images/top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('images/left.png') repeat-y;
	width : 17px;
	_background : url('images/side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('images/right.png') repeat-y;
	width : 22px;
	_background : url('images/side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('images/bottom_left.png');
	_background : url('images/bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('images/mark.png') no-repeat;
	height : 36px;
	_background : url('images/mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('images/bottom_right.png');
	_background : url('images/bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('images/inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}

.tipsbox .tipsbox_error {
	background : url('images/error.png') no-repeat;
	_background : url('images/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}