/* CSS Document */

body {
	margin:15 0 0;
	padding:0;
	background:#FFFFFF;
}



h1 {
	text-align: left;
	font-size: 1.6em;
	margin: 0 0 0 10px;
}
h2 {
	text-align: left;
	font-size: 1.4em;
	margin: 0 0 0 10px;
	color: #5f5a39;
}
h3 {
	text-align: left;
	font-size: 1.2em;
	margin: 0 0 0 10px;
	color: #f8af68;
}
h4 {
	text-align: left;
	font-size: 1.2em;
	margin: 10px 10px 10px 10px;
	font-family: "Adobe Garamond Pro", Times, sans-serif;
	color: #223f80;
}
h5 { text-align: left; font-size: 1.6em;  margin: 0 0 0 10px; }

a {
	color:#223f80;
	text-decoration: underline;
}
a:hover {
	color:#f8af68;
	text-decoration: underline;
}

table { padding:4px; margin:0 0 0 10px; border:1px #e8e9e4 double; display:table;}
td { margin:2px; padding:2px; font: .8em Arial, Helvetica, sans-serif; border-bottom:1px #e8e9e4 solid; border-right: 1px #e8e9e4 solid;}
td.titolo { color:#FFFFFF; font: bold .8em Arial, Helvetica, sans-serif; background:#666666; border:0;}
td.sel { background:#f5f6f1;}



#container {
	margin: 0 auto;
	width:770px;
	/*border: 1px solid #994c32; */
}

/*#head_sup { margin: 20px 0 20px 0;}

#head_sup .logo {
	background: #FFFFFF;
	margin:0px 20px 0 0;
	float:left;
	display:block;
} 
#head_sup .tit { margin: 0 0 0 12px;}
#head_sup .whoweare {
	border-left: 1px #e8e9e4 solid;
	width:145px;
	padding:0;
	float:left;
}
#head_sup .whoweare UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .whoweare LI a { font: .65em Tahoma, Arial, Helvetica, sans-serif; color:#666666; background:#FFFFFF; text-decoration:none; padding: 2px 0 2px 0; }
#head_sup .whoweare LI a:hover { background:#f5f6f1; color:#333;}

#head_sup .ourwork {
	border-left: 1px #e8e9e4 solid;
	width:145px;
	padding:0;
	float:left;
}
#head_sup .ourwork UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .ourwork LI a { font: .65em Tahoma, Arial, Helvetica, sans-serif; color:#666666; background:#FFFFFF; text-decoration:none; padding: 2px 0 2px 0; }
#head_sup .ourwork LI a:hover { background:#f5f6f1; color:#333;}

#head_sup .contact {
	border-left: 1px #e8e9e4 solid;
	width:130px;
	padding:0;
	float:left;
}
#head_sup .contact UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .contact LI a { font: .65em Tahoma, Arial, Helvetica, sans-serif; color:#666666; background:#FFFFFF; text-decoration:none; padding: 2px 0 2px 0; }
#head_sup .contact LI a:hover { background:#f5f6f1; color:#333;}

#head_sup .lingue { border-left: 0px #e8e9e4 solid; width:28px; padding:0; margin:0; float:right; font: .2em Verdana, Arial, Helvetica, sans-serif; line-height:15px;}
#head_sup .lingue UL { margin:4px 0 0 8px; padding:0; list-style-type:none;}
#head_sup .lingue LI a { border: 1px #e8e9e4 solid; padding:0; margin:0; }
#head_sup .lingue LI a:hover { border: 1px #9b9a8c solid;}
#head_sup a.english { background: #9b9a8c url(../images/ico-flag_ens.gif) no-repeat top left; display:block; width:17px; height:11px; }
#head_sup span { display:none;}  */

#head_inf { border: 3px #e8e9e4 solid;}



#slogan {
	margin: 30px 0 25px 0;
	border-bottom: 0px #f5f6f1 solid;
}
#slogan h1 {
	font-family: "Adobe Garamond Pro", Times, san-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #223f80;
}
#slogan .tagline {
	display:block;
	font: italic normal 1.2em "Adobe Garamond Pro", Times, sans-serif;
	margin: 2px 0 18px 30px;
	color:#666666;
}

/* ----------------------------------------- CONTENT */


