/* - - 	ZETARETICULI 2008 - - web projectc by LagOS srl Firenze - - */ body{  padding:5em 0 0 0;  margin:0; margin-top:7px;  background:url(foo) fixed;  background-image:url(../images/zetareticuli-background.gif);  background-position:left top; background-repeat:no-repeat;  margin-bottom:100px; }  #filosofia{ background-image:url(../images/grafici/filosofia-small.png); 			 background-repeat:no-repeat; background-position:center;			 width:404px; height:247px; cursor:pointer;}  /* --------------- TOP Bar ------------------*/#top{  position:fixed;  _position:absolute;  top:0;  _top:expression(eval(document.body.scrollTop));  left:0;  margin:0;  padding:0;  width:100%;  height:83px; }  #offerta-bar{position:absolute;  width:760px;  margin:0; padding:0; margin-left:50%; left:-380px;}  /* --------------- CONTENT ------------------*/ #container{ position:absolute;  width:758px;  margin:0; padding:0; margin-left:50%; left:-380px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding-bottom:73px; }  		.home{ background-image:url(../images/background-home.png); background-position:right top; background-repeat:no-repeat;}		.chisiamo{ background-image:url(../images/background-chisiamo.png); background-position:right top; background-repeat:no-repeat;}		.filosofia{ background-image:url(../images/background-filosofia.png); background-position:right top; background-repeat:no-repeat;}		.eventi{ background-image:url(../images/background-eventi.png); background-position:right top; background-repeat:no-repeat;}		.contatti{ background-image:url(../images/background-contatti.png); background-position:right top; background-repeat:no-repeat;}				.management{ background-image:url(../images/management-header.jpg); background-position:right top; background-repeat:no-repeat;					 background-color:#FF5B1E;}		.solutions{ background-image:url(../images/solutions-header.jpg); background-position:right top; background-repeat:no-repeat;					 background-color:#FFE11D;}		.operations{ background-image:url(../images/operations-header.jpg); background-position:right top; background-repeat:no-repeat;					 background-color:#898989;}				#home{ padding:50px; margin-top:100px; padding-bottom:300px; font-size:12px;}		.management #offerte{ background-color:#FFFFFF; margin-right:10px; margin-top:47px; padding:30px; height:700px;				 background-image:url(../images/round-man.jpg); background-position:left top; background-repeat:no-repeat;}		.solutions #offerte{ background-color:#FFFFFF; margin-right:10px; margin-top:47px; padding:30px; height:700px;				 background-image:url(../images/round-sol.jpg); background-position:left top; background-repeat:no-repeat;}		.operations #offerte{ background-color:#FFFFFF; margin-right:10px; margin-top:47px; padding:30px; height:700px;				 background-image:url(../images/round-ope.jpg); background-position:left top; background-repeat:no-repeat;}				 			 		#offerte h1{ margin:0; padding:0; font-size:14px;}		#offerte ul{ text-align:left; padding-right:40px;}		#offerte li{ list-style-type:square; padding-bottom:10px;}				 				 .management-color{ color:#FF5B1E;}				 .solutions-color{ color:#FFE11D;}				 .operations-color{ color:#898989;}			 /* --------------- 2 columns Layout ------------------*/ 		#left{ width:250px; float:left;  text-align:justify; margin-bottom:80px;}				#management-left, #solutions-left, #operations-left{ padding-top:60px;}				#management-left .accordion_toggle { display: block; height: 25px; width: 250px; background-color:#FF703C;			padding: 0px; line-height: 28px; 	color: #ffffff; font-weight: bold; 	text-decoration: none; 	outline: none;			font-size: 10px; text-transform:uppercase; 	color: #222222; border-bottom: 1px solid #FF5B1E;			cursor: pointer; margin: 0 0 0 0;}		#solutions-left .accordion_toggle { display: block; height: 25px; width: 250px; background-color:#FFE850;			padding: 0px; line-height: 28px; 	color: #ffffff; font-weight: bold; 	text-decoration: none; 	outline: none;			font-size: 10px; text-transform:uppercase; 	color: #222222; border-bottom: 1px solid #FFE11D;			cursor: pointer; margin: 0 0 0 0;}		#operations-left .accordion_toggle { display: block; height: 25px; width: 250px; background-color:#ACACAC;			padding:0px; line-height: 28px; 	color: #ffffff; font-weight: bold; 	text-decoration: none; 	outline: none;			font-size: 10px; text-transform:uppercase; 	color: #222222; border-bottom: 1px solid #898989;			cursor: pointer; margin: 0 0 0 0;}							#left .accordion_toggle a:link { color: #222222; text-decoration:none;}				#left .accordion_toggle a:hover { color: #FFFFFF; text-decoration:none;}				#left .accordion_toggle a:visited { color: #222222; text-decoration:none;}				#left .accordion_toggle a:active { color: #2222222; text-decoration:none;}						#right{ width:505px; float:right;  text-align:justify;}				/*-------------- Eventi NEWS style ------------------*/				#right h2{ font-size:14px; font-weight:bold; border-top:1px dashed #999; padding-top:10px;					background-image:url(../images/date.png); background-repeat:no-repeat;					background-position:left bottom; padding-left:22px; color: #666666;}		#right li{ list-style-type:none;}		#right #login{ text-align:right;}		#right .date{ font-size:10px; padding-bottom:10px; color:#999999;}				#right a:link{color: #FF5B1E; text-decoration:none;}		#right a:hover{color: #999999; text-decoration:none;}		#right a:visited{color: #FF5B1E; text-decoration:none;}		#right a:active{color: #FF5B1E; text-decoration:none;}					 /* --------------- 3 columns Layout ------------------*/ 		.left-column{ width:250px; height:800px; float:left;  text-align:justify;  background-color:#FF5B1E;					  padding-top:100px; background-image:url(../images/management-bgk.jpg); background-repeat:no-repeat; background-position:top;}					 .left-column p{ padding:25px 20px 5px 20px; color:#333333;}					  		.center-column{ width:250px; height:800px; float:left;  text-align:justify;  background-color:#FFE11D; margin-left:4px;	padding-top:100px; background-image:url(../images/solutions-bgk.jpg); background-repeat:no-repeat; background-position:top;}					 .center-column p{ padding:25px 20px 5px 20px; color:#333333;}					 		.right-column{ width:250px; height:800px; float:right;  text-align:justify;  background-color:#898989;  padding-top:100px; background-image:url(../images/operations-bgk.jpg); background-repeat:no-repeat; background-position:top;}					 .right-column p{ padding:25px 20px 5px 20px; color:#333333;}					 		/* ------- ACCORDION -------- */							.left-column .accordion_toggle { display: block; height: 25px; width: 250px; background-color:#FF703C;			padding: 0px; line-height: 28px; 	color: #ffffff; font-weight: bold; 	text-decoration: none; 	outline: none;			font-size: 10px; text-transform:uppercase; 	color: #222222; border-bottom: 1px solid #FF5B1E;			cursor: pointer; margin: 0 0 0 0;}					.left-column span{ display:block; text-align:right; padding-top:5px; padding-bottom:15px;}				.left-column .accordion_toggle_active { background-color:#666666; color: #FF5B1E; border-bottom: 1px solid #FF5B1E; }				.left-column .accordion_toggle a:link { color: #222222; text-decoration:none;}				.left-column .accordion_toggle a:hover { color: #FFFFFF; text-decoration:none;}				.left-column .accordion_toggle a:visited { color: #222222; text-decoration:none;}				.left-column .accordion_toggle a:active { color: #2222222; text-decoration:none;}								.left-column  p a:link { color: #FF703C; text-decoration:none;}				.left-column  p a:hover { color: #666666; text-decoration:none;}				.left-column  p a:visited { color: #FF703C; text-decoration:none;}				.left-column  p a:active { color: #FF703C; text-decoration:none;}												.center-column .accordion_toggle { display: block; height: 25px; width: 250px; background-color:#FFE850;			padding: 0px; line-height: 28px; 	color: #ffffff; font-weight: bold; 	text-decoration: none; 	outline: none;			font-size: 10px; text-transform:uppercase; 	color: #222222; border-bottom: 1px solid #FFE11D;			cursor: pointer; margin: 0 0 0 0;}					.center-column span{display:block; text-align:right; padding-top:5px; padding-bottom:15px;}				.center-column .accordion_toggle_active { background-color:#666666; color: #FFE11D; border-bottom: 1px solid #FFE11D; }				.center-column .accordion_toggle a:link { color: #222222; text-decoration:none;}				.center-column .accordion_toggle a:hover { color: #FFFFFF; text-decoration:none;}				.center-column .accordion_toggle a:visited { color: #222222; text-decoration:none;}				.center-column .accordion_toggle a:active { color: #2222222; text-decoration:none;}								.center-column  p a:link { color: #FFE850; text-decoration:none;}				.center-column  p a:hover { color: #666666; text-decoration:none;}				.center-column  p a:visited { color: #FFE850; text-decoration:none;}				.center-column  p a:active { color: #FFE850; text-decoration:none;}								.right-column .accordion_toggle { display: block; height: 25px; width: 250px; background-color:#ACACAC;			padding:0px; line-height: 28px; 	color: #ffffff; font-weight: bold; 	text-decoration: none; 	outline: none;			font-size: 10px; text-transform:uppercase; 	color: #222222; border-bottom: 1px solid #898989;			cursor: pointer; margin:0 0 0 0;}					.right-column span{display:block; text-align:right; padding-top:5px; padding-bottom:15px;}				.right-column .accordion_toggle_active { background-color:#666666; color: #898989; border-bottom: 1px solid #898989; }				.right-column .accordion_toggle a:link { color: #222222; text-decoration:none;}				.right-column .accordion_toggle a:hover { color: #FFFFFF; text-decoration:none;}				.right-column .accordion_toggle a:visited { color: #222222; text-decoration:none;}				.right-column .accordion_toggle a:active { color: #2222222; text-decoration:none;}								.right-column  p a:link { color: #ACACAC; text-decoration:none;}				.right-column  p a:hover { color: #666666; text-decoration:none;}				.right-column  p a:visited { color: #ACACAC; text-decoration:none;}				.right-column  p a:active { color: #ACACAC; text-decoration:none;}				.accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; }					.accordion_content h2 { margin: 15px 0 5px 10px; color: #333333; font-size:12px; }					.accordion_content p { line-height: 130%; padding: 5px 10px 15px 10px;}			#mangement-title{ background-color:#FA8740; font-size:11px; font-weight:bold; color:#000000; height:30px;}		 /* --------------- BOTTOM Bar ------------------*/ #bottom{  position:fixed;  _position:absolute;  bottom:0; left:0;  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);  background-color:#6E6F73;  width:100%;  min-width:800px;  height:70px;  background-image:url(../images/background-menu.jpg);  background-repeat:repeat-x;}* html #bottom { width:expression((document.body.clientWidth<=800)?'800px':'auto');}  	  	 #logo{ height:70px; float:left;} 	 #menu { height:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; padding:5px;}	 	 		#menu a{ border-left:1px solid #FFFFFF; padding-left:8px; margin-left:10px;}						#menu a:link{ color:#FFFFFF; text-decoration:none;}			#menu a:hover{ color:#999999; text-decoration:none;}			#menu a:active{ color:#FFFFFF; text-decoration:none;}			#menu a:visited{ color:#FFFFFF; text-decoration:none;}						#main{ float:left;}			#language { float:right; padding-right:100px;}		#credits{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B9B9B9; text-align:right; padding-top:30px; padding-right:100px;}		#chiave{ position:absolute; bottom:0; right:50px; width:62px; height:145px;			background-image:url(../images/chiave.png); background-repeat:no-repeat; background-position:bottom;}