/* CSS Document */

*, html, ul, li{
margin: 0;
font: 10pt/12pt Arial, Helvetica, sans-serif;
}
body{
background: url(../pics/home-bg-main1.jpg) repeat-x top;
}
img{
border: none;
}
p{
margin: 0 0 10px 0;
}
a{
/*color:#3E57A7;*/
color: #3366CC;
}
a:hover{
color: #0099FF;
}

hr{
height: 1px;
border: none;
border-bottom: 1px dotted silver;
}
/* ---------------------------- HOME PAGE TEMPLATE STYLES ---------------------------- */
/* ---------------------------- HOME PAGE TEMPLATE STYLES ---------------------------- */
/* ---------------------------- HOME PAGE TEMPLATE STYLES ---------------------------- */
/* ---------------------------- HOME PAGE TEMPLATE STYLES ---------------------------- */

.container{
width: 960px;
height: 400px;
margin: 0 auto;
background: url(../pics/home-bg-bg1.jpg) top center no-repeat;
border: 0px solid black;
text-align: left;
margin-top: 0px;
}
.container2{
top: 0px;
width: 960px;
height: 400px;
margin: 0 auto;
border: 1px solid black;

}
/*IE7 Fix */
*:first-child+html .container2{
/*margin-top: -180px;*/
}
/*IE6 Fix */
* html .container2{
margin-top: -180px;
}

.logo1{
width:285px;
background: url(../pics/home-logo1.png) no-repeat;
font: 10pt/12pt Arial, Helvetica, sans-serif;
color: #333;
padding-top: 151px;
padding-left: 30px;
border: 0px solid;
}
/*IE6 Fix */
* html .logo1{
background: url(../pics/logoforie6.jpg) no-repeat;
padding-top: 351px;
}

.headertext{
position: absolute;
top: 150px;
width:240px;
font: 10pt/12pt Arial, Helvetica, sans-serif;
color: #333;
padding-left: 39px;
text-align:left;
}

.nav-home{
float: right;
height:45px;
border: 0px solid black;
margin: 0; padding:0;
background: url(../pics/home-nav-bg.png) no-repeat -10px -20px;
width: 465px;

}
/*IE6 Fix */
* html .nav-home{
background: url(../pics/home-nav-bg.jpg) no-repeat 0px -20px;
}


.navhomeul{
list-style:none;
border: 0px solid black;
margin: 0; padding: 0px;
margin-top: 8px;
height: 37px;
/*background: url(../pics/home-nav-bg.jpg) repeat-x;*/
}

.nav-home li{
display: inline;
/*background: url(../pics/home-nav-bg.jpg) repeat-x;*/
border: 0px solid black;
padding: 0;
margin: 0;
}

.nav-home li img{
padding: 0 5px;
margin-bottom:-4px;
}


.nav-home a{
color: #3E57A7;
text-decoration:none;
}
.nav-home a:hover{
color: #0099FF;
}


.nav-home .front{
background: url(../pics/home-nav1.jpg) no-repeat top left;
}
.nav-home .front a{
margin-left: 25px
}
.nav-home .back{
background: url(../pics/home-nav2.jpg) no-repeat top right;
}
.nav-home .back a{
margin-right: 5px
}

.dropnav{
width: 175px;
color: #0D3793;
background: #E1F2F7; 
margin-left: 0px;
margin-top: 50px;
border: 1px dotted white; 
padding: 5px 8px;   
z-index: 10009;
filter:alpha(opacity=90);
opacity: 0.90;
-moz-opacity:0.90; 
}

.dropnavul{
display: block;
margin: 0 ; padding: 0 ;
list-style: disc;
border: 0px solid;
margin-top: 10px;
}

.dropnavul li{
list-style: disc;
display:block;
margin-bottom: 5px;
}


/* IE 6 Fix */
* html .dropnav{
border: 1px solid white; 

}

.dropnav a{
padding: 0;
font: 10pt/14pt Arial, Helvetica, sans-serif;
text-decoration:none;
}
.dropnav a b{
text-decoration: underline;
}

.logo1 a{
color:#627FBF;
}

