@charset "utf-8";
/* CSS Document */

/*--- STRUTTURA ---*/
body, html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	background: #ffffff;
	line-height: 12pt;
	}

a{
	color:#333333;
	text-decoration: none;
	}	
	
h1{
	font-size: 12px;
	font-weight:bold;
	}
	
#hdrtxt
{
	font-size: 10px;
	float:right;
}			
	
#container
{
	width: 900px;
	height: 760px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	position:relative;
	background-image:url(img/bg.jpg);
}

#main{
	width:870px;
	height:760px;
	margin: 0px auto;
}


/*--- struttura header ---*/

#header{
	width: 780px;
	height: 160px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: right;
	vertical-align: bottom;
	overflow:hidden;
	margin: 0px auto;
}

#headbox{
	width: 780px;
	height: 150px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: right;
	vertical-align: bottom;
	overflow:hidden;
	margin: 0px auto;
}

#headright{
	width: 350px;
	height: 150px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: right;
	vertical-align: bottom;
	overflow:hidden;
	float:right;
	position:relative;
}

#bottomright{
	width: 350px;
	height: 109px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align: right;
	vertical-align: bottom;
	overflow:hidden;
	float:right;
	position:relative;
}

#payoff{
position:absolute;
bottom:10px;
left:85px;
}

#spacerhor{
	width: 350px;
	height: 29px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	overflow:hidden;
}

#spacerver{
	width: 70px;
	height: 42px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	overflow:hidden;
}

#headgleft{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	overflow:hidden;
	float:left;
}

#logo
{
	padding:0px;
	border:0px;
	margin:0px;
	float: left;
	overflow:hidden;
}

#flags
{
	padding:0px;
	border:0px;
	margin:0px;
	float: right;
	overflow:hidden;
}

#line
{
	width: 100%;
	height: 4px;
	padding:0px;
	border:0px;
	margin:0px;
	float: right;
	overflow:hidden;
	background-image: url(img/testlinea.jpg);
	background-repeat: repeat-x;
}

#comunicaz
{	
	position:absolute;
	bottom: 9px;
	right: 0px;
}

/*--- fine header ---*/

#content
{
	width: 780px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	margin: 0px auto;
}

#contspac
{
	width: 650px;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	margin: 0px auto;
}

#horcont
{
	width: 650px;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	margin: 0px auto;
}

#mainmenuc{
	width: 780px;
	height: 315px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	margin: 0px auto;
}

#menucontleft{
	width: 359px;
	height: 315px;
	margin: 0px auto;
	padding-right: 10px;
	border: 0px;
	float: left;
}

#menucontright{
	width: 400px;
	height: 230px;
	margin: 0px auto;
	padding-left: 10px;
	border: 0px;
	float: left;
}

#vertline{
	width: 1px;
	height: 310px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	float: left;
	background-color:#000000;
}

#mspacer{
	width: 210px;
	height: 80px;
	margin: 0px auto;
	padding-left: 20px;
	border: 0px;
	float: left;
}

ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 0px;
	text-indent: 0px;
}

li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 0px;
	text-indent: 0px;
}

.treeview li{
	margin-bottom: 0.7em;
}

.treeview li ul li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	padding-right: 20px;
	padding-left: 20px;
}

/*
.treeview{
letter-spacing:-1px;
}
*/
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */

}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
	margin-bottom: 0.7em;
}

.menu1{ /*Style for LIs of ULs that are children of LIs (submenu) */
	font-size: 16px;
	line-height: 16pt;
	margin-bottom: 0.7em;
}

.navigation{
width: 870px;
font-size: 10px;
position:absolute;
bottom: 30px;
right:15px;
left:15px;
}

.navigation ul{
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.navigation ul li{
position: relative;
display: inline;
letter-spacing: -1px;
}

.navigation ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 4px; /*spacing between each menu link*/
text-decoration: none;
}

.navigation ul li a:hover, .underlinemenu ul li a.selected{
color: black;
}

.navigation ul li ul {
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	text-align:left;
	width:100px;
	
}

.navigation ul li ul li{
	display: list-item;
	letter-spacing: -1px;
}

#splashcont{
	width: 650px ;
  margin-left: auto ;
  margin-right: auto ;

}

#splashlogo{
	width:650px;
	height:345px;
	background-image:url(img/younglogosplash.jpg);
}


#splashund{
	width:650px;
	height:345px;
	background-image:url(img/younglogosplashbg.jpg);
	position: relative;
}

#splashtxt{
	font-size:10px;
	line-height:10px;
	position: relative;
}

#splashtxt ul{ 
	
}

#splashtxt ul li{ 
	list-style-type: circle;
	display: inline;
}

