/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/
.banner{width:1001px; height:327px; margin:0px; padding:0px; float:left; background:url(../images/middle.jpg) repeat-x;}

.banner ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.banner li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.banner li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 319px;  /*For users with JS disabled: Height of each content*/
}



.pr{padding:0px; margin:0px;}
.pr p{color:#6f6f6f; padding:0  0 10px 0px;}
.pr h1{ font-size:26px; margin:0px; padding:30px  0 10px 0px;color:#3e3939; font-weight:normal; line-height:26px;}
.pr h1 span{color:#3e3939; font-size:18px;}
.pr img{padding:0 20px 0 0; margin:0px;}


/*CSS for example Accordion #hc1*/

#hc1 li{
margin:0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding:0px;/*Padding inside each content*/
cursor:hand; 
}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
}

#hc2 li .hpanel{
padding: 5px; /*Padding inside each content*/
cursor: hand;
cursor: pointer;
}