@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; font:normal 12px Arial, Helvetica, sans-serif; background-color:#fdf2dd; color:#777; line-height:20px;}
.wrapper{width:960px; margin:0 auto; background-color:#FFF; position:relative;}
.header{height:100px; background:url(/images/bgheader1.jpg) no-repeat top center; padding:25px 10px;}
.logo{float:left; margin:5px 10px 0 0;}
.bnrs{ margin-bottom:10px;}

/* Clear Fix */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Common Classes */
.flLeft{float:left;}
.flRight{float:right;}
.margin{margin-top:20px;}


/* Main Navigation */
.mainNav{background:url(/images/bg-main-nav.png) no-repeat;}
.mainNav ol{float:left; margin-top:35px;}
.mainNav li{float:left;}
.mainNav a{display:block; #display:inline-block; height:35px;}
.mainNav a:hover{background-position:0 -35px;}
.mnHome{width:88px; background:url(/images/main-nav/home.png) no-repeat;}
.mnAboutUs{width:91px; background:url(/images/main-nav/aboutus.png) no-repeat;}
.mnProjects{width:91px; background:url(/images/main-nav/projects.png) no-repeat;}
.mngallery{width:115px; background: url(../images/main-nav/project-gallery.png) no-repeat;}
.mnResources{width:104px; background:url(/images/main-nav/resources.png) no-repeat;}
.mnCertifications{width:115px; background:url(/images/main-nav/certifications.png) no-repeat;}
.mnContactUs{width:107px; background:url(/images/main-nav/contactus.png) no-repeat;}
/*subnav*/
.subNav{}
.subNav ul li a{width:170px; line-height:30px; padding-left:15px; font-size:15px; color:#4a4a4a; text-decoration:none; display:block;background: url(/images/bgProjectTabs.jpg) no-repeat 0 -30px;}
.subNav ul li a:hover{background: url(/images/bgProjectTabs.jpg) no-repeat 0 0; line-height:30px; color:#fff; }
/* pageArea */
.pageContent{margin:0 10px; clear:both; width:940px; background-color:#fff; position:relative; padding-bottom:20px; position:relative;  min-height:600px; height:auto !important; height:600px; *min-height:600px; }
.pageData{margin:10px 15px;}
.pageContentLeft{width:750px; float:left}
.pageContentLeft img{margin:10px 15px 0px 0;}
.pageContentLeft b{text-decoration:underline;}
.pageContentRight{width:190px; float:left}

.pageContentLeft h1{color:#933; font-size:16px; line-height:22px; font-weight:bold;}
.pageContentLeft h5{color:#933; font-size:14px; margin-top:20px; font-weight:bold;}

ol.star{margin:10px; padding:0;}
ol.star li{margin:5px 0; padding:0 0 8px 25px; list-style:none; background:url(/images/icons/star.gif) no-repeat ; border-bottom:1px dotted #e5e5e5}

ol.bulletedList{margin:10px; padding:0;}
ol.bulletedList li{margin:5px 0; padding:0 0 8px 25px; list-style:none; background:url(/images/icons/tick.gif) no-repeat 5px 5px; border-bottom:1px dotted #e5e5e5}

ol.twoList{margin:10px; padding:0; width:700px;}
ol.twoList li{margin:3px 0 3px 0; padding:0 0 2px 25px; list-style:none; background:url(/images/icons/tick.gif) no-repeat 5px 5px; border-bottom:1px dotted #e5e5e5; float:left; width:200px;}

ol.certificates{}
ol.certificates li{margin:5px 25px 15px 5px; list-style:none; border-bottom:1px dotted #e5e5e5; width:310px; float:left;}


/* Table Header */
.tblData{background-color:#F3F3F3; padding:5px 5px 5px 5px; clear:left; margin:10px 0;}
.tblData table{width:100%; background:url(/images/tblbg.png) repeat-x #FDF9FA; border:1px solid #fff;}
.tblData table th{color:#660000; font-weight:bold; padding:5px 10px; font-size:13px; border-top:1px solid #999; border-left:1px solid #D6D8D3;}
.tblData table td{padding:5px 10px; border-top:1px solid #D6D8D3; border-left:1px solid #D6D8D3;}
.tblData table td.row1{background-color:#e9f8d7;}
.tblData table.dataTable td,.tblData table.dataTable th{padding:0; text-align:center;}
.showHide{background:url(/images/icons/icon_plus.gif) no-repeat 12px 10px #f8f8f8;  padding:5px 0; border:1px dotted #eee; position:relative}
.showHide a{margin-left:30px; color:#666; font-weight:bold; display:inline}
.displayNone{display:none;}

/*projects*/
.projects{margin-bottom:20px; position:relative;}
.projects ol li{background:url(/images/picture_frame.png) no-repeat top left; text-align:center; margin:12px 10px 0 0; height:109px; width:132px; float:left;}
.projects ol li img{margin:2px;  opacity:0.85; filter:alpha(opacity=90);}
.projects ol li a:hover img{opacity:1; filter:alpha(opacity=100);}

/* footer */
.footer{ margin:0 auto; height:30px; position:relative; color:#fff; width:960px; margin-top:10px; }


/* pglinks */
.pgHome .mnHome, .pgAboutUs .mnAboutUs, .pgProjects .mnProjects, .pgProjectgallery .mngallery, .pgServices .mnServices, .pgResources .mnResources, .pgCertifications .mnCertifications, .pgContactUs .mnContactUs{background-position:0 -35px;}


/* @group Home Slider */

#home #slider {
	width: 940px;
	position: relative;
	left: 0;
	background-color:#CCCCCC
	}

#home #slider .bot {
	position: absolute;
	bottom: 0;
	width: 940px;
	height: 4px;
	background-image: url(../img/serv-home-bot-bg.gif);
	}

#home .scroll {
	height: 300px;
	width: 940px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	}

#home .scrollContainer div.panel {
	height: 300px;
	width: 940px;
	}

.scrollButtons {
	position: absolute;
	cursor: pointer;
	}
	
.scrollButtons:hover {
	margin-top: 1px;
	}

#home .scrollButtons.left {
	top: 260px;
	left: 30px;
	z-index: 100;
	}

#home .scrollButtons.right {
	top: 260px;
	right: 840px;
	z-index: 100;
	}
#servizi-home .img-servizio {
	position: absolute;
	right: 0;
	top: 0;
	}
	
.scrollContainer div.panel {
	width: 940px;
	float: left;
	}
	

/* @end */