/* CSS Document */

/*
Copyright 2003-2011 Lino Mocerino
$Revision: 3.0 $
*/

body { font-size: 0; background-color: #FFF; margin: 0; padding: 0; overflow: hidden; }

img	{ border-width: 0; }

td { vertical-align: top; margin: 0; padding: 0; }

.alignLeft { text-align: left; }

.alignRight { text-align: right; }

.floatLeft	{ float: left; }
.floatRight { float: right; }

.inline { display: inline; }

.block { display: block; }

@font-face { 
font-family: "Arial Black";  
src: url(../typefaces/ariblk.eot) format('eot'); /* IE */  
src: local("Arial Black"), url(../typefaces/ariblk.ttf) format('truetype'); /* non-IE CSS3 browsers */
}

@font-face {
    font-family:Democratica;
    src: url(../typefaces/democrrg.eot);
    src: url(../typefaces/democrrg.eot?iefix) format('eot'),
         url(../typefaces/democrrg.woff) format('woff'),
         url(../typefaces/democrrg.ttf) format('truetype'),
         url(../typefaces/democrrg.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:DemocraticaBold;
    src: url(../typefaces/democrbd.eot);
    src: url(../typefaces/democrbd.eot?iefix) format('eot'),
         url(../typefaces/democrbd.woff) format('woff'),
         url(../typefaces/democrbd.ttf) format('truetype'),
         url(../typefaces/democrbd.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:LubaGraphMedium;
    src: url(../typefaces/luba-gm.eot);
    src: url(../typefaces/luba-gm.eot?iefix) format('eot'),
         url(../typefaces/luba-gm.woff) format('woff'),
         url(../typefaces/luba-gm.ttf) format('truetype'),
         url(../typefaces/luba-gm.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:LubaGraphBold;
    src: url(../typefaces/luba-gbd.eot);
    src: url(../typefaces/luba-gbd.eot?iefix) format('eot'),
         url(../typefaces/luba-gbd.woff) format('woff'),
         url(../typefaces/luba-gbd.ttf) format('truetype'),
         url(../typefaces/luba-gbd.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

.container	{
	min-height: 438px;
	height: auto !important;
	height: 435px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #67606C;
	text-decoration: none;
	}

#container	{
	position: absolute;
	z-index:10;
	top: 50%;
	left: 50%;
	margin-left: -388px;
	margin-top: -288px;
	width: 745px;
	background: url(../img/default/ft_gr01.jpg) 513px bottom no-repeat;
	}

#pageTitle { position:absolute; z-index:3; top:141px; left:-13px; width:304px; height:87px; }

.claim-shortBrief { background:url(../img/default/hd_logotype-2010.gif) 0 0 no-repeat; }
.claim-imageryProcess { background:url(../img/default/hd_logotype-2010-imgProcDes.gif) 0 0 no-repeat; }

#title { margin-left:163px; margin-top:56px; overflow:hidden; }
#title img { width:132px; height:31px; } 

#utilities	{
	position: relative;
	left: 128px;
	width: 95px;
	}

#navbLoc { position:absolute; top:246px; left:194px; }
#navbLoc dl { text-align:right; }

#focus	{
	position: absolute;
	clear: both;
	left: 306px;
	top: 100px;
	width: 433px;
	}

.thumbs	{
	margin-right: 10px;
	float: left;
	}

#thumbs	{ position:absolute; z-index:1; left:20px; top:0; width:124px; }

#thumbs div	{
	position: absolute;
	width: 57px;
	height: 57px;
	}

#thumb--01 { left:0; top:-83px; }

#thumb00	{
	left: 0;
	top: -17px;
	}

#thumb00-1 { left:67px; top:-17px; }

#thumb01	{
	left: 0;
	top: 50px;
	}

#thumb02	{
	left: 67px;
	top: 50px;
	}

#thumb03	{
	left: 0;
	top: 117px;
	}

#thumb04	{
	left: 67px;
	top: 117px;
	}

#thumb05	{
	left: 0;
	top: 185px;
	}

