/*-- Reset --*/

html {
  color: #000;
  background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code, 
form, fieldset, legend, 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;
}
li {
  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: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input, textarea, select {
  *font-size: 100%;
}
legend {
  color: #000;
}

/*-- Layout --*/

body {
  font-size: 62.5%; /* base 10 px */
  margin: 0;
  padding: 0;
}
	#wrapper {
	  color: #CDCDCD;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #E6388D;
	}
		#header {
		  height: 7.1em;
		  position: absolute;
		}
			#header #header-content {
			  max-width: 87em;
			  padding: 0 5.2em;
			  margin: 0 auto;
			}
				#header #header-content a.logo {
				  width: 17.4em;
				  height: 3.1em;
				  display: block;
				  background: url(../images/logo-copiaincolla.png) no-repeat top left;
				  float: left;
				  margin-top: 3em;
				}
					#header #header-content  a.logo h1 {
					  text-indent: -99999em;
					}
				#header #header-content #nav {
				  float: right;
				  margin-top: 3.5em;
				}
					#header #header-content #nav li {
					  display: inline;
					  float: left;
					  border-left: .1em solid #CDCDCD;
					  padding: 0 .9em;
					  height: 1.6em;
					  width: 5em;
					}
						#header #header-content #nav li.icon {
						  width: 2em;
						}
						#header #header-content #nav li:first-child {
						  border-left: none;
						}
						#header #header-content #nav li a {
						  text-decoration: none;
						  font-size: 1.4em;
						}
							#header #header-content #nav li a.sound {
							  width: 17px;
							  height: 26px;
							  background: url(../images/icon-sound.gif) no-repeat top left;
							  display: block;
							  margin-top: -.5em;
							}
							#header #header-content #nav li a.no-sound {
							  background: url(../images/no-sound.png) no-repeat top left;
							}
								#header #header-content #nav li a.sound:hover {
								  background: url(../images/icon-sound.gif) no-repeat 0 -26px;
								}
							#header #header-content #nav li a.youtube {
							  width: 24px;
							  height: 24px;
							  background: url(../images/icon-youtube.png) no-repeat top left;
							  display: block;
							  margin-top: -.2em;
							}
								#header #header-content #nav li a.youtube:hover {
								  background: url(../images/icon-youtube.png) no-repeat 0 -24px;
								}
							#header #header-content #nav li a.facebook {
							  width: 24px;
							  height: 24px;
							  background: url(../images/icon-facebook.png) no-repeat top left;
							  display: block;
							  margin-top: -.2em;
							}
								#header #header-content #nav li a.facebook:hover {
								  background: url(../images/icon-facebook.png) no-repeat 0 -24px;
								}
		#content.texture-background {
		  background: #E11279 url(../images/texture.png) repeat;
		  margin-top: 25px;
		}
		#content {
		  text-align: center;
		  color: #FFF;
		  background: #E11279;
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 576px;
		}
			#content strong {
			  font-size: 1.2em;
			  margin-top: 15em;
			  display: block;
			}
			#content a {
			  color: #FFF;
			  text-decoration: none;
			}
				#content a:hover {
				  text-decoration: underline;
				}
		#footer {
		  position: absolute;
		  top: 576px;
		  text-align: center;
		  height: 3em;
		  padding-top: 4.1em;
		}
		#header, #footer {
		  width: 100%;
		  background-color: #FFF;
		  z-index: 10;
		}
		
/*-- text --*/

p {
  font-size: 1.1em;
}
a {
  color: #CDCDCD;
}
	a:hover {
	  color: #999;
	  text-decoration: none;
	}
	
/*-- portfolio --*/

#portfolio-menu {
  background-color: #000;
  height: 113px;
  width: 100%;
}
	#portfolio-menu #portfolio-menu-content {
	  width: 87em;
	  height: 29px;
 	  padding: 84px 5.2em 0 5.2em;
  	  margin: 0 auto 0 auto;
	}
		#portfolio-menu #portfolio-menu-content ul {
		 float: right;
		}
			#portfolio-menu #portfolio-menu-content ul li {
			  display: inline;
			  float: left;
			  padding: 0 1em;
			}
				#portfolio-menu #portfolio-menu-content ul li a {
				  font-size: 1.3em;
				  color: #737373;
				}
					#portfolio-menu #portfolio-menu-content ul li a.current {
					  color: #FFF;
					}
					#portfolio-menu #portfolio-menu-content ul li a:hover {
					  color: #CDCDCD;
					  text-decoration: none;
					}