#sections_title { margin: 18px 0;  border-bottom: 0px #e8e9e4 solid;}

/* .didascalia { display:block;  font: italic .6em Arial, Helvetica, sans-serif; color:#666666; text-align:left; margin:-4px 0 0 20px;}

a.img_whoweare img, a.img_casehistory img, a.img_esperienza img, a.img_creativita img, a.img_spirito img, a.img_cravatte img { border:3px #e8e9e4 solid; margin:0 0 0 16px; }
a:hover.img_whoweare img, a:hover.img_casehistory img, a:hover.img_esperienza img, a:hover.img_creativita img, a:hover.img_spirito img, a:hover.img_cravatte img { border:3px #cdceca solid;}  */


#contentHome_left {
	width:240px;
	float:left;
	background:#ffffff;
}
#contentHome_left UL { margin:10px 40px 10px 26px; padding:0;}
#contentHome_left LI { font: .8em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}


#contentHome_center {
	width:240px;
	float:left;
	background: #ffffff;
}
#contentHome_right {
	width:240px;
	float:left;
	background:url(../../../idea4/images/sfo_contentbox_b.gif) repeat-y top left;
	background: #f5f6f1;
	margin-left: 20px;
}
#contentHome_right .sidebox {
	margin-top: 6px;
	margin-left: 6px;
}
#contentHome_right img {
	padding-left: 12px;
	margin-right: auto;
	margin-left: auto;
	border: 0px;
}

#contentHome_left P, #contentHome_center P, #contentHome_right P { font:.8em Arial, Helvetica, sans-serif; color:#484848; margin: 0 30px 0 10px; line-height:1.3em; }
#content_center  p {
	font:.8em Arial, Helvetica, sans-serif;
	color:#606060;
	margin: 0 50px 0 10px;
	line-height:1.5em;
	text-align:justify;
}

/* realizzazioni */

#content_center {
	width:460px;
	float:left;
	background:#ffffff;
}

#content_center-large {width:760px; float:left; background:#ffffff; }
#content_center-large P { font:.8em Arial, Helvetica, sans-serif; color:#484848; margin: 0 0px 0 0px; line-height:1.5em; text-align:justify; }



/* ----------------------------------------- CASE STUDY 

#casestudy_content {margin:10px; }
.casestudy_box { width:234px; background:url(../../../idea4/images/sfo_casehistorybox.gif) repeat-x bottom center; margin:0px 0 4px 0; padding:4px 0 0 0;}
.casestudy_boximg { width:88px; float:left;  padding:0; margin:0;}
.casestudy_boximg P { margin:0;}
.casestudy_boximg a img { border:1px #ededed solid; margin:0; padding:0;}
.casestudy_boximg a:hover img { border:1px #cccccc solid;}
.casestudy_boxtxt { width:146px; float:left; padding:0; }
.casestudy_boxtxtp { margin:0; font: .6em Arial, Helvetica, sans-serif; color:#666666;}
.casestudy_boxtxt .tit { display:block; font: .8em Arial, Helvetica, sans-serif; color:#000000; margin: 2px 0 4px 0;}
.casestudy_boxtxt a.tit  { text-decoration:none; color:#000000; background-color:#FFFFFF;}
.casestudy_boxtxt a.vai { float:right; text-indent:6px; font:.6em Arial, Helvetica, sans-serif; color:#999999; display:block; text-align:right; background: url(../../../idea4/images/case_h-vai.gif) no-repeat center left; margin: 4px 0 4px 0;}
.casestudy_boxtxt a:hover.vai { color:#666666;}
.casestudy_boxtxt a:hover.tit { text-decoration:underline; color:#000000; background-color:#FFFFFF;}

#casestudy_boxvai { background: #006600;}

.stelline { width:440px; margin:0px 20px 0 20px; font-style:italic; font: italic .6em Arial, Helvetica, sans-serif; color:#999999;}
#infogenerali { width:490px; background:#ffffff; border-left: 2px #fff9a8 solid; margin: 0 0 0 6px; background:url(../../../idea4/images/bg_infoa.gif) no-repeat 4px -2px;}
#infogenerali P { color: #666666;}
#infogenerali_content { margin: 0px 20px 0 20px; }*/


		/* ------------------------------------------- 
			CONTACT FORM 
		----------------------------------------------*/
		
		#contactForm {
	width:430px;
	padding: 0;
}
		#contactForm h3 { font: .8em Arial, Helvetica, sans-serif; display:block; border-bottom:1px #d9d9d9 solid; color:#333333; background-color:#FFFFFF; font-weight:bold; margin: 18px 0px 10px 10px;}
		#contactForm p {
	font: .8em Arial, Helvetica, sans-serif;
}
		#contactForm .testo {display:block; width:90px; float:left; line-height:20px; padding: 0px 0px 0px 10px;}
		#contactForm .form { }
		#contactForm sup { color:#FF0000;}
		#contactForm select {padding: 0; margin:0; font: 1em Arial, Helvetica, sans-serif; width:130px;}
		#contactForm textarea {padding:4px; margin:10px; width:350px;}
		#contactForm ul { list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 26px 0px 26px;}
		#contactForm li {font:.8em Arial, Helvetica, sans-serif; background:#f9f9f9; margin:2px; padding: 2px 2px 2px 2px;}
		
		#contactForm_error { font: .8em Arial, Helvetica, sans-serif; width:80%; display:block; color:#FF0000; border:2px #FF0000 dashed; padding:4px; margin: 20px;}