#thumb06	{
	left: 67px;
	top: 185px;
	}

#thumb07	{
	left: 0;
	top: 253px;
	}

#thumb08	{
	left: 67px;
	top: 253px;
	}

#thumb09	{
	left: 0;
	top: 320px;
	}

#thumb10	{
	left: 67px;
	top: 320px;
	}

#thumb11	{
	left: 0px;
	top: 388px;
	}

#thumb12 { left:67px; top:388px; }

#thumb13 { left:0; top:456px; }


.useCases-thumbsBox, .useCases-thumbsBox-nBrWin	{
	z-index:2;
	width:218px;
	}

.useCases-thumbsBox	img {
	margin-top: 16px;
	}

.useCases-thumbsBox	{
	margin:14px 0 0 0;
	width: 184px;
	}

.useCases-thumbsBox ul	{
	margin: 0;
	padding: 0;
	}

.useCases-thumbsBox li	{
	display:block;
	float:left;
	margin:10px 10px 0 0;
	}

.useCases-thumbsBox-nBrWin	{
	position:absolute;
	top:81px;
	text-align: right;
	}

.useCases-thumbsBox-nBrWin ul	{
	list-style-type: none;
	}

.useCases-thumbsBox-nBrWin li	{
	display:block;
	float:right;
	margin: 0 0 10px 10px; /* firefox ignora il margine inferiore */
	}

.caranonna { left:530px; margin-top:-66px; }

#rsud { top:15px; left:420px; }
#rsud li { margin:0; }
#rsud a { display:block; padding:21px 4px; border-top:#F0ECED 1px solid; }
#rsud a:link, a:visited { background-color:#FCFCFC; }
#rsud a:hover { background-color:#FAFAFA; }
#rsud a.last { border-bottom-color:#ECE6E9; border-bottom-style:solid; border-bottom-width:1px; }

.useCases-nBrWin-thumbsBox-square { position:absolute; top:200px; left:144px; text-align:right; width:254px; }
.useCases-nBrWin-thumbsBox-square ul { list-style-type:none; }
.useCases-nBrWin-thumbsBox-square li { display:inline;margin: 0 0 0 7px; /* firefox ignora il margine inferiore */ }

#visualSx	{
	position: absolute;
	top: 58px;
	left: -6px;
	width: 174px;
	text-align: right;
	}


.visualSx-lrg	{
	position: absolute;
	top: 86px;
	left: -6px;
	width: 202px;
	text-align: right;
	}

#visualSx em {
	font-style:normal; /* firefox sembra ignorare questa ridefinizione, da rivedere */
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#description p { font-family:LubaGraphMedium,Verdana,Arial,Helvetica,sans-serif!important; font-size:13px!important; }
.capsh { font-family:LubaGraphMedium,Verdana,Arial,Helvetica,sans-serif!important; font-size:13px!important; line-height:0.90em; }
.capsh acronym { font-size:0.8em!important; }

#capsh { position:absolute; top:98px; left:160px; width:120px; visibility:hidden; }

#capsh-01	{
	position: absolute;
	top: 3px;
	left: 137px;
	visibility: hidden;
	z-index: 1;
	}

#capsh-02	{
	position: absolute;
	top: 3px;
	left: 137px;
	visibility: hidden;
	z-index: 2;
	}

#capsh-03	{
	position: absolute;
	top: 3px;
	left: 137px;
	visibility: hidden;
	z-index: 3;
	}

#capsh-04	{
	position: absolute;
	top: 3px;
	left: 137px;
	visibility: hidden;
	z-index: 4;
	}

.ft_gr01	{
	min-height: 72px;
	height: auto !important;
	height: 72px;
	}

.sectionHd	{
	position: absolute;
	left: 291px;
	width: 341px;
	min-height: 109px;
	height: auto !important;
	height: 109px;
	background: right bottom no-repeat;
	}

#sectionHd_concepts	{
	background-image: url(../img/parts/vs_concepts.jpg);
	}

#sectionHd_design	{
	background-image: url(../img/parts/vs_design.jpg);
	}

