/*
	Site design & code by Kathe Kennedy WUI 2
*/

/*---------- CSS RESET ----------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var 
{font-style:normal; font-weight:normal;}ol,ul{ list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}q:before,q:after{content:'';}*{outline: none;}

a, a:visited {color: #fff;text-decoration: none;}	
a:active {
  outline:none;
}
	
/*---------- MAIN CSS ----------*/

body {
	background-attachment: fixed;
	background-image: url(images/bkgd.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
p {
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	font-size: 7px;
	margin-bottom: 1px;
	font-weight: normal;
	color: #424242;
	letter-spacing: 0.05em;
	}

h1 {
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	font-size: 9px;
	margin-bottom: 1px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
h2 {
	font-size: 10px;
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	text-align: left;
	color: #000;
	font-weight: bold;
	padding-left: 33px;
	display: block;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 20px 2px;
	height: 10px;
	padding-bottom: 5px;
}
h3 {
	margin-bottom: 7px;
	letter-spacing: 0.01em;
	color: #3E3E3E;
	font-size: 1em;
	font-family: "droid-sans-1","droid-sans-2", Tahoma, Geneva, sans-serif;
	letter-spacing: 0.05em;
}
h4 {
	font-size: 14px;
	color: #FFF;
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
h5 {
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 10px;
	margin-bottom: 1px;
	font-weight: bold;
	color: #000;
	letter-spacing: 0.05em;
	text-align: justify;
}
h6 {
	font-size: 12px;
	color: #000;
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
.a2 {
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 10px
	font-weight: bold;
	color: #333;
}
.a2:link {
	color: #333;
	text-decoration: underline;
}
.a2:visited {
	color: #333;
	text-decoration: underline;
}
.a2:hover {
	color: #00F;
	text-decoration: underline;
}
.a2:active {
	color: #999;
	text-decoration: underline;
}


/*------ CLASSES ----------*/

.hrshadow{height: 40px;background: transparent url('images/hr-shadow.png') no-repeat bottom center;}
.content {
	width: 930px;
	padding: 0;
	margin: 0 auto;
}
.maincontent {
	height:930px;
	overflow:visible;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.clear { clear: both;}
.left {
}
.right {float: right;}
.center {text-align: center;margin-left: auto;margin-right: auto;}
.onecolumn {width: 300px;margin: 20px 0;}
.twocolumn {width: 640px;}
.small {font-size: .65em;}

/*---------- NAVBAR ----------*/


.navbar-wrapper {
	/*	background-color: rgba(0, 0, 0, 0.2); */
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

.navbar {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	position: absolute;
}

.logowrapper {
	height: 62px;
	width: 178px;
	float: left;
	padding: 15px;
}

.logo {
	background: transparent url('images/logo.png');
	height: 150px;
	width: 249px;
	float: left;
}


/*---------- MENU ----------*/

.menu {
	width: 480px;
	height: 43px;
	float: right;
	display: inline;
}

.menu li{
	width: 96px;
	height: 43px;
	float: left;
	display: inline;
	text-indent: -9999px;
}

.menu li a{
	width: 96px;
	height: 43px;
	float: left;
	display: inline;
	text-indent: -9999px;
}

.menu li a.btindustry{width: 96px;height: 43px;background: transparent url(images/menu.png) no-repeat 0px -86px;}
.menu li a.btindustry:hover{background-position: 0px -43px;}
.menu li a.btindustry:active{background-position: 0px -41px;}
#pageindustry #industry .menu li a.btindustry{background-position: 0px 0px;}

.menu li a.btservizi{width: 96px;height: 43px;background: transparent url(images/menu.png) no-repeat -97px -86px;}
.menu li a.btservizi:hover{background-position: -97px -43px;}
.menu li a.btservizi:active{background-position: -97px -41px;}
#pageservizi #servizi .menu li a.btservizi{background-position: -97px 0px;}

.menu li a.bthistory{width: 96px;height: 43px;background: transparent url(images/menu.png) no-repeat -194px -86px;}
.menu li a.bthistory:hover{background-position: -194px -43px;}
.menu li a.bthistory:active{background-position: -194px -41px;}
#pagehistory #history .menu li a.bthistory{background-position: -194px 0px;}

.menu li a.btgallery{width: 96px;height: 43px;background: transparent url(images/menu.png) no-repeat -291px -86px;}
.menu li a.btgallery:hover{background-position: -291px -43px;}
.menu li a.btgallery:active{background-position: -291px -41px;}
#pagegallery #gallery .menu li a.btgallery{background-position: -291px 0px;}

.menu li a.btcontatti{width: 96px;height: 43px;background: transparent url(images/menu.png) no-repeat -388px -86px;}
.menu li a.btcontatti:hover{background-position: -388px -43px;}
.menu li a.btcontatti:active{background-position: -388px -41px;}
#pagecontatti #contatti .menu li a.btcontatti{background-position: -388px 0px;}




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



/*-- HOME --*/

#header {
	height: auto;
}
#homeSil {
	height: 380px;
	width: 375px;
	padding-top: 5px;
	float: left;
	padding-left: 35px;
}
#homeBble {
	height: 350px;
	width: 417px;
	float: right;
	background-image: url(images/bb-aniGALLERY.gif);
	background-repeat: no-repeat;
	margin-top: -84px;
	padding-left: 69px;
	padding-top: 49px;
}
#homeTagline {
	background:#0F0
	height: 50px;
	width: 480px;
	float: right;
	text-align: right;
	height: 11px;
}
.homeText {
Tahoma, Geneva, sans-serif;
	font-size: 2.2em;
	text-align: right;
}
.homeGreenText {
	color: #339933;
}
.homeBlackTextSM {
	font-size: 0.7em;
}

/*-- INDUSTRY --*/

#industry {
	height: auto;
}
#industryText {
	float: left;
	height: 380px;
	width: 420px;
	text-align: left;
	margin-top: 0px;
}
#industyBble {
	background-image: url(images/industry-bble.png);
	float: right;
	height: 399px;
	width: 404px;
	margin-right: -42px;
	margin-top: -57px;
}

