/*
     
CSS code
escrito por Foreplay design.com
*/

/* GENERAL
----------------------------------------------------------------------------- */
.content{ height:416px;}
.content .intro{ position:absolute; top:50px; left:40px; width:220px; color:#fff; text-align:center; font-size:16px;}
.content .base{ height:416px;}
.content .base img{ float:left;}
.content .base img.opa{ margin:144px 0 0;}

.content .scrollbox{ position:absolute; top:168px; left:25px; width:300px; height:200px;}
.content .scrollbox .mask{ background: #003300 url(images/home_scrollbar_bg.jpg) no-repeat;}
.content .scrollbox .mask .inner{ color:#FFFFFF; }
.content .scrollbox .mask .inner li{ padding:10px 0; border-bottom:1px dashed #fff;}
.content .scrollbox .mask .inner h4{ font-size:11px; color:#CC9900;}
.content .scrollbox .mask .inner p{ font-size:11px;}
.content .scrollbox .mask_top{ position:absolute; top:37px; left:9px; width:254px; height:20px; background:url(images/mask_01.png) no-repeat; !display:none; }
.content .scrollbox .mask_foo{ position:absolute; top:193px; left:9px; width:254px; height:20px; background:url(images/mask_02.png) no-repeat; !display:none; }




.content .flashtv{
	position:absolute;
	left:356px;
}

.slider1
{
	width: 25px;
	position:absolute;
	height: 176px;
	top:30px;
	left:272px;
}
.indicator
{
	background-image:url(scrollbar/home_bar.gif);
	background-repeat:no-repeat;
	width:25px;
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
}
.container_box
{
	width: 254px;
	height: 176px;
	margin:0 0 0 9px;
	overflow: hidden;
	position: relative;
	background: #003300 url(images/home_scrollbar_bg.jpg) no-repeat;
	
}


.content_box
{
	position: absolute;
}