/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 922px;
	height:405px;
    margin: 49px 0 0 0 ;
    left: 25px; 
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}



.contentdiv{
width: 922px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
float: left; 
position: relative; 

}

.slide1 {margin: 36px 0 0 0;}

.contentdiv_pic {float: left; width: 485px; }
.contentdiv_text {float: right !important; width: 420px;}
.contentdiv_text h2 {float: left; clear: both; width: 100%; color: #ffffff; font-size: 42px; font-weight: normal; }
.contentdiv_text span {font-size: 24px; font-style: italic; }
.contentdiv_text p {float: left; clear: both; width: 355px; font-size: 14px; color: #fff; text-align: left; margin: 23px 0; font-weight: normal; line-height: 21px;}
.learn_more {float: left; clear: both; }

.slide2 {margin: 0; }
.slide2 .contentdiv_pic {float: right !important; width: 360px; }
.slide2 .contentdiv_text {float: left !important; width: 430px; padding: 65px 0 0 79px; }

.slide3 {margin: 0; }
.slide3 .contentdiv_pic {float: left !important; width: 349px; padding: 0 0 0 16px; }
.slide3 .contentdiv_text {float: right !important; width: 466px; padding: 66px 0 0 0; }
.slide3 .contentdiv_text p {width: 400px;}

.slide4 {margin: 34px 0 0 0; }
.slide4 .contentdiv_pic {float: right !important; width: 372px;  }
.slide4 .contentdiv_text {float: left !important; width: 488px; padding: 31px 0 0 0; }
.slide4 .contentdiv_text p {width: 450px;}

.slide5 {margin: 42px 0 0 0; }
.slide5 .contentdiv_pic {float: left !important; width: 445px;  }
.slide5 .contentdiv_text {float: right !important; width: 476px; padding: 24px 0 0 0;}
.slide5 .contentdiv_text p {width: 442px;}