/* Dimensions set via css in MovingBoxes version 2.2.2+ */

#mb_slider { width: 760px; height: 155px; font-size:100%; margin-top:25px;}



#mb_slider li{

	width: 760px;

	height: 155px;

	font-size:15px;

	background:transparent url(../images/home_sprites.png) no-repeat left top;

}



#mb_slider li.slide2 {

	background-position:left -155px;

}



#mb_slider li.slide3 {

	background-position:left -310px;

}



#mb_slider li.slide4 {

	background-position:left bottom;

}



#mb_slider h5{

	font-size:26px;

	color:#ff7d00;

	letter-spacing:-1px;

	font-weight:bold;

	padding-left:125px;

	margin-top:15px;

}



#mb_slider p{

	color: #222222;

    font-size: 15px;

    letter-spacing: normal;

	padding-left:125px;

}



#mb_slider p strong {

	color:#000;

}



#mb_slider img { width: auto; height: auto; }



ul #mb_slider  { margin:0; }

		

/* Default MovingBoxes wrapper size */

#movingboxes {



}



/* Default MovingBoxes panel size */

#movingboxes > li {



}



/*** Overall MovingBoxes Slider ***/

.mb-wrapper {

	border: none;

	margin: 0 auto;

	position: relative;

	left: 0;

	top: 0;

}



/* Panel Wrapper */

.mb-slider, .mb-scroll {

	width: 760px;

	height: 155px;

	overflow: hidden;

	margin: 0 auto;

	padding: 0 0 0 0;

	position: relative;

	left: 20px;

	top: 0;

}



/* active slider border highlight */

.mb-active-slider {

	border-color: #e1e1e1;

}



/*** Slider panel ***/

.mb-slider .mb-panel {

	margin: 0;

	display: block;

	cursor: pointer;

	float: left;

	list-style: none;

}



/* Cursor to arrow over current panel, pointer for all others,

change .current class name using plugin option, currentPanel : 'current' */

.mb-slider .mb-panel.current {

	cursor: auto;

}



/*** Inside the panel ***/

.mb-inside {

 	width:680px;

	margin-left:25px;

}



/*** Left & Right Navigation Arrows ***/

a.mb-scrollButtons {

	display: block;

	width: 45px;

	height: 58px;

	background: transparent url(../images/arrows.png) no-repeat;

	position: absolute;

	top: 50%;

	margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */

	cursor: pointer;

	text-decoration: none;

	outline: 0;

	border: 0;

	z-index: 999;

}

a.mb-scrollButtons.mb-left {

	background-position: left top;

	left: -78px;

}

a.mb-scrollButtons.mb-right {

	background-position: right top;

	right: -78px;

}

a.mb-scrollButtons.mb-left:hover {

	background-position: left bottom;

}

a.mb-scrollButtons.mb-right:hover {

	background-position: right bottom;

}

a.mb-scrollButtons.mb-right.disabled {

	background-position: right bottom;

}

a.mb-scrollButtons.mb-left.disabled {

	background-position: left bottom;

}

a.mb-scrollButtons.mb-right:hover.disabled {

	cursor:default;

}

a.mb-scrollButtons.mb-left:hover.disabled {

	cursor:default;

}



/*** Controls added below the panels ***/

/*.mb-controls {

	margin: 0 auto;

	text-align: center;

	background: #ccc;

	position: relative;

	z-index: 100;

}

.mb-controls a {

	color: #444;

	font: 12px Georgia, Serif;

	display: inline-block;

	text-decoration: none;

	padding: 2px;

	height: 18px;

	margin: 0 5px 0 0;

	text-align: center;

	outline: 0;

}

.mb-controls a.current, .mb-controls a:hover {

	color: #fff;

}

.mb-active-slider .mb-controls {

	background: #999bff;

}*/



.mb-links{display:none;}