body{
	margin:0;
	padding:0;
	font-family:"Arial Black",Arial;
	background:#000 url(bg2.jpg) center center no-repeat;
	background-attachment:fixed;

	/*background:#ccc url(bg_html.png);*/
}
ul,ol,li,p,img,a{
	margin:0;
	padding:0;
	list-style-type:none;
	border:none;
}
a{
	text-decoration:none;
	outline:none;
	color:#ccc;
}
a:hover{
	text-decoration:none;
	outline:none;
	color:#cb1810;	
}

h1.titolo{
	position:absolute;
	top:0;
	left:50%;
	width:387px;
	height:82px;
	background: url(logo.png) center top no-repeat;
	text-indent:-999em;
	margin:1px 0 0 -590px;
	padding:0;
}
h2.titolo{
	font-size:28px;
	font-weight:normal;
	color:#999;
	text-shadow: 1px 1px 1px #000;
	text-align:left;
	padding:0px 0 0px 0;
	margin:10px 0 25px 0;
	float:left;
	width:100%;
/*	background: url(title_bg_h.png);*/
}
a.thumbnails{
	float:left;
	padding:5px;
	background: url(caption.png);
	width:80px;
	height:80px;
	margin:20px 13px 0 12px;
}
a.thumbnails:hover{
	background: url(title_bg_h.png);
}
#nav_bar{
	position:fixed;
	width:100%;
	height:93px;
	background:url(nav_bar.png) center top no-repeat;
	top:0;
	left:0;
}
#main{
	margin:80px auto 0  auto;
	width:1000px;
	background: url(title_bg_h.png);
	padding:15px;
}
#content_left{
	width:700px;
	float:left;
}
#content_right{
	width:290px;
	float:right;
	height:700px;
	background: url(title_bg_h.png);
}
#main .section{
	float:left;
	width:100%;
	margin:0;
	padding:0;

}
.break_line{
	width:100%; 
	float:left; 
	display:block; 
	height:17px;
	background:url(br_line_ul.png) left top no-repeat;
	margin:15px 0 15px -15px;
}
#main .section ul.tabs{
	float:left;
	width:715px;
	margin:0 0 0 -15px;
	padding:0 0 17px 0;
	background:url(br_line_ul.png) left bottom no-repeat;
}
#main .section ul.tabs li{
	float:left;
	margin:0;
}
#main .section ul.tabs li h3{
	font-size:16px;
	font-weight:700;
	color:#999;
	text-shadow: 1px 1px 1px #000;
	text-align:left;
	padding:8px 14px;
	margin:0 4px 0 0;
	float:left;
	width:auto;
	/*background: url(title_bg_h.png);
	border-right:3px solid #111;*/
}
#main .section ul.tabs li a{
	float:left;
	padding:8px 14px;
	background: url(title_bg_h.png);
	margin:0 1px 0 0;
}
#main .section ul.tabs li a.active{
	float:left;
	padding:8px 14px;
	background:url(caption.png);
	margin:0 1px 0 0;
}
#main .section .demo{
	float:left;
	width:100%;
	margin:-15px 0 0 0;
}
#main .section .demo  .how_to{
	float:left;
	margin:20px 0 0 0;
	background: url(title_bg_h.png);
	border:1px solid #000;
	padding:10px;
	width:96%;
}
#main .section .demo  .how_to li{
	float:left;
	list-style-type:decimal;
	width:100%;
	font-size:14px;
	color:white;
	padding:3px 2px;
	font-family:arial;
	list-style-position:inside;
}
#main .section .demo  .how_to li ul{
	float:left;
	margin:2px 0 2px 0;
	padding:10px;
	width:96%;
}
#main .section .demo  .how_to li ul li{
	float:left;
	list-style-type:none;
	width:100%;
	font-size:14px;
	color:white;
	font-family:arial;
	margin:2px 0 2px;
	list-style-position:inside;
	background: url(title_bg_h.png);
}
a.media_links{
	float:left;
	padding:6px 12px;
	background:url(title_bg_h.png);
	margin:0 5px 0 0;
}
a.media_links:hover{
	background:url(caption.png);

}
#main .section .demo pre{
	color:white; 
	font-family:arial; 
	font-size:13px; 
	background: url(title_bg_h.png);
	border:1px solid #000;
	padding:10px;
	line-height:19px;
}


#container{
	margin:0 auto;
	width:900px;
	height:150px;
	overflow:hidden;
	position:relative;
}
#container #container_in{
	width:auto;
	height:150px;
	position:absolute;
	left:0;
	top:0;
	background:red;
}
#container #container_in .thumbs{
	float:left;
	position:relative;
	width:200px;
	height:150px;
	background:yellow;
	margin:0 10px 0 10px;
}