.boxes{
position: absolute;
height: 280px;
top: 250px;
width: 960px;
margin-top: 20px;
border: 0px solid black;
font: 8pt/8pt Arial, Helvetica, sans-serif;
color: #666;
}

.boxes img{
padding: 5px;
padding-left: 0px;
}
.boxes hr{
clear: both;
display: block;
border: none;
border-bottom: dotted 1px silver;
height: 1px;
width: 93%;
margin: 5px 0;
margin-bottom: 10px;
}
.boxes b{

font: bolder 9pt/8pt Arial, Helvetica, sans-serif;

}

.boxes .faders{
width: 0; 
height: 0; 
position: relative; 
z-index: 2;
}
.boxes .fadertop{
width: 264px; 
height: 10px; 
position: absolute; 
left: 17px; 
top: 0px; 
}

.boxes .faderbot{
width: 264px; 
height: 10px; 
position: absolute; 
left: 17px; 
top: 190px; 
}




.box1{
float:left;
width:290px;
border: 0px solid black;
height:275px;
background: url(../pics/home-box1.png) no-repeat top right;
padding-top: 40px;
padding-left: 4px;
}


.box1 .fadertop{
background: url(../pics/box1-topfade.png) no-repeat;
}
.box1 .faderbot{
background: url(../pics/box1-botfade.png) no-repeat;
}

.box1 b{
color: #6DA000;
}
/*IE6 Fix */
* html .box1{
padding-left: 0px;
background: url(../pics/home-box1.jpg) no-repeat top left;
width:294px;
}

.box2{
float:left;
width:300px;
border: 0px solid black;
height:275px;
margin: 0 30px;
background: url(../pics/home-box2.png) no-repeat top left;
padding-top: 40px;

}

.box2 .fadertop{
background: url(../pics/box2-topfade.png) no-repeat;
}
.box2 .faderbot{
background: url(../pics/box2-botfade.png) no-repeat;
}

.box2 b {
color: #FF6600;
}
/*IE6 Fix */
* html .box2{
background: url(../pics/home-box2.jpg) no-repeat top left;
}

.box3{
float:left;
width:300px;
height:275px;
border: 0px solid black;
background: url(../pics/home-box3.png) no-repeat top right;
padding-top: 40px;
}

.box3 b {
color: #96D0E7;
}

.box3 .fadertop{
background: url(../pics/box3-topfade.png) no-repeat;
}
.box3  .faderbot{
background: url(../pics/box3-botfade.png) no-repeat;
}
/*IE6 Fix */
* html .box3{
background: url(../pics/home-box3.jpg) no-repeat top left;
}



.footer{
position: absolute;
top: 545px;
width:960px;
margin: 0 auto;
border: 0px solid black;
color: #999;
}
.footerL{
float: left;
}
.footerL img{
margin-right: 5px;
vertical-align:middle;
}
.footerR{
float: right;
text-align: right;
}

/* ---------------------------- INTERNAL TEMPLATE STYLES ---------------------------- */
/* ---------------------------- INTERNAL TEMPLATE STYLES ---------------------------- */
/* ---------------------------- INTERNAL TEMPLATE STYLES ---------------------------- */
/* ---------------------------- INTERNAL TEMPLATE STYLES ---------------------------- */
/* ---------------------------- INTERNAL TEMPLATE STYLES ---------------------------- */
body.inside {
background:url(../pics/in-bg-main1.jpg) repeat-x;
}
body.inside .nav-home{
background: none;
margin-top: 31px;
margin-right: 20px;
clear: both;
}


.incontainer{

width: 100%;
margin: 0 auto;
clear: both;
border: 0px solid black;
width: 916px;
}
/*background: url(../pics/in-header.jpg) top left no-repeat;*/
.incontainer2{
background: white url(../pics/in-header.jpg) top left no-repeat;
width: 100%;
border: 0px solid black;
float: left;
overflow: hidden;
}





.infooter{
clear: both;
float: left;
color: #999;
font: 8pt/8pt Arial, Helvetica, sans-serif;
height: 56px;
*height: 54px;
width: 100%;
margin: 0 auto;
background: url(../pics/in-footerbg.jpg) repeat-x bottom;

}
.infooter a{
color:#999;
}

