@charset "utf-8";
/* CSS Document */

/* Sample 4*/
.sample {
	margin-left: 12px;
	background-color: #0B2757;
	width: 610px;
	border: 2px solid #000;
}

#box4 h1 {
	margin: 0;
	padding: 0;
}

#box4{
	position:absolute;
}
#box4 div{
	width:606px;
	height:240px;
	float:left;
	background-color: #fff;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	/*height: 180px;*/
	margin:10px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

.mask3{
	position:relative;
	width:610px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}

.sample h4 {
	display: none;
}

/*h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}*/

/* STYLE BUTTONS */
.buttons {
	background: #0b2757;
	text-align: left;
}
.buttons span{float: left; padding: 6px; margin: 0; color:#fff; cursor:pointer;font:12px Arial; font-stretch: condensed; background-color: #0b2757; padding-left: 15px; padding-right: 15px;}
.buttons span.active, .buttons span.active_ro, .buttons span:hover{float: left;background:#3267b7;color:#fff}
.buttons span.active {
	background-image: url(/images/noobslide_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #000;
}