/* slider css */
@import url(sliderDivs.css); 

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
  /*border: 1px solid yellow;*/
	width:503px;
	height:258px;
	float:left;
	background: black;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}

#box4 .text_image{
	width: 166px;
	height: 119px;
	float:left;
	margin: 0;
}

.mask3{
  /*border: 1px solid blue;*/
	position:relative;
	width:503px;
	height:260px;
	overflow:hidden;
}

/*******************************************************/

.text_slide{
  font-family: arial;
  font-size: 12px;
  color: white;
  text-align: justify;
  line-height: 17px;
}
.slider_link{
  color: #00bce6;
}
.slider_link:hover{
  text-decoration: none;
}
/************************/
pre {
	background: #666;
	color: #fff;
	padding: 10px;
	margin: 10px;
	height: auto;
	overflow: auto;

}
* html pre {
	width: 100%;
}
.description {
	padding: 16px;
	margin: 10px 0;
	background: #eee
}
.sample {
	padding: 20px 30px;
	margin: 4px 0 25px 0;
	border: 1px solid #e1e1e1;
	background-color: yellow;
}
h4.stitle {
	color: #666;
	margin: 0 0 5px 0;
}
.links {
	padding: 10px;
	margin-top: 10px;
}
.links a {
	font-size: 14px;
	color: #0080FF;
	text-decoration: none;
}
.links a:hover {
	font-weight: bold;
}
#cont {
  /*border: 1px solid yellow;*/
	width: 500px;
	height: 270px;
	margin: 0 auto;
	background:  transparent;
	text-align: left;
	padding: 20px 0 10px 0;
}
.buttons {
  margin: 10px 0 0 0!important;
}
.buttons span {
	color: #00bce6;
	padding: 0 5px;
	cursor: pointer;
	font: 12px arial;
}
.buttons span.active, .buttons span:hover {
	background: #00bce6;
	color: darkblue;
}