body
{
	background-color: #e4e4e4;

}

#container
{
	float:left;
	margin-left: 100px;
	margin-top: 50px;
	width: 850px;
}

#title
{
	float: left;
	width: 100%;
}

#nav
{
	float: left;
	width: 850px;
	margin-bottom: 10px;
}

#content
{
	float: left;
}

#films_nav
{
	float: left;
	width:121px;
	cursor: pointer;
}

#films
{
	float: left;
	margin-left: 2px;
	width: 706px;
	height: 450px;
	background-color: black;
}

#the_film
{
	background-color: black;
}

.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 390px;
    width: 121px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    /* height:20000em; */
}

.item
{
	margin-top:2px;
}

img
{
	border: none;
}

a.link_a
{
	float: left;
	width:59px;
	height:22px;
	background: url(img/films_1.png);
}

a.link_a_active
{
	background: url(img/films_2.png);
}

a.link_a:hover
{
	background: url(img/films_2.png);
}

a.link_b
{
	float: left;
	width:48px;
	height:22px;
	background: url(img/vita_1.png);
}

a.link_b:hover
{
	background: url(img/vita_2.png);
}

a.link_b_active
{
	background: url(img/vita_2.png);
}

a.link_c
{
	float: left;
	width:95px;
	height:22px;
	background: url(img/contact_1.png);
}

a.link_c:hover
{
	background: url(img/contact_2.png);
}

a.link_c_active
{
	background: url(img/contact_2.png);
}