@charset "utf-8";
/* CSS Document */
@font-face { font-family: font; src: url('../Rockwell%20Light.TTF'); } 

html, body  {
	height:auto;
	width:18000px;
	margin:0;
	padding:0;
	font: 14px  Arial, Helvetica, sans-serif;
	color: #ddd;
	overflow:hidden;
	background:#171717 url(../images/p10.jpg) no-repeat;
	text-align:left;
	min-height:700px;

}

#homei, #committeei, #contacti, #indiai, #galleryi, #eventi, #thanks  {
	visibility: visible;
	position: absolute;
	height:600px;
	width: 4000px;
	top: 0px;
	padding:0px;
}
	 
#indiai, #galleryi, {width:2000px	}
	
#homei		{	left:0px;		/*background-image:url(../images/homei.jpg);*/		}
#committeei {	left:4000px;	/*background-image:url(../images/committeei.jpg);*/		}
#indiai 	{	left:8000px;	/*background-image:url(../images/indiai.jpg);*/	}
#galleryi 	{	left:10000px;	/*background-image:url(../images/galleryi.jpg);*/		}
#eventi 	{	left:12000px;	/*background-image:url(../images/eventi.jpg);*/		}
#contacti 	{	left:16000px;	/*background-image:url(../images/contacti.jpg);*/	}
#thanks 	{	left:20000px;	/*background-image:url(../images/thanks.jpg);*/		}


p	{ 
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:20px;
	margin:0px 0 20px 0;
} 

a	{
	color: #ddd;
	text-decoration:none;
}
	
a:focus, a:hover {	
	text-decoration: none;
}

a:active {	
	color: #0ee;
	text-decoration: none;
}

ul {
	 margin-left:-2.75em; left:0; 
}

li { 
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	list-style-type: none;
	line-height:2.5em;	
	margin:0px;
}

h1, h2, h3, h4 {
	font-family: font, Arial, Helvetica, sans-serif;
	margin: 0;
	text-shadow: 0px 1px 1px #222;
}

h1 {
	font-size: 50px;
	margin: 0px 0 0px -2px;
	position:absolute;
	left:100px;
	top:151px;
	color:#fff;
	letter-spacing:-0.05em;
	text-shadow: 0px 0px 4px #000;
}

h2 {
	font:14px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:20px;
	margin: 0 0 20px 0px;
	text-shadow: 0px 0px 0px #222;
}
	
h3 {
	font-:italic 22px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 0px 0 20px 0px;
}

h4 {
	font:14px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:20px;
	margin: 0 0 0px 40px;
	text-shadow: 0px 0px 0px #222;
}


pre {
	font-size: 1.0em;
	line-height: 1.0em;
	overflow-x: auto;
}


.menu {
	position:absolute;
	width:800px;
	height:auto;
	left:100px;
	top: 67px;
}

.menu a{	
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	text-transform:capitalize;
	float:left;
	text-decoration:none;
	position:relative;
	left:-10px;
	padding: 15px 10px 15px 10px;
	color:#bbb;
	text-shadow: 0px 1px 1px #222;
}

#emf-form {
	float:left;
	position:relative;
	font: 12px Arial, Helvetica, sans-serif;
	top:244px;
	left:100px;
	width:405px;
	height: 250px;
	text-align:left;
	margin:0 50px 0 0;
}

#emf-form label {	
	float:left; 
	width:125px;
	margin: 3px 0 0 0; 
	color:#aaa
}

#name, #email, #message {
	float:left;	
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	padding: 2px 4px 3px 4px;
	width: 270px;
	margin:0px 0 16px 0;
	border:0;
	color: #777;	
	background:#fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
	background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #ccc);
	border:1px solid #eee;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#name:focus, #email:focus, #message:focus {
	background: #222;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
	background-image: -moz-linear-gradient(100% 100% 90deg, #ccc, #fff);
	border:1px solid #eee;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#message {
	height:135px;
	line-height:20px;
}

#send {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	width: 284px;
	beight:26px;
	background-color:#212121;
	margin:0px 0 0 124px;
	padding:10px;
	color: #ccc;
	text-shadow: 0px 1px 0px #222;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#363333), to(#22222a));
	background-image: -moz-linear-gradient(100% 100% 90deg, #22222a, #363333);
	border:1px solid #222;	
	border-top: 1px solid #4f444f;
	border-bottom: 1px solid #1d1d1d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
#send:hover {
	background-color:#222;
	background-image:
     -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333030), to(#202028));
	background-image:
     -moz-linear-gradient(100% 100% 90deg, #202028, #333030);
		color: #aaa;
	border:1px solid #202020;	
	border-top: 1px solid #3f3f3f;
	border-bottom: 1px solid #1d1d1d;
	padding: 9px 10px 11px 10px;
}
	
#send:focus, #send:active {
	background-color:#202020;
	background-image:
     -webkit-gradient(linear, 0% 0%, 0% 100%, from(#282428), to(#242428));
	background-image:
     -moz-linear-gradient(100% 100% 90deg, #242428, #282428);
	 	color: #888;

	border:1px solid #222;
	padding: 12px 10px 8px 10px;
}
	
ul.gallery {
	position:absolute;
	top:220px;
	left:98px;
	width: 900px;
	height:125px;
	border:none;
	list-style: none;
}
		
li.thumbs {	
	float: left;
	position: relative;
	list-style: none;
	width:130px;
	height: 130px;
	padding: 0px 0 0 0;
	margin-right: 5px;
	overflow:hidden;
	-webkit-box-shadow: 0px 1px 3px #111;
	-moz-box-shadow: 0px 1px 3px #111;
	box-shadow: 0px 1px 3px #111;
	opacity: 1.0;
}

li.thumbs img {			
	border:0px;
	padding:0;
	margin:0px 0 0 0;
}

.serviceslist {
	font-size: 1.42em;
	text-transform: uppercase;
}

#copyright {
	position: fixed;
	font-size:0.65em;
	color:#666;
	width:auto;
	bottom:10px;	
	left:100px;
}

.box { 
	position:relative;
	float:left;
	left:100px;
	top:	220px;
	width:	400px;
	height:	auto;
	overflow:hidden;
	margin:0 20px 0 0;	
}

.box2 { 
	position:relative;
	float:left;
	left:100px;
	top:	290px;
	width:	250px;
	height:	auto;
	overflow:hidden;
	margin:0 20px 0 0;	
}

.box3 { 
	position:relative;
	float:left;
	left:100px;
	top:	220px;
	width:	350px;
	height:	auto;
	overflow:hidden;
	margin:0 20px 0 0;	
}

.boxfull { 
	position:relative;
	float:left;
	left:100px;
	top:	280px;
	width:	250px;
	height:	auto;
	overflow:hidden;
	margin:0 20px 0 0;	
}

.boxfull1 { 
	position:relative;
	float:left;
	left:100px;
	top:	220px;
	width:	250px;
	height:	auto;
	overflow:hidden;
	margin:0 20px 0 0;	
}


.boxfull{
	width:1000px;
}
.boxfull1{
	width:1000px;
}


.box2{
	width:150px;
}
.box3{
	width:1000px;
	height:350px;
	-moz-column-count: 5; 
	-moz-column-gap: 20px; 
	-moz-column-rule: 0px solid black; 
	-webkit-column-count: 5; 
	-webkit-column-gap: 20px; 
	-webkit-column-rule: 0px solid black;
}
	
li.hidden {	
	visibility:hidden; 
	text-decoration:none; 
	border:0;
}