/* Slider */
#sliderFrame, #sliderFrame div {
    box-sizing: content-box;
}

#sliderFrame 
{
    position:relative;
    width:700px;
    margin: 0 auto;
}

#slider, #slider div.sliderInner {
    width:700px;
    height:430px;
    border-radius: 10px;
}

#slider {
	position:relative;
    box-shadow: 2px 2px 10px 2px; #999999;
}


#slider a.imgLink {
	z-index:2;
	cursor:pointer;
	position:absolute;
	width:100%;
    height:100%;
}

/* Caption */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:440px;
	height:auto;
	padding:10px 0;
	left:120px;
	top:10px;
	z-index:3;
	overflow:hidden;
}
#slider div.mc-caption-bg {
	background:  #359A34;
	border:2px solid white;
	border-radius: 5px;
}

#slider div.mc-caption {
	font: 25px Vivaldi;
	color: #ffffff;
	z-index:4;
	text-align: center;
}

/* Bullet */
#slider div.navBulletsWrapper  {
	top:408px;
    text-align: center;
	font-size:0;
	position:relative;
	z-index:5;
}

#slider div.navBulletsWrapper div
{
    width:10px; height:10px;
    border:2px solid #ffffff;
    background: #CCCCCC;
    display:inline-block;
    overflow:hidden;
    cursor:pointer;
    margin:0 9px;
    border-radius:50%;
    box-shadow:  0px 0px 5px 2px #000000;
}

#slider div.navBulletsWrapper div.active {
    border-color: #359A34;
    background: #CC3333;
}

#slider div.sliderInner {
	overflow:hidden;
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}