html , body{
	height: 100%;
	background: #fff;
	margin: 0px;
	padding: 0px;
}
#box {
	position: relative;
	margin: 0px auto;
	padding-top: 0px;
	width: 988px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	/*overflow: hidden;*/
	background: #cccccc;
	font-weight: bold;
}
* html #box {
	height: 100%;
	width: 990px;
}
h1 {
	background: url(../images/top_image.jpg) top left no-repeat;
	width: 988px;
	height: 217px;
	margin: 0px;
	border-top: 10px solid #cccccc;
}
* html h1 {
	width: 990px;
}
h1 span {
	position: absolute;
	left: -999em;
}
a {
	color: #333333;	
}
#menu {
	width: 990px;
	display: block;
	list-style-type: none;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	background: #F03E24;
}
#menu li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 141px;
	height: 27px;
}
#menu li a {
	display: block;
	width: 141px;
	height: 27px;
}
#menu li a span {
	position: absolute;
	left: -999em;
}

.item1 {	background: url(../images/menu/home.jpg) #253D87;}
.item2 {	background: url(../images/menu/press-release.jpg) #FFF;}
.item3 {	background: url(../images/menu/downloads.jpg) #F03E24;}
.item4 {	background: url(../images/menu/film-makers.jpg) #F4C724;}
.item5 {	background: url(../images/menu/filming-for-tibet.jpg) #379444;}
.item6 {	background: url(../images/menu/media-coverage.jpg) #EF3D23;}
.item7 {background: url(../images/menu/take-action.jpg)  #fff; width: 143px;}
.aktywna {background-position: 0 -27px; width: 143px;}
.color_home {background: #253D87; color: #fff}
.color_press{background: #ffffff, color: #000}
.color_downloads {background: #F03E24; color: #fff}
.color_film-makers {background: #F4C724; color: #000}
.color_filming {background: #379444; color: #fff}
.color_media {background: #253D87; color: #fff}
.color_action {background: #EF3D23; color: #fff}
#content, #flags {
	clear: left;
	margin: 60px 143px 20px 141px;
	padding-bottom: 20px;
	word-wrap: break-word;
	/*width: 673px;*/
	

}
#flags {
	margin: 60px 0px 20px 141px;
}
#content_wide {
	clear: left;
	margin: 60px 0px 20px 0px;
	padding-bottom: 20px;
	width: 990px;
	word-wrap: break-word;
}
#news_updates {
	margin: 0px 0px 0px 10px;
	float: left;
	width: 180px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	/*margin-top: 10px;*/
	font-family: tahoma;
	font-size: 12px;
	font-weight:normal;
	word-wrap: break-word;
		letter-spacing: 1px;
}
#news_updates div {
	padding-left: 10px;
	padding-right: 3px;
	word-wrap: break-word;
}
#text {
	float: left;
	width: 540px;
	padding: 0px 7px 0px 20px;
	word-wrap: break-word;
}
#screenings {
	margin: 0px 0px 0px 10px;
	float: left;
	width: 200px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	/*margin-top: 10px;*/
	font-family: tahoma;
	font-size: 12px;
	word-wrap: break-word;
	font-weight:normal;
	letter-spacing: 1px;
}

#screening_entrytitle{
	font-weight:bold;
}

#content h2, #content_wide h2 {
	/*width: 330px;*/
	margin-bottom: 20px;
	padding: 2px;
	clear: both;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	
}
h2  a{
	color: #fff;
	text-decoration: none;
}

/* Added ul.link-list for list of links on the Media Coverage page.  Why not make these styles global, ie, simply add them to #content? */
#content p, #text p, #flags p, ul.link-list {
	margin-top: 0px;
	padding-bottom: 20px;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	text-align: justify;
}
#content h2, #content_wide h2, #flags h2 {
	font-family: tahoma;
}
#title_main {
	padding: 0px 0px 0px 0px;
	font-family:tahoma;
	font-size:36px;
	font-weight:normal;¨
	width:300px;
	
}

#icon {
	float: left;
	padding: 5px;
	width:25px;
	
}
#title2_main {
	font-family:tahoma;
	font-size:12px;
	font-weight:normal;
	
}
* {
	font-family: tahoma;
}
#footer {
	width: 100%;
	text-align: right;
	text-transform: lowercase;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	bottom: 0;
}
.clear {
	clear: both;
}
/*
.img_box {
	width: 206px;
	height: 198px;
	margin-right: 10px;
	margin-bottom: 40px;
	float: left;
	padding: 2px;
	border: 1px solid gray;
	background: #fff;
}
.img_box h3 {
height: 40px;
	margin: 0px;
	text-align: center;
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
}
.img_box img {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 3px;
	border: none;
}
*/
blockquote {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-family: tahoma;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	text-align: justify;
}
img {
	border: none;
}
.stills {
	float: left;
	width: 282px;
}
.stills img {
	width: 137px;
}
.clips {
	float: right;
	width: 282px;
}
h3 {
	font-size: 16px;
	margin-bottom: 0px;
}
i {
	font-style: italic;
}
.flags ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	color: #000;	
	list-style-type: none;
}
.flags ul li{
	display: block;
	float: left;
	width: 140px;
	height: 80px;
	vertical-align: top;
	padding-bottom: 40px;
	margin: 0px;
}
.flags ul li img {
	display: block;
	width: 100px;
	border: none;
	margin-top: 10px;
}
.flags a {
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	color: #000;
}

/* List of links at top of Media Coverage page */
ul.link-list { margin: 0 0 1em 0; padding: 0;}
ul.link-list li { list-style: none; margin: 0 0 2em 0; padding: 0; }

.clip1 {background: url(../images/miniatury/1.jpg)}
.clip2 {background: url(../images/miniatury/2.jpg)}
.clip3 {background: url(../images/miniatury/3.jpg)}
.clip4 {background: url(../images/miniatury/4.jpg)}
.clip5 {background: url(../images/miniatury/5.jpg)}
.clip6 {background: url(../images/miniatury/6.jpg)}
.clips a{
	width: 200px;
	height: 153px;
	display: block;
}
.clips a:hover {
	background-position: 0 -153px;
}