/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container {
	width:100%;	
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding: 0;	
	float: left;
	width:0px;
	height: 329px;	
	overflow:hidden;
}

/*EXTRAS*/
.contentWrapper h3{
	border-bottom: 1px solid silver;
	background-color: #dfdfdf;	
}
p{
	padding: 10px;
}

/*  TEST 3  */

/*Main Container*/
.container3 {
	width:1000px;
	height:329px;
	overflow:hidden
	
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.container3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 355px;
	height: 329px;
	text-align:center;
	background: #f3f3f3;
	border-right:1px solid #c2c2c2
}
.active{ background:#fff}
.handle3 img{
	margin-top:2px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.handleSelected3{
	background: #e3e3e3;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	
}
.contentInnerWrapper3{
	height:329px;
	
}
.pad_t{ padding-top:220px}
.block{
	background:url(../images/opacity.png) repeat;
	height:73px;
	width:600px;
	margin-left:10px;
	padding:17px 0 0 24px
}
.block a{ display:block; float:right; background:url(../images/read_banner.gif) top left repeat-x; height:37px; padding:0 15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: 'MyriadProBoldCondensed'; color:#fff; font-size:20px; text-transform:uppercase; line-height:38px; text-decoration:none!important; margin:15px 20px 0 0; text-shadow: 1px 1px 1px #666;}
.block a:hover{ background:url(../images/read_banner_hover.gif) left top repeat-x; text-shadow: 1px 1px 1px #ffb634}
.contentWrapper3 h3{
	color: #cde19b;
	font-family: 'MyriadWebProBold';
	font-size:38px;
	float:left
}
.contentWrapper3 h3 span{ font-size:12px; color: #cbceb9; text-transform:uppercase; letter-spacing:0.08em; font-weight:normal; margin-top:17px; display:block}
.contentContainer3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}

/*  TEST 4  */
.test4 .handle {
	float: left;
	width: 32px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/blade_grey.html) no-repeat;
	text-align:center;
	padding-top:10px;
	font-weight: bold;
	color: #9e9e9e;
	font-size: 16px;
}
.test4 .handleOver{	
	background: url(../images/blade_grey_sel.html) no-repeat;
}
.test4 .handleSelected{
	
	background: url(../images/blade_grey_sel.html) no-repeat;
}
#test3Handle0{ background:url(../images/click_1.jpg) -2px top ;}
#test3Handle0:hover{ background:url(../images/click_1.jpg) -1px 329px ;}
#test3Handle1{background:url(../images/click_2.jpg) -2px top ;}
#test3Handle1:hover{ background:url(../images/click_2.jpg) -2px 329px ;}
#test3Handle2{background:url(../images/click_3.jpg) -2px top ;}
#test3Handle2:hover{ background:url(../images/click_3.jpg) -2px 329px ;}
#test3Handle3{background:url(../images/click_4.jpg) -2px top ;}
#test3Handle3:hover{ background:url(../images/click_4.jpg) -2px 329px ;}
#test3Handle4{background:url(../images/click_5.jpg) -2px top ;}
#test3Handle4:hover{ background:url(../images/click_5.jpg) -2px 329px ;}


.slide_1{ background:url(../images/slide_1.jpg) top left no-repeat; width:634px; height:329px}
.slide_2{ background:url(../images/slide_2.jpg) top left no-repeat; width:634px; height:329px}
.slide_3{ background:url(../images/slide_3.jpg) top left no-repeat; width:634px; height:329px}
.slide_4{ background:url(../images/slide_4.jpg) top left no-repeat; width:634px; height:329px}
.slide_5{ background:url(../images/slide_5.jpg) top left no-repeat; width:634px; height:329px}