.infooter a:hover{
text-decoration: none;
}
.infootercontainer{

width: 916px;
margin: 0 auto;
padding-top:0px;
}
.infootleft{
float: left;
display: block;

}
.infooter b{
margin:0 130px;
font-size: 1px;
}
.infootright{
float: right;
text-align: right;
}
.inHeader{

}

.inBody {
float: left;
width: 916px;
margin-top: 50px;
margin-bottom: 20px;
color: #666;
}
.inLeft{
background: #D5EDF5 url(../pics/inLeft-topBG.jpg) top left no-repeat;
float: left;
width: 240px;
color: #3366CC;
}

.inLeft2{
padding: 10px;
overflow:hidden;
}
.inLeft2 p{
*margin: 0;
}

.inLeft2 p b{
color: #3366CC;
font: bold 12pt/12pt Arial, Helvetica, sans-serif;
}

.inLeft2 ul{
margin-top: 10px;
margin-left: -20px;
*margin-left: 18px;
overflow:hidden;
}
.inLeft2 li{
list-style:circle;
margin: 5px 0;
}



.inLeft2 hr{
border: none;
background: url(../pics/in-Left-div.gif) repeat-x top left;
height:3px;
*height: 1px;
*border-bottom: 1px dotted #36c;

}

.inRight{
float: right;
width: 676px;
margin-top: 0px;
}
.inRight2{
position: relative;
padding: 10px 30px;
text-decoration: none;
}

.inbodytitle_design{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-apaxdesign.jpg) no-repeat;
}
.inbodytitle_services{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-apaxservices.jpg) no-repeat;
}

.inbodytitle_contact{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-contact.jpg) no-repeat;
}

.inbodytitle_about{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-aboutapax.jpg) no-repeat;
}

.inbodytitle_community{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-apaxcommunity.jpg) no-repeat;
}

.inbodytitle_apax{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-apaxsoftware.jpg) no-repeat;
}

.inbodytitle_products{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-apaxproducts.jpg) no-repeat;
}
.inbodytitle_mobiledev{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-mobiledev.jpg) no-repeat;
}
.inbodytitle_databasedev{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-databasedev.jpg) no-repeat;
}
.inbodytitle_websitecreation{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-websitecreation.jpg) no-repeat;
}
.inbodytitle_softconsultation{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-softconsultation.jpg) no-repeat;
}
.inbodytitle_ecomdev{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-ecomdev.jpg) no-repeat;
}
.inbodytitle_total{
position: absolute;
right: 30px;
top: -40px;
width: 332px; height: 28px;
background: url(../pics/in-title-total.jpg) no-repeat;
}



/* ---- APAX Bio DHTML style Styles ----*/

.bioMainBackground {
background: url(../pics/apax-bio-bg.png) no-repeat top left;
height: 414px; 
width: 390px;
padding-top: 50px;
margin-top: 20px;
}

.biolinksBox{
width: 240px;
height: 192px;
}
.biolinksBox img{
margin: 4px;
margin-right: 8px;
margin-bottom: 8px;
border: 1px dotted #79BCFF;
}

.biolinksBox img:hover{
margin: 3px;
margin-right: 7px;
margin-bottom: 7px;
border: 2px solid #79BCFF;
}

.bioInfoTable{
height: 250px;
width: 400px;
}

.bio-TDtoprow{
padding-top:0px;
}

.bio-Name{
color: #006;
font: 14pt/10pt Arial, Helvetica, sans-serif;
}
.bio-Title{
color: #FF9900;
font-weight:bold;
}
.bio-stuffTD{
background: url(../pics/apax-bio-pic-left.jpg) no-repeat top right;
padding-right: 10px;
}
.biobioinfo{
color: #0066CC;
}

.bioPix{
margin: 2px; margin-left: 1px;
margin-top: 8px;
}


/* --- MISC styles ---*/


/* Stylings for Home Page H tags to help with Search engine rankings ---*/
.homeh1{
display: inline;
margin:0;border:none;padding:0;
line-height: 14pt;
overflow: hidden;
}
.homeh2{
position: absolute;
left: 2000px;
margin:0;border:none;padding:0;
line-height: 14pt;
font-size: 1px;
}
.homeh3{
position: absolute;
left: 2000px;
margin:0;border:none;padding:0;
line-height: 14pt;
font-size: 1px;
}
.homeh4{
position: absolute;
left: 2000px;
margin:0;border:none;padding:0;
line-height: 14pt;
font-size: 1px;
}