#sectionHd_tech	{
	background-image: url(../img/parts/vs_techn.jpg);
	}

#sectionHd_photography	{
	background-image: url(../img/parts/vs_teamwrk.jpg);
	}

#sectionHd_publishing	{
	background-image: url(../img/parts/vs_publishing.jpg);
	}

#sectionHd_about	{
	background-image: url(../img/parts/vs_about.jpg);
	}

#sectionHd_solutions	{
	background-image:  url(../img/parts/vs_solutions.jpg);
	}

#sectionHd_contact	{
	background-image: url(../img/parts/vs_contact.jpg);
	}


/* pholioDetail */

#navBlinear	{
	position: absolute;
	left: 94px;
	margin: 25px 8px 0 0;
	}

#capshDetail	{
	position: absolute;
	top: 25px;
	left: 123px;
	width: 221px;
	z-index: 100;
	}

#capshDetail dl	{
	margin: 0;
	padding: 0;
	}

#visualHorizontal	{
	position: absolute;
	left: 10px;
	top: 51px;
	z-index: 99;
	}

#visualHorizontalCaptures	{
	position: absolute;
	top: 21px;
	width: 360px;
	}

#visualHorizontalCaptures img	{
	margin-right: 10px;
	}

#abstract { position:absolute; left:180px; top:23px; width:253px; }
#abstract p { padding-left:9px; }
#abstract p strong, .nBrWinVisual p strong, .nBrWinVisual h1 { display:block; margin-bottom:0.32em; font-family:"Arial Black", Arial, Verdana, sans-serif; font-size:30px; line-height:0.60em/*0.55em*/; letter-spacing:-0.11em; }
#abstract p strong { margin-left:-2px; }
#abstract ul { margin-top:10px; }
#abstract li { list-style-type:square; list-style-position:outside; }
#abstract dl { margin-top:20px; }
#abstract u { display:block; text-decoration:none; }
#abstract address	{ display:block; float:left; margin:0; padding:0; width:240px; }

#btn_openNewBrWin { float:left; margin:7px 4px 0 0; }

#abstractPseudotape	{
	position: absolute;
	left: 139px;
	top: 23px;
	}

#abstractDreadInaBabylon	{
	position: absolute;
	left: 155px;
	top: 23px;
	}

#about	{
	position: absolute;
	left: 212px;
	top: 33px;
	width: 187px;
	}

#about p	{
	line-height: 16px;	
	}

#concept { position:absolute; z-index:0; left:257px; top:375px; margin-bottom:18px; width:368px; min-height:216px; height:auto !important; height:216px; text-align:right; }

#concept dl { position:absolute; top:-30px; width:120px; left:0; line-height:1.25em; }
#concept dt { line-height:0.75em; }
#concept dl.wide { width:132px!important; margin-left:-12px!important; }
#concept dd strong { display:block; }
#concept dd a { display:block; white-space:nowrap; }
#concept h2 { display:block; white-space:nowrap; }

.hidden	{ visibility:hidden; }

/* NEW BROWSER WINDOWS */

#navBarNewBrWin	{
	position: relative;
	width: 258px;
	margin:0;
	padding:0;
	}

#capshNewBrWin	{
	width: 216px;
	background-color: #FFFFFF;
	border: 1px solid #C6B3B4;
	z-index: 100;
	padding: 3px 5px 1px 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#capshNewBrWin h1	{
	margin: 6px 3px 0 15px;
	}

#capshNewBrWin h2	{
	display: block;
	margin: 0 3px 9px 15px;
	}

#capshNewBrWin dl	{
	margin: 6px 0 0 10px;
	}
	
#btn_winClose	{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	}

.darkBgr { background-color:#0D0D0D!important; }

.frame { padding:20px; background-color:#FAFAFA; }
.frame img { border:#FFF solid 5px; }



/* FOCUS BUTTONS */
label { display:block; float:left; margin:7px 0 0 0; cursor:pointer; }

#btn_up { padding-left:1px; }