@import url("/css/main_reset-fonts.css");
@import url("/css/main_container.css");
@import url("/css/main_formating.css");
@import url("/css/main_content.css");

#demo {
	position: relative;
	top: -2000px;
}
#heroImage {
	position: relative;
	height: 434px;
	padding: 0 0 5px 0;
}
#heroImage #topLayer,
#heroImage #bottomLayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 984px;
	height: 434px;
	text-align: left;
	z-index: 50;
	}
#heroImage #bottomLayer {
	z-index: 10;
	}
#heroNav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 200px;
	z-index: 100;
	padding: 0 16px 15px 0;
	}
#heroNav a {
	display: block;
	margin: 0 0 0 5px;
	border: 0;
	width: 17px;
	height: 17px;
	background: url(/images/romb.gif);
	font-size: 1px;
	float: right;
	cursor: pointer;
	}
#heroNav a.pause, #heroNav a:hover.pause {
	background: url(/images/play-pause.gif);
	background-position: 0 -17px;
	}
#heroNav a.play, #heroNav a:hover.play {
	background: url(/images/play-pause.gif);
	background-position: 0 0;
	}
#heroNav a:hover,
#heroNav a.on {
	background: url(/images/romb_on.gif);
	}
#heroNav a div {
	position: absolute;
	left: -1099em;
	z-index: 100;
	margin: -110px 0 0 -86px;
	}
#heroNav a:hover div,
#heroNav a.sfhover div {
	left: auto;
	}
#heroNav div.preview {
	width: 125px;
	height: 101px;
	padding: 9px 0 0 9px;
	padding: 9px 0 0 4px\0/;
	background: url(/images/thumb-bg.png); 
	}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {  #heroNav div.preview {
	padding: 9px 0 0 5px;}
    }
.heroText h1 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	}
.heroText h2 {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	}	
.buttonLarge {
	/*float:left;
	padding: 8px 29px 0 0;*/
	width: 984px;
	height: 434px;
	/*width: 300px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;*/
    overflow: hidden;
	}
/*.buttonLarge a:link,
.buttonLarge a:hover,
.buttonLarge a:visited {
	display: block;
	padding: 0 23px 0 0;
	height: 44px;
	background: url(/images/button-lg-arrow.png) no-repeat right top !important;
	background: url(/images/button-lg-arrow.gif) no-repeat right top;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	float: left;
	cursor: pointer;
	}
.buttonLarge a strong {
	display: block;
	padding: 14px 0 0 14px;
	height: 30px;
	background: url(/images/button-bg.png) no-repeat left top !important;
	background: url(/images/button-bg.gif) no-repeat left top;
	float: left;
	}*/
/*.snowHero h1 {
	padding: 185px 0 10px 30px;
	width: 340px;
	color: #cccccc;
	}*/
.snowHero h2 {
	position: absolute;
	top: 360px;
	left: 0;
	padding: 5px 0 10px 840px;
	width: 140px;
	color: #cccccc;
	z-index: 100;
	}	
/*.snowHero .buttonLarge {
	margin: 278px 0 0 600px !important;*/
	/*margin: 0 0 0 12px;
	}*/
/*.expertHero h1 {
	padding: 230px 0 10px 30px;
	width: 310px;
	color: #cccccc;
	}*/
/*.expertHero .buttonLarge1 {
	margin: 0px 0 0 10px !important;*/
	/*margin: 0 0 0 12px;
	}*/
/*.atvHero h1 {
	padding: 190px 0 10px 30px;
	width: 310px;
	color: #cccccc;
	}*/
/*.atvHero .buttonLarge2 {
	margin: 240px 0 0 10px !important;*/
	/*margin: 0 0 0 12px;
	}*/
/*.sideHero h1 {
	padding: 240px 0 10px 30px;
	width: 310px;
	color: #cccccc;
	}*/
/*.sideHero .buttonLarge3 {
	margin: 0px 0 0 0px !important;*/
	/*margin: 0 0 0 12px;
	}	*/
/*.tjdHero h1 {
	padding: 180px 0 10px 30px;
	width: 310px;
	color: #cccccc;
	}*/
/*.tjdHero .buttonLarge4 {
	margin: 320px 0 0 0px !important;*/
	/*margin: 0 0 0 12px;
	}	*/
/*.outHero h1 {
	padding: 190px 0 10px 30px;
	width: 310px;
	color: #cccccc;
	}*/
/*.outHero .buttonLarge5 {
	margin: 140px 0 0 0px !important;*/
	/*margin: 0 0 0 12px;
	}*/
/*.piagHero h1 {
	padding: 195px 0 10px 30px;
	width: 310px;
	color: #cccccc;
	}*/
/*.piagHero .buttonLarge6 {
	margin: 210px 0 0 390px !important;*/
	/*margin: 0 0 0 12px;
	}*/



#lastnews {
	font-size: 11px;
	width: 814px;
	text-align: left;
	font-weight: bold;
}
#lastnews #titlenews {
	width: 120px;
	height: 16px;
	text-align: left;
	float: left;
}
#lastnews #pscroller {
	width: 684px;
	height: 16px;
	text-align: left;
	float: right;
}