#industrySil {
	background-image: url(images/industry-sil.png);
	background-repeat: no-repeat;
	height: 413px;
	width: 138px;
	float: left;
	margin-top: -10px;
	margin-left: -35px;
	margin-right: 30px;
}
.industryGreenText {
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	color: #339933;
	font-size: 1.4em;
	font-weight: 600;
}
.industryGreenTextNB {
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	color: #339933;
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding-left: 0.1em;
}
.industryBlackText {
	font-family: "droid-sans-1","droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	padding-left: 0.1em;
	font-weight: 300;
}

/*-- INDUSTRY --*/

#industry {
	height: auto;
}
#industryText {
	float: left;
	height: 380px;
	width: 420px;
	text-align: left;
	margin-top: 0px;
}
#industyBble {
	background-image: url(images/industry-bble.png);
	float: right;
	height: 399px;
	width: 404px;
	margin-right: -42px;
	margin-top: -57px;
}

#industrySil {
	background-image: url(images/industry-sil.png);
	background-repeat: no-repeat;
	height: 413px;
	width: 138px;
	float: left;
	margin-top: -10px;
	margin-left: -35px;
	margin-right: 30px;
}
.industryGreenText {
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	color: #339933;
	font-size: 1.4em;
	font-weight: 600;
}
.industryGreenTextNB {
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	color: #339933;
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding-left: 0.1em;
}
.industryBlackText {
	font-family: "droid-sans-1","droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	padding-left: 0.1em;
	font-weight: 300;
}

/*-- SERVIZI --*/

#servizi {
	height: auto;
}
#serSil {
	width: 253px;
	background-image: url(images/services-sil.png);
	background-repeat: no-repeat;
	height: 380px;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
	clear: left;
}

/*-- HISTORY --*/

#history {
	height: auto;
}
#historymenu{
	top:171px;
	z-index:5;
	visibility: visible;
	height: 200px;
	width: 180px;
	margin-top: 50px;
	right: -80px;
	margin-left: 10px;
	float: left;
}
#historybbles {
	float: right;
	height: 400px;
	width: 700px;
	margin-top: -70px;
	margin-right: -15px;
}

#historybblesh1 {
	float: right;
	height: 400px;
	width: 700px;
	margin-top: 0px;
	background-color: #33F;
	position: absolute;
	visibility: hidden;
}
#container {
	position:absolute;
	left:0;
	top:0;
	width:693px;
	height:431px;
	z-index:1;
}
#text {
	position:absolute;
	left:68px;
	top:53px;
	width:312px;
	height:316px;
	z-index:2;
}


/*-- GALLERY --*/

#gallery {
	height: auto;
}
#gallerypolaroid1 {
	height: 305px;
	width: 360px;
	float: left;
	margin-left: -60px;
	margin-top: -10px;
}
#galleryfun {
	float: right;
	height: 180px;
	width: 331px;
	margin-top: -30px;
}
#galleryvideo {
	height: 403px;
	width: 548px;
	float: right;
	clear: right;
	margin-top: -100px;
	margin-right: 80px;
}

