@charset "utf-8";
body {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	border: none;
	border-color: transparent;
}
#container {
	width: 968px;
	background: #FFF;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	border: none;
	border-color: transparent;
}
#container h1 {
	position: absolute;
	top: -500px;
}
#socialmedia ul li {
	display: inline;
}
#banner {
	position: relative;
}
#check_menu {
	position: absolute;
	top: 100px;
	right: 0px;
	bottom: 0px;
	font-size: 11px;
}
#main_image {
	background-image: url(../images/main2.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#producten {
	background-image: url(../images/aboutfoto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#main_text {
	background-color: transparant;
	width: 264px;
	height: 62px;
	line-height:1.2;
	font-family:"Arial", Arial, Helvetica, sans-serif;
	padding: 12px;
	left: 473px;
	right: 60px;
	bottom: 278px;
	position: absolute;
	opacity:0.8;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
#quote {
	font-family: "Tahoma";
	font-size: 14px;
}
#quote1 {
	font-family: "Tahoma";
	font-size: 15px;
	color: #4c4c4c;
	text-align: left;
}
#left_column, #center_column, #right_column {
    width: 316px;
	float:left;
}
#logo1, #logo2, #logo3, #logo4, #logo5, #logo6 {
	width: 159px;
	float: left;
}
#logo2, #logo3 { 
	margin-left: 6px;
}
#left_column1 {
	width: 632px;
	float: left;
}
#right_column1 {
	float:right;
}
#center_column, #right_column {
  margin-left: 10px;
}
p {
	margin-top: 1em;
}
#about_image {
	background-image: url(../images/product2.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#studioitalia_image {
	background-image: url(../images/italia.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#puntozero_image {
	background-image: url(../images/puntozero.png);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#restaurantone_image {
	background-image: url(../images/one.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#astro_image {
	background-image: url(../images/astro.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#panasonic_image {
	background-image: url(../images/panasonic_image.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#iludesign_image {
	background-image: url(../images/slide01.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#iluproject_image {
	background-image: url(../images/project.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 376px;
	width: 968px;
}
#h1 {
	font-size: 16px;
}
#footer {
	clear: both ;
	border-top: groove #cc3333 1px;
	text-align: center ;  
}
#textindex {
	text-align: center ;
	color: #4c4c4c ;
}
#text {
	color: #4c4c4c ;
}
#crossfade > img { 
    width: 968px;
    height: 376px;
	background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}
#crossfade > img:nth-child(2)  {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade > img:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > img:nth-child(4) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > img:nth-child(5) {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}#studioitalia_image #main_text #quote1 strong {
	color: #FFFFFF;
	font-size: 14px;
}
#studioitalia_image #main_text #quote1 #quote1 {
	color: #999999;
	font-size: 14px;
	font-weight: bold;
}
.front {
	color: #000;
	font-weight: bold;
	text-align: center;
}
#studioitalia_image #main_text #quote1 .front2 {
	color: #FF0000;
}
#studioitalia_image #main_text #quote1 .front23 {
	color: #FFF;
}
#studioitalia_image #main_text #quote1 .front {
	text-align: left;
	color: #FFF;
}