/* CSS Document */

/* reset */
* {
	margin: 0;
	padding: 0;
}
ul {
	list-style:none
}
img, fieldset {
	border:none
}

/* BANNER */

#banner { 
	width:1000px; 
	margin:0 auto;
	z-index:5;
	padding:2px;
	position:relative;
}
#banner #slider { 
	width:1000px; /*1454*/

	/*margin:0 -100px 0 -123px;*/
	position:relative;
		height:400px;
	overflow:hidden;
}
#banner #slider #slides {
	/*margin:0 -100px 0 -123px;*/
	margin:0 auto;
	
}
#banner #slider .previous {
	float:left;
	position:absolute;
	left:17px;
	top:127px
	
}
#banner #slider .next {
	float:right;
	position:absolute;
	right:10px;
	top:127px
}
#banner #slider .slide1 { 
	width:1000px;
	height:350px; 
	float:left; 
	background: url(../img/highlight/bg_slider1.jpg) no-repeat;
	
}
#banner #slider .slide1 h2 { 
	line-height:.7em;
	width:300px;
	padding:55px 0 0px 180px
}
#banner #slider .slide1 figure { 
	float:left; 
	position:absolute; 
	top:0; 
	left:259px
}
#banner #slider .slide1 h3 { 
	font-family:"SuomiHandScript", Arial, Helvetica, sans-serif; 
	font-size:54px; 
	color:#FFFFFF; 
	text-shadow:#909b9b 1px 1px 1px; 
	text-align:center; 
	position:relative; 
	z-index:120;
	margin:-20px 0 0 0;
}

#banner #slider .slide1 h4 { 
	font-family:"SuomiHandScript", Arial, Helvetica, sans-serif; 
	font-size:54px; 
	color:#FFFFFF; 
	text-shadow:#909b9b 1px 1px 1px; 
	text-align:center; 
	position:relative; 
	z-index:120;

}
#banner #slider .slide1 h3 a:link,#banner #slider .slide1 h3 a:visited{ 
	color:#FFFFFF; 
	text-decoration:none;
}
#banner #slider .slide2 { 
	width:1000px;
	height:328px; 
	float:left; 
	background: url(../img/highlight/bg_slider2.jpg) no-repeat
}
#banner #slider .slide2 figure { 
	float:right; 
	padding-right:200px; 
	padding-top:60px
}
#banner #slider .slide2 aside { 
	width:270px; 
	float:left; 
	padding:60px 0 0 201px
}
#banner #slider .slide2 aside h2 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:95px;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow:#444 2px 0px 2px;
	line-height:.8em;
		z-index:130;
		margin:-80px 0 0 0;
}
#banner #slider .slide2 aside h2 a:link,#banner #slider .slide2 aside h2 a:visited{
	color:#FFFFFF; 
	text-decoration:none;
}
#banner #slider .slide2 aside h2 span { 
	color:#343738;
	text-shadow:#FFF 2px 0px 2px;	
}
#banner #slider .slide2 aside h2 span a:link,#banner #slider .slide2 aside h2 span a:visited{
	color:#343738;
	text-decoration:none;
}
#banner #slider .slide2 aside h3 {
	font-family:"DroidSerif", Georgia, Arial, Helvetica, sans-serif; 
	font-size:17px; 
	font-weight:bold; 
	color:red;
	line-height:1.3em;
	width:300px;
	margin:-85px 0 0 400px;
}
#banner #slider aside.slide2 h3 span {
	font-family:"DroidSerif Italic", Georgia, Arial, Helvetica, sans-serif; 
	font-size:15px; 
	z-index:130;
}
#banner #slider .slide3 { 
	width:1000px;
	height:328px; 
	float:left; 
	background: url(../img/highlight/bg_slider3.jpg) no-repeat
}
#banner #slider .slide3 aside { 
	width:330px; 
	float:left; 
	padding:60px 0 0 301px
}
#banner #slider .slide3 aside h2 {
	font-family:"FranklinGothicURWExtComD-Dem", Arial, Helvetica, sans-serif;
	font-size:95px;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow:#444 2px 0px 2px;
	line-height:.78em;
	padding-bottom:12px
}
#banner #slider .slide3 aside h2 span { 
	color:#60bcc5
}
#banner #slider .slide3 aside h2 a:link,#banner #slider .slide3 aside h2 a:visited{ 
	color:#FFFFFF;
	text-shadow:#000 2px 0px 2px;
	text-decoration:none;
}
#banner #slider .slide3 aside h2 span a:link,#banner #slider .slide3 aside h2 span a:visited{
	color:#60bcc5;
	text-decoration:none;
}
#banner #slider .slide3 figure { 
	float:left; 
	margin:6px -48px 0 -20px
}
#banner #slider .slide3 h3 {
	width:130px;
	float:left;
	font-family:"DroidSerif Italic", Georgia, Arial, Helvetica, sans-serif;
	font-size:14px; 
	color:#FFFFFF;
	line-height:1.2em;
	margin-left:-880px;
	margin-top:120px;
}
.dots {
	z-index:200;
	position:absolute;
	left: 854px;
	top: 331px;
	width: 94px;
}
#banner .dots ul li {
	float:left;
	padding:0 2px;
	/*padding-left:9px*/
}
#banner .dots ul li a {
	width:12px;
	height:12px;
	float:left;
	background: url(../img/highlight/bg_dots2.png) no-repeat 0 0;
	text-indent:-9999px;	
}
#banner .dots ul li a:hover {
	background: url(../img/highlight/bg_dots2.png) no-repeat bottom left;
}
#banner .dots ul li a.cur {
	background: url(../img/highlight/bg_dots2.png) no-repeat bottom left;
}
#banner .dots .start-stop {display: none}


#banner #boy { 
	float:left; 
	position:absolute; 
	top:0; 
	left:346px;
}


/* BANNER - BOX WITH NEWS */

#whitebar {
	width:1077px;
	height:115px;
	position:absolute;
	background: url(../img/highlight/broroma_downbanner.png) no-repeat;
	z-index:10;
	margin: 0 auto;
	margin-left:-40px;
	top:283px;
	
	
	
	
}