#hcontleft{
	width: 295px;
	height: 160px;
	margin: 0px auto;
	padding-right: 10px;
	border: 0px;
	float: left;
	text-align:justify
}

#hcontright{
	width: 295px;
		height: 160px;
	margin: 0px auto;
	border: 0px;
	float: left;
	text-align:justify
}

#hpdf{
	width: 50px;
	height: 160px;
	margin: 0px auto;
	border: 0px;
	float: left;
	position: relative;
}

#dpdf{
	height: 60px;
	border: 0px;
}

#box{
	width: 60px;
	height: 60px;
	border: 0px;
	float: left;
	position: relative;
	margin: 0px auto;
}



#obvans {
}

.obvans a {
display: block;
width: 190px;
height: 19px;
background: url(img/obvans.jpg) no-repeat top left;
}

.obvans a:hover {
background-position: top right;
}

#satelliteuplink {
}

.satelliteuplink a {
display: block;
width: 190px;
height: 19px;
background: url(img/satelliteuplink.jpg) no-repeat top left;
}

.satelliteuplink a:hover {
background-position: top right;
}

#webtv {
}

.webtv a {
display: block;
width: 190px;
height: 19px;
background: url(img/webtv.jpg) no-repeat top left;
}

.webtv a:hover {
background-position: top right;
}

#shootingintuscany {
}

.shootingintuscany a {
display: block;
width: 190px;
height: 19px;
background: url(img/shootingintuscany.jpg) no-repeat top left;
}

.shootingintuscany a:hover {
background-position: top right;
}

#lightsandgenerators {
}

.lightsandgenerators a {
display: block;
width: 190px;
height: 19px;
background: url(img/lightsandgenerators.jpg) no-repeat top left;
}

.lightsandgenerators a:hover {
background-position: top right;
}

#whoweare {
}

.whoweare a {
display: block;
width: 228px;
height: 19px;
background: url(img/whoweare.jpg) no-repeat top left;
}

.whoweare a:hover {
background-position: top right;
}

#whatwedo {
}

.whatwedo a {
display: block;
width: 228px;
height: 19px;
background: url(img/whatwedo.jpg) no-repeat top left;
}

.whatwedo a:hover {
background-position: top right;
}

#training {
}

.training a {
display: block;
width: 76px;
height: 28px;
background: url(img/training.jpg) no-repeat top left;
}

.training a:hover {
background-position: top right;
}

#contacts {
}

.contacts a {
display: block;
width: 228px;
height: 19px;
background: url(img/contacts.jpg) no-repeat top left;
}

.contacts a:hover {
background-position: top right;
}

#aboutus {
}

.aboutus a {
display: block;
width: 136px;
height: 19px;
background: url(img/aboutus.jpg) no-repeat top left;
}

.aboutus a:hover {
background-position: top right;
}

#seatstechnologiestools {
}

.seatstechnologiestools a {
display: block;
width: 228px;
height: 19px;
background: url(img/seatstechnologiestools.jpg) no-repeat top left;
}

.seatstechnologiestools a:hover {
background-position: top right;
}

#humanresources {
}

.humanresources a {
display: block;
width: 136px;
height: 19px;
background: url(img/humanresources.jpg) no-repeat top left;
}

.humanresources a:hover {
background-position: top right;
}

#gallery {
}

.gallery a {
display: block;
width: 136px;
height: 19px;
background: url(img/gallery.jpg) no-repeat top left;
}

.gallery a:hover {
background-position: top right;
}

#equipmentlist {
}

.equipmentlist a {
display: block;
width: 136px;
height: 19px;
background: url(img/equipmentlist.jpg) no-repeat top left;
}

.equipmentlist a:hover {
background-position: top right;
}

#sports {
}

.sports a {
display: block;
width: 38px;
height: 20px;
background: url(img/sports.jpg) no-repeat top left;
}

.sports a:hover {
background-position: top right;
}

#theatre {
}

.theatre a {
display: block;
width: 38px;
height: 20px;
background: url(img/theatre.jpg) no-repeat top left;
}

.theatre a:hover {
background-position: top right;
}

#fashion {
}

.fashion a {
display: block;
width: 38px;
height: 20px;
background: url(img/fashion.jpg) no-repeat top left;
}

.fashion a:hover {
background-position: top right;
}

#spot {
}

.spot a {
display: block;
width: 38px;
height: 20px;
background: url(img/spot.jpg) no-repeat top left;
}

.spot a:hover {
background-position: top right;
}

#businesscommunication {
}

.businesscommunication a {
display: block;
width: 102px;
height: 20px;
background: url(img/businesscommunication.jpg) no-repeat top left;
}

.businesscommunication a:hover {
background-position: top right;
}