/* CAROUSEL */

.carousel{
    position:relative;
    height: 375px;
    width: 940px;
    overflow:hidden;    
}

.carousel h2{
	

}	
.carousel h2 a{
	color: #124789;
	font-size:14pt;
	font-weight:bold;
	padding-top:30px;

}	


.carousel .backgrounds{

}

.carousel .backgrounds .item{
    height: 275px;
    float:left;
    position:relative;
    z-index:1;
	width:940px;
}

/*.carousel .backgrounds .item_1{
    background:url(../images/banners/b-img1.jpg) no-repeat 0 0;
}

.carousel .backgrounds .item_2{
    background:url(../images/banners/b-img1.jpg) no-repeat 0 0;
}

.carousel .backgrounds .item_3{
    background:url(../images/banners/b-img1.jpg) no-repeat 0 0;
}*/

.carousel .panel{
	background: #383334;
	color: #fff;
	position: absolute;
	right: 0;
	top: -20px;
	height: 294px;
	width: 370px;
	z-index: 10;
}

.carousel .panel .paging{
	position: absolute;
	bottom: 200px;
	left: 25px;
	width: 225px;
	text-align: center;
}

.carousel .panel .paging a{
    color: #4c4c4c;
    font-size: 1.1em;
}

.carousel .panel .pause{
	position: absolute;
	right: 10px;
	bottom: 195px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/banners/pause.png) no-repeat 0 0;
	text-indent: -6000px;
}

.carousel .panel .play{
	position: absolute;
	right: 10px;
	bottom: 195px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/banners/play.png) no-repeat 0 0;
	text-indent: -6000px;
}


.carousel .panel .paging .next{
	position: absolute;
	left: 220px;
	top:185px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/banners/next.png) no-repeat 0 0;
	text-indent: -6000px;
}

.carousel .panel .paging .previous{
	position: absolute;
	left: 170px;
	top:185px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/banners/prev.png) no-repeat 0 0;
	text-indent: -6000px;
}

.carousel .panel .paging #numbers a {
    padding: 10px 5px 0 10px;
	width:25px;
	height:30px;
	background-color:#3e393a;
	color:#f9f9f9;
	margin-right:10px;
	float:left;
}
.carousel .panel .paging #numbers {

	background-color:#3e393a;
	color:#f9f9f9;
	width:300px;

}

.carousel .panel .paging #numbers a.selected {
	
	background-color:#124789;
	color:#f9f9f9;
	width:25px;
	height:30px;
	float:left;
}



.carousel .panel .details_wrapper {
	position: absolute;
	top: 88px;
	left: 25px;
	width: 300px;
	overflow: hidden;
	height: 155px;
	padding-top:20px;
}

.carousel .panel .details_wrapper .details{
    height: 155px;
}

.carousel .panel .details_wrapper .details .detail{
    width: 300px;
    height: 155px;
    float:left;
    
}

.carousel .panel .details_wrapper .details h2{
    font-size: 10pt;

    margin: 0 0 5px 0;
	
}
.carousel .panel .details_wrapper .details h2 a{
    font-size: 17pt;

    margin: 0 0 5px 0;
	width:300px; 
	padding-bottom:10px;
	color:#124789;
	
}

.carousel .panel .details_wrapper .details a.more{
    color: #fff;
    font-size:10pt;
	padding-top:30px;
}   

/* END CAROUSEL */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 600px; /* Set to gallery width, in px or percentage */
height: 140px; /* Set to gallery height */
margin-top:20px;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */