/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container {
	width:950px;
	height: 225px;
	padding: 4px;	
	margin:-7px 0 8px;
	
	background: url(../img/banner/banner-bg.png) 0 0 no-repeat;
}
.container ul{list-style-type: none;}
.container li{ margin: 0;padding:0;}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 225px;	
	overflow:hidden;
	
}
.contentWrapper{}
.contentInnerWrapper {padding:20px 0 0 30px; width: 670px; height: 205px;}
/* Handle*/
.handle{
	float: left;
	width: 50px;
	height: 225px;
	cursor:pointer;
	margin:0; 
	
	
	/*margin-right: -10px;*/
}
#testHandle0 {background: url(../img/banner/accordionMenu.gif) no-repeat 0 0;}
#testHandle1 {background: url(../img/banner/accordionMenu.gif) no-repeat -50px 0;}
#testHandle2 {background: url(../img/banner/accordionMenu.gif) no-repeat -100px 0;}
#testHandle3 {background: url(../img/banner/accordionMenu.gif) no-repeat -150px 0;}

.handleSel0 {background: url(../img/banner/accordionMenu.gif) no-repeat scroll 0 -225px !important;}
.handleSel1 {background: url(../img/banner/accordionMenu.gif) no-repeat -50px -225px !important;}
.handleSel2 {background: url(../img/banner/accordionMenu.gif) no-repeat -100px -225px !important;}
.handleSel3 {background: url(../img/banner/accordionMenu.gif) no-repeat -150px -225px!important;}

#testContent0 {background: url(../img/banner/trees.jpg) no-repeat right 1px;}
#testContent1 {background: url(../img/banner/tech.jpg) no-repeat right 1px;}
#testContent2 {background: url(../img/banner/phone.jpg) no-repeat right 1px;}
#testContent3 {background: url(../img/banner/globe.jpg) no-repeat right 1px;}
#testContent0 div a { display: block;}
#testContent1 div a, #testContent2 div a, #testContent 3 div a { display: none;}
.accordionContent {	
	width:330px;	
	margin:0;
	padding:0 0 0px;
}
.company { background-image: url("./../img/btn-more-about-us.gif"); background-repeat: no-repeat; width: 129px; height: 22px;}
.moreNfo { background-image: url("./../img/btn-more-info.gif"); background-repeat: no-repeat; width: 95px; height: 22px;}
a.btn img, a.btn { float: none; display: block;}

.contentInnerWrapper h1 {
	font: 20px/22px "Arial", Helvetica, sans-serif; 
	background: #fff url(../img/arrow-round-red.gif) 0 2px no-repeat; 
	margin-bottom: 5px; 
	width:300px;
	padding: 0 0 10px 30px; 
	border-bottom: 1px dotted #bfbfbf;
	color: #c4151c;
	font-weight: bold;
}
.contentWrapper { height: 225px;}
.contentInnerWrapper p { margin: 0; line-height: 17px; font-size: 13px;}