/* ----------------------------------------- HOME PANELS ----------------------------------------- */

#home_content_outer {
	width: 1169px;
	position: relative;
	left: 50%;
	margin-left: -585px;
	margin-bottom: 0px;
	overflow:auto;
}



#paginate-casestudyslider a:hover, #paginate-casestudyslider a.selected{
background-position: 0px 0px;	
}




#case_study_dotted_line {
	background-image: url(../images/images/dotted_line_tile.png);
	background-repeat: repeat-x;
	height: 4px;
	float: left;
	clear: both;
}
.case_study_text {
	margin-left: 12px;
}
.case_study_copy {
	font-size:1.1em;
	line-height: 1.6em;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}



#case_study_subheading, #case_study_subheading_pane2, #case_study_subheading_pane3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: -1px;
	font-weight: normal;
	color: #CC3;
	margin-left: 12px;
	margin-bottom: 13px;
	padding-top: 5px;
	display: block;
	font-style: italic;
}
#case_study_pane_nav{
	float: left;
	height:30px;
}


#case_study_pane_nav ul{
	display: inline;
	list-style-type: none;
	float:left;
}

#case_study_pane_nav li{
	float: left;
	display:block;
	height:30px;
	width: 30px;
	margin-left:10px;
	margin-right:10px;
}

#heading a{
	color: #FFF;
	text-decoration: none;
}



#heading * {
	user-select: none;
	cursor: pointer;
}
#heading li:hover{
	background-position: 0px -23px;
	background-repeat: no-repeat;
}
#heading li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/case_study_carousel_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	height: 23px;
	width: 25px;
	margin-top:3px;
	margin-left:4px;
	margin-right:4px;
	line-height: .6em;	
}


	
#heading li.selected {
	background-position: 0px -23px;
	background-repeat: no-repeat;
	background-image: url(../images/case_study_carousel_buttons.png);
}


.stepcarousel {
	
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 1169px; /*Width of Carousel Viewer itself*/
height: 565px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 1169px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.floating_left {
	float:left;
}











#home8_background {
	background-image: url(../images/homepage/screen_8.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 565px;
	width: 1169px;
}
#home7_background {
	background-image: url(../images/homepage/screen_7.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 565px;
	width: 1169px;
}
#home6_background {
	background-image: url(../images/homepage/screen_6.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 565px;
	width: 1169px;
}
#home5_background {
	background-image: url(../images/homepage/screen_5.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 565px;
	width: 1169px;
}
#home4_background {
	background-image: url(../images/homepage/screen_4.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 565px;
	width: 1169px;
}
#home3_background {
	background-image: url(../images/homepage/screen_3.jpg);
	background-repeat: no-repeat;
	background-position: 5px -23px;
	height: 565px;
	width: 1169px;
}
#home2_background {
	background-image: url(../images/homepage/screen_2.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 565px;
	width: 1169px;
}
#home1_background {
	background-image: url(../images/homepage/screen_1.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 565px;	
	width: 1169px;
}



#home .stepcarousel {
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	color: #5c5c5c;
	letter-spacing: -1px;
	line-height:54px;
}
#ie6_preview .stepcarousel {
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	color: #5c5c5c;
	letter-spacing: -1px;
	line-height:54px;
}


.home_italics {
	font-size: 38px;
	font-style: italic;
	color: #bcbcbc;	
	letter-spacing: -1px;
	line-height:42px;
}

#home_1_text {
	
	margin-left: 530px;
	padding-top:21px;
}
#home_2_text {
	padding-top: 150px;
	margin-left: 30px;
}
#home_3_text {
	padding-top: 319px;
	margin-left: -13px;
}
#home_4_text {
	padding-top: 45px;
	margin-left: 23px;
}
#home_5_text {
	padding-top: 15px;
	margin-left:475px;
	width:380px;
	text-align:center;
}
#home_6_text {
	padding-top: 150px;
	margin-left: 23px;
}
#home_7_text {
	padding-top: 11px;
	margin-left: 634px;
}
#home_8_text {
	padding-top: 52px;
	text-align:center;
	font-size:43px;
}

.home_refresh a{
	margin-top: 85px;
	float:left;
	margin-left:30px;
	background-image: url(../images/homepage/SEE_AGAIN-button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 24px;
	width: 108px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	
	
}
.home_refresh a:hover{
	background-position: 0px -24px;
}
.home_learn_more a{
	margin-top: 85px;
	float:right;
	margin-right:30px;
	background-image: url(../images/homepage/LEARN_MORE-button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 24px;
	width: 108px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;	
	
}
.home_learn_more a:hover{
	background-position: 0px -24px;
}
#ie6_preview .home_learn_more, #ie6_preview .home_refresh {
display: none;
}

#home_ie6_background {

	height: 565px;
	width: 1169px;
}