@charset "UTF-8";


/* _____________ JAVASCRIPT SLIDER STYLES ______________________________________________________________________*/

.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 490px; /*width of featured content slider*/
	height: 100%;
	z-index: 0;

}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: none;

	width: 490px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


.bodysliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 350px; /*width of featured content slider*/
	height: 470px;
	z-index: 0;

}
.bodysliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: none;

	width: 350px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 470px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.achievementsliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 350px; /*width of featured content slider*/
	height: 470px;
	z-index: 0;
}
.achievementsliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: none;

	width: 350px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 470px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}








/* _____________ JAVASCRIPT STEPCAROUSEL STYLES (GALLERY)  ______________________________________________________________________*/

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

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

}

.galleryStrip .stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	padding-top: 17px;
}

.galleryStrip .stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 90px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}



#strictlyArea {

	float: left;
	height: 600px;
	width: 755px;

	background-image: url(../images/Strictly/strictly_panel_background.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 40px;

}





.stepcarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 754px; /*Width of Carousel Viewer itself*/
height: 603px; /*Height should enough to fit largest content's height*/
}

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

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




/* _____________ PAGINATIONS  ______________________________________________________________________*/

#paginate-bodyslider, #paginate-achievementslider {
	margin-left: -3px;
}


#paginate-bodyslider a, #paginate-achievementslider a {
	display:block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-image: url(../images/pagination_dots.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	
	margin-top:12px;
}
#paginate-bodyslider a.selected, #paginate-achievementslider a.selected {
	background-position: -24px 0px;	
}
#paginate-bodyslider a:hover, #paginate-achievementslider a:hover {
	background-position: -48px 0px;	
}