/* ----------------------------------------- UTILITY

.costoimp { height:20px; background:#fff9a8}
.imp { }


#compass { height:20px; margin: 4px 0 12px 0; font: .65em tahoma, Arial, Helvetica, sans-serif; color:#999999; background-color:#FFFFFF; border-bottom: 1px #e8e9e4 solid; }
#compass .bcrumb { float:left;}
#compass .bcrumb a { color:#999999; margin: 0px 0 0 12px; }
#compass .bcrumb a:hover { color:#9b9a8c;}

#utility { width:190px; float:right; background:#ffffff; margin: -2px 0 0 0;}
#utility a.stampa { width: 80px; height:16px; line-height:16px; background:url(../images/ico_stampa.gif) no-repeat 52px 0px; float:left; border-right: 1px #e8e9e4 solid; color:#999999; margin:0 12px 0 0; }
#utility a:hover.stampa { color:#666666;}
#utility .textSize { display:block; margin: 0 0 0px 0; height:16px; line-height:16px;}
#utility .textSizetxt { display:block; height:16px; line-height:16px; float:left; margin: 0 4px 0 0;}

#utility_inf { width:90px; float:right; background:#ffffff; margin: 10px 0 0 0;}
a.backtop { font: .65em tahoma, Arial, Helvetica, sans-serif; display:block; width:80px; height:16px; line-height:16px; background:#0033CC; background:url(../../../idea4/images/ico_backtop.gif) no-repeat 56px 0px; color:#999999;}
a:hover.backtop { color:#666666;} */

.clear { clear:both; margin:0;}

hr { height:0px; line-height:0px; font-size:1px; width:100%; margin:4px 0px 4px 0px;  padding:0px 0px 0px 0px; border-style: solid; border-color:#e8e9e4; border-width: 1px 0px 0px 0px; clear:both; }

hr.small { width:94%; text-align:left;}

/* ------------- FOOTER */ 

#footer {
	font: .8em Arial, Helvetica, sans-serif;
	color: #dfdfdf;
	margin: 20px 0 0 0;
}
#footer P { margin: 0 0 0 10px;}
#footer .disclaimer { color:#919191;}
#footer a { color:#919191;}
#footer a:hover { color:#333333;}
#footer .footerlink {}
/*------------------------------------------TABLE    */
table, td, a {
	color: #f8af68;
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif
}

/*  h1 {
	font: normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h2 {
	font: normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0
}

h3 {
	font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #008000;
	margin: 0 0 15px 0
}  */
/* end basic styling                                 */

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #fff;
/*	height: 285px; */
	overflow: auto;
	width: 300px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 516px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 500px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 516px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #FFFFCC;
	border-left: none;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	font-weight: bold;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     
html>body tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}  */

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 200px
}

html>body thead.fixedHeader th + th {
	width: 240px
}

html>body thead.fixedHeader th + th + th {
	width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 200px
}

html>body tbody.scrollContent td + td {
	width: 240px
}

html>body tbody.scrollContent td + td + td {
	width: 300px
}