html{ 
	height:100%;
	background:#343432;
}
body{
	background:#343432 url(../images/bg-holder.jpg) no-repeat 50% 0;
	margin:0;
	font:12px "Lucida Grande", Arial, Verdana, sans-serif;
	color:#000;
	min-width:1002px;
	height:100%;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
img{border:0;}
form,
fieldset{
	padding:0;
	margin:0;
	border:0;
}
input,
textarea,
select{
	vertical-align:middle;
	font:12px Arial, Helvetica, sans-serif;
}
/* main-holder */
.main-holder{
	width:100%;
	position:relative;
	min-height:100%;
	overflow:hidden;
}
* html .main-holder{ 
	height:100%;
	overflow:visible;
}
/* main-area */
.main-area{
	position:relative;
	float:left;
	left:50%;
}
/* wrapper */
#wrapper{
	position:relative;
	float:left;
	left:-50%;
}
/* header */
#header{
	width:1034px;
	padding:26px 0 0;
	overflow:hidden;
	margin:0 0 2px;
}
/* logo */
.logo {
	background: url(../images/logo.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	display:block;
	width:127px;
	height:39px;
	margin:0 0 9px 202px;
}
.logo a {
	width:127px;
	height:39px;
	display: block;
	position:relative;
}
/* panel */
.panel{
	width:1050px;
	overflow:hidden;
}
/* tools */
.tools{
	float:left;
	margin:0 1px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.tools li{
	float:left;
	margin:0 5px 0 0;
	width:62px;
	height:20px;
	display:inline;
}
.tools li a{
	display:block;
	width:62px;
	height:20px;
	text-indent:-9999px;
	position:relative;
}
.tools .txt{background:#f36523 url(../images/text-icon.png) no-repeat;}
.tools .video{background:#6aae3d url(../images/video.png) no-repeat;}
.tools .audio{background:#ed1b24 url(../images/audio.png) no-repeat;}
/* area */
.panel .area{
	float:left;
	overflow:hidden;
	width:631px;
	padding:0 5px 0 0;
}
.panel .holder{
	float:left;
	width:540px;
	overflow:hidden;
}
/* nav */
.nav{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.nav li{
	float:left;
	padding:0 4px 0 0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}
.nav li a{
	float:left;
	overflow:hidden;
	height:18px;
	padding:2px 6px 0;
	color:#fff;
}
.col1{ background:#ed1b24;}
.col2{ background:#f36523;}
.col3{ background:#ffde15;}
.col4{ background:#6aae3d;}
.col5{ background:#00abc7;}
.col6{ background:#0056a9;}
/* form-search */
.form-search{
	float:left;
	margin:2px 0 0 2px;
	overflow:hidden;
}
.form-search input{
	float:left;
	border:1px solid #676767;
	margin:0 5px 0 0;
	height:14px;
	width:89px;
	padding:1px 5px 0;
	background:none;
	color:#fff;
	font:10px/14px Arial, Helvetica, sans-serif;
}
.btn-search{
	margin:0;
	width:15px!important;
	padding:0!important;
}
.rss{
	float:right;
	font-size:10px;
	color:#fff;
	padding:4px 26px 5px 0;
	background: url(../images/rss.gif) no-repeat 100% 0;
}
/* main */
#main{
	width:1034px;
	padding:0 0 35px;
	overflow:hidden;
}
/* visual */
.visual{
	width:100%;
	overflow:hidden;
	position:relative;
}
.visual-l{
	float:left;
	left:50%;
	position:relative;
}
.visual-c{
	float:left;
	left:-50%;
	position:relative;
	margin:0 0 5px;
}
.visual-c .image{display:block;}
.visual-c img{float:left;}
.visual .list1,
.visual .list2{
	overflow:hidden;
	margin:0 1px 0 0;
	padding:0;
	list-style:none;
	float:left;
}
.visual .list2{margin:0;}
.visual .list1 li{
	float:left;
	padding:0 5px 0 0;
}
.visual .list2 li{
	padding:0 0 0 5px;
	float:left;
}
/* content */
.content{
	width:585px;
	margin:0 0 0 203px;
	overflow:hidden;
	padding:18px 23px 115px 22px;
	background: url(../images/bg-content.png);
}
.content h1{
	color:#000;
	margin:0 0 14px;
	font-size:14px;
	position:relative;
}
.content p{
	line-height:14px;
	margin:0 0 15px;
	position:relative;
}
/* data */
.data{
	width:574px;
	margin:-5px auto 0;
	overflow:hidden;
	padding:5px 54px 15px 3px;
	background:#333;
}
.data p{
	color:#fff;
	line-height:17px;
	margin:0;
}
/* form-holder */
.form-holder{
	width:574px;
	overflow:hidden;
	margin:0 0 14px;
}
.data .form-search{
	margin:0 9px 0 0!important;
	background:#333;
	width:136px;
}
.data .form-search input{
	width:98px;
	font:12px/14px Arial, Helvetica, sans-serif;
	padding:0 5px !important;
}
.data .form-search .btn-search{
	float:right;
	margin:1px 0 0 !important;
	padding:0 !important;
}
.form-holder p{float:left;}
/* items-list */
.items-list{
	width:575px;
	overflow:hidden;
	margin:0 0 28px;
	padding:0;
	list-style:none;
}
.items-list li{
	float:left;
	width:100%;
	padding:0 0 14px;
	overflow:hidden;
}
.pic{
	float:left;
	width:135px;
	margin:0 10px 0 0;
	border-top:10px solid #f80a0b;
}
.yellow{border-top:10px solid #f8cb0b;}
.pic img{display:block;}
.items-list .text{
	float:left;
	width:430px;
	overflow:hidden;
}
.items-list h2{
	font-size:12px;
	margin:0;
	color:#fff;
}
/* footer */
#footer{
	position:relative;
	height:25px;
	width:631px;
	margin:-35px auto 0;
	padding:10px 0 0;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#footer ul li{
	display:inline;
	padding:0 3px;
}
#footer ul li a{
	color:#fff;
	padding:0 0 0 14px;
	background: url(../images/bg-link.gif) no-repeat 0 2px;
}