#portfolio {
  width: 87em;
  overflow: hidden;
  padding-top: 11px;
  margin: 0 auto;
}
		#portfolio ul li {
		  display: inline;
		  float: left;
		}
			#portfolio ul li a {
			  margin-right: 1em;
			}
				#portfolio ul li a img {
				  width: 431px;
				  height: 431px;
				}
/*-- lightbox --*/
body #jquery-overlay {
}
body #jquery-texture {
  background: url(../images/texture-video.png) repeat-x;
  position: absolute;
  top: 0;
  z-index: 91;
}
body #lightbox-container-image {
  padding: 0;
}
body #lightbox-nav a {
  position: fixed;
}
body #lightbox-container-image-data-box {
  background-color: transparent;
  left: 75px;
  position: relative;
  top: -530px;
  z-index: 110;
  overflow: visible;
}
body #lightbox-image-details-caption {
  display: block;
  font-weight: normal;
  position: absolute;
  top: 168px;
  left: 480px;
  width: 20em;
  font-size: 1.1em;
}
body #lightbox-image-details-caption strong {
  font-weight: bold;
}
body #lightbox-image-details-currentNumber {
  display: none;
  visibility: hidden;
}
body #lightbox-container-image-data #lightbox-image-details {
  color: #FFF;
}
body #lightbox-secNav-btnClose {
  position: relative;
  cursor: pointer;
}
body #lightbox-container-image-box {
  background-color: #111;
}

/*-- jcarousel --*/
.jcarousel-container {
  position: relative;
}
.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  left: 210px;
  /*overflow: hidden;*/
  position: relative;
}
.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.jcarousel-list li,
.jcarousel-item {
  float: left;
  list-style: none;
  width: 430px;
  height: 430px;
  margin-right: 10px;
}
div.jcarousel-prev {
  display: block;
  width: 42px;
  height: 42px;
  background: url(../images/arrow-left.png) no-repeat;
  position: fixed;
  top: 300px;
  left: 0;
  z-index: 9;
}
	div.carousel-prev:hover {
	  background: url(../images/arrow-left.png) no-repeat 0 -42px;
	}
div.jcarousel-next {
  display: block;
  width: 42px;
  height: 42px;
  background: url(../images/arrow-right.png) no-repeat;
  position: fixed;
  top: 300px;
  right: 0;
  z-index: 9;
}
	div.carousel-next:hover {
	  background: url(../images/arrow-right.png) no-repeat 0 -42px;
	}

/*-- schermata texture video --*/

.boxgrid { 
  width: 431px; 
  height: 431px;  
  float: left; 
  background: #161613; 
  overflow: hidden; 
  position: relative; 
}	
.boxcaption { 
  float: left; 
  position: absolute; 
  background: url(../images/texture.png) repeat; 
  height: 431px; 
  width: 100%;
}
.captionfull .boxcaption {
  top: 0;
  left: 0;
}

/*-- contatti --*/
#content #contacts {
  text-align: left;
  margin: 0 auto;
  padding-top: 86px;
  width: 87em;
}
	#content #contacts #map {
	  float: left;
	  margin-right: 17.5em;
	}
		#content #contacts #map a.google-maps {
		  width: 16em;
		  background: url(../images/logo-google.png) no-repeat top left;
		  padding: .7em 0 .4em 6em;
		  display: block;
	  	  font-size: 1.1em;
	  	  margin-top: 10px;
		}
			#content #contacts #map a.google-maps:hover {
			  text-decoration: none;
			}
		#content #contacts #information h1 {
		  font-size: 1.5em;
		  font-weight: bold;
		  margin-bottom: 10px;
		} 
		#content #contacts #information p {
		  font-size: 1.3em;
		  line-height: 1.4em;
		}
	#content #contacts #information {
	  margin-top: 36px;
	  }
		
/*-- correzioni IE7 --*/		

.win.ei7 #portfolio {
  max-width: 8em;
  overflow: hidden;
}
.win.ie7 .jcarousel-list {
  left: 210px;
}
.win.ie7 body #wrapper #portfolio div.jcarousel-container div.jcarousel-clip {
  overflow: hidden;
  left: 0;
}