.imgborder1{border: 1px dotted gray; padding: 2px;}

.submitbut1{
border: 1px solid #4A8CB0;
background: #C1E1F4;
color: #4A8CB0;
}

.servicesTable{
width:600px;
margin-bottom: 120px;
}
.servicesTable td{
vertical-align:top;
}

.servicesTable h1{
font: 16pt/16pt Arial, Helvetica, sans-serif;
color: #4B87CF;
padding-bottom: 20px;
}

.servicesTable .quote1{
font: 14pt/14pt Arial, Helvetica, sans-serif;
color: #999;

}
.servicesTable .quote2{
font: 12pt/12pt Arial, Helvetica, sans-serif;
}

.mainh1{
font: 16pt/16pt Arial, Helvetica, sans-serif;
color: #4B87CF;
padding-bottom: 20px;
}

* html .ie6LI {
	
	list-style:disc; margin-left: 30px;"
	
	}
	
	
	
/* --- Cover flow  --- Home page portfolio DHTML action ---- */
/* --- Cover flow  --- Home page portfolio DHTML action ---- */
/* --- Cover flow  --- Home page portfolio DHTML action ---- */
/* --- Cover flow  --- Home page portfolio DHTML action ---- */
/* --- Cover flow  --- Home page portfolio DHTML action ---- */




#coverflow {
position: absolute; 
right: 0; 
top: -110px;
width:680px;
height:460px;
margin-left: -200px;
border: 0px solid;
overflow:hidden;

}
/*IE7 Fix */
*:first-child+html #coverflow{
top: -260px;
height:360px;
}
/*IE6 Fix */
* html #coverflow{
top: -450px;
height:380px;
}

#coverflow img { 
	position:absolute; 
	top:0px;
	border:none;
}
#coverflow h1 {
	text-align:center;
}
#coverflow a{
	color:#fff;
}
#coverflow .clear{
	clear:both;
}
#coverflow #images{

	visibility:hidden;
	margin:-130px -80px 0px 60px; /*perche devo mettere questo margine se è dentro un div??*/
	
}
/*IE7 Fix */
*:first-child+html #coverflow #images{
margin-top: 0px;
}
/*IE6 Fix */
* html #coverflow #images{
margin-top: 0px;
}
#coverflow #loading{
	margin:0px;
	text-align:center;
	width:600px;
	color:#fff;
}
#coverflow #loading img{
	margin:100px 0px 0px 0px;
	position:relative; 
}
#coverflow #captions{
	font: 10pt/8pt Arial, Helvetica, sans-serif;
	position:relative; 
	text-align:center;
	width:135px;
	z-index:10000;
	padding:8px 0px;
	color:#3E57A7;
	background: url(../pics/bgCaption.png) no-repeat center center;
	visibility:hidden;
}
/*IE6 Fix */
* html #coverflow #captions{
	background: url(../pics/bgCaption.gif) no-repeat center center;
}
#coverflow #scrollbar{
	visibility:hidden;
	position:relative; 
	padding-top:45px;
	background: url(../pics/scrollbar.png) no-repeat center bottom; 
	z-index:10001;
}
/*IE6 Fix */
* html #coverflow #scrollbar{
padding-top:25px;
visibility:visible;
height: 1px;
	background: url(../pics/scrollbar.png) no-repeat center bottom; 

	
}
#coverflow #slider{
	position:absolute;
	margin-top:-5px;
	margin-left:-5px;
	z-index:10002;
	background-image:url(../pics/slider.png);
	background-repeat:no-repeat;
	width:15px;
	height:11px;	
}
/*IE6 Fix */
* html #coverflow #slider{
	background-image:url(../pics/slider.jpg);

}
#coverflow #imageflow{

	margin-left:0px;
	text-align:left;
	padding:0px;
	}
#coverflow #changelog{
	width:149px;
	border-right:solid 1px #666;
	float:left;
	margin-top: 15px;
}
#coverflow #changelog div{
	text-align: justify;
	padding: 0 15px 5px 15px;
}