@charset "utf-8";
* {
	margin: 0;
	padding: 0;	
	}


.item-pack-main{
	padding: 0px 0px 19px 0px;
	display:inline-block;
	}

.item-pack{
	float:left;
	display:block;
	}
	
.item{
	margin: 0px 25px 0px 0px;
	width:210px;
	height:128px;
	float:left;
	display:block;
	background-color:#333;
	}
	
.item-last{
	width:210px;
	height:128px;
	display:block;
	float:right;
	}
	

	
a, a img { 
	text-decoration:none;
	color:#656565;
	outline:none;
	border: none;
	}
	
a:hover {text-decoration:underline;	}

html, body {
	font-family: "Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
	font-size:10px;
	color:#656565;
	background:WHITE;
	letter-spacing:0.05em;
	
	}

#main {
	margin: 0px;
	width:960px;
	position:relative;
	left: 0px;
	padding: 17px 0 0 20px; 
	}
	
#left-box {
	width:230px;
	float:left;
	position:relative;
}
	
#logo-box{
		color:#656565;
		heght:56px;
		display:block;
		}	
#menu-box{
	padding: 28px 0px 0px 0px;	
	}	
	
	
#nav {}
	#nav li {	display:inline;	}
	#nav li a { display:block;	height:137px;	width:223px; margin-bottom:6px;		 }
		#nav li.video a { background: url(../img/video_but.gif) top no-repeat;}
		#nav li.web a { background:url(../img/web_but.gif)  top no-repeat;}
		#nav li.print a { background:url(../img/print_but.gif)  top no-repeat;}

			#nav li a:hover {background-position:bottom ;}
			#nav li a:active {background-position:bottom ;}
			

#right-box {
	
	float:right;
	width:680px;

	}
	
#top-box{
	padding: 0px 0px 83px 0px
	}

#footer{
	text-align: right;
	padding-bottom:8px;
}