/*-- CONTATTI --*/

#contatti {
	height: auto;
}
#contactcontainer {
	position:relative;
	height: 500px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#contactemails {
	position:absolute;
	left:-2px;
	top:0px;
	width:509px;
	height:454px;
	z-index:3;
}
#contactmap {
	left:0px;
	top:0px;
	width:509px;
	height:454px;
	z-index:4;
	float: left;
	margin-top: -20px;
	margin-left: 15px;
}
.contactmailcol1 {
	width: 170px;
	float: left;
	margin-left: 70px;
	margin-top: 180px;
	text-align: left;
}
.contactmailcol2 {
	float: right;
	width: 200px;
	margin-top: 70px;
	text-align: left;
	margin-right: 30px;
}
.contactmailcol3 {
	float: right;
	width: 175px;
	margin-top: 75px;
	text-align: left;
	margin-right: 55px;
	height: 60px;
}
#contactsil {
	left:531px;
	top:-62px;
	width:361px;
	height:512px;
	z-index:3;
	background-image: url(images/contatti-info.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: -60px;
	margin-right: 15px;
}
.contactmailicon {
	float: right;
	height: 60px;
	width: 60px;
	clear: left;
	margin-top: 70px;
	margin-right: 80px;
}
.contactaddress {
	float: left;
	width: 230px;
	margin-top: 85px;
	margin-left: 125px;
}
#contactaddressbb {
	position:relative;
	left:15px;
	top:-454px;
	width:509px;
	height:454px;
	z-index:4;
	float: left;
	background-image: url(images/contatti-name-mp.png);
	visibility: hidden;
}
.contacttel {
	width: 150px;
	float: right;
	margin-top: 35px;
}

.witecontextad {
	color: #efefef;
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}
.greencontextad {
	color: #55CC5E;
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
	line-height: 16px;
}
.blacktexttel {
	color: #000;
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
}
.greencontexttel {
	color: #339933;
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
}
.witecontext {
	color: #AEAEAE;
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.greencontext {
	color: #55CC5E;
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 9px;
	padding-top: 5px;
	font-weight: bold;
}
.a3 {
	color: #efefef;
	font-family: "droid-sans-1", "droid-sans-2", Tahoma, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.a3:link {
	color: #efefef;
	text-decoration: none;
}
.a3:visited {
	color: #efefef;
	text-decoration: none;
}
.a3:hover {
	color: #CCC;
	text-decoration: none;
}
.a3:active {
	color: #efefef;
	text-decoration: none;
}

/*-- FOTTER --*/


#footer {
	height: 70px;
	width: 100%;
	position:fixed;
	left: 0px;
	z-index: 11000;
	background-color: #000;
	bottom: 0px;
}
#fottercontainer {
	position:relative;
	width:990px;
	height:70px;
	z-index:3;
	margin-right: auto;
	margin-left: auto;
}
.greenfotext {
	color: #339933;
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.grayfotext {
	color: #999;
	font-family: "adrianna-1", "adrianna-2", Tahoma, Geneva, sans-serif;
	font-size: 8px;
}
#footerclo {
	left:0px;
	top:540px;
	width:930px;
	height:50px;
	clear: both;
	padding-top: 50px;
}
#sound{
	height: 50px;
	float: right;
	margin-top: 16px;
	width: 90px;
}
#fottertext {
	position:relative;
	height:34px;
	z-index:4;
	float: left;
	clear: left;
	margin-top: 27px;
	font-size: 7px;
	width: 500px;
}


/*---------- ICONS ----------*/

#mainicons {
	float: right;
	height: 70px;
	text-align: right;
	width: 390px;
}

#icons{
	float: right;
	width: 440px;
	height: 300px;
	text-align: center;
	padding: 0 0 15px 0;
}

#mainicons ul, #icons ul {
}
#mainicons ul li, #icons ul li{
	display: block;
	float: left;
	height: 55px;
	width: 55px;
	opacity: 1;
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
}

#mainicons ul li:hover, #icons ul li:hover {
	opacity: 0.6;
	}
#mainicons ul li:active, #icons ul li:active {
	opacity: 0.6;
	margin-top: 2px
	}
#footerwrapper {
	background-color: #096;
	width: 930px;
}


/*---------- IMAGES ----------*/
			#flashcontent1 {
	width: 347px;
	height:197px;
	float:left;
			}