/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin: 0; padding: 0; }

* { 
	margin: 0;
	padding: 0;
}

/* HTML ELEMENTS */
body { 
	/*background-color: #222;*/
	background: url(../images/background.png) repeat; 
	font: 62.5% Arial, Helvetica, sans-serif;
	letter-spacing: 1; 
}

/* COMMON CLASSES */
.break { clear: both; }

h1 { text-shadow: 1px 1px 1px #FFF; }

ul { list-style: none; }

#wrap { 
	margin: 0 auto;
	width: 960px;
}

/* HEADER */
.header { /*height: 800px; */height: 640px; margin-top: 10px; }
#pages { /*height: 800px; */height: 150px; margin-top: 10px; }


.headerimg { 
	background-position: center top; 
	background-repeat: no-repeat; 
	width: 960px;
	/*width: 100%; */
	height: 800px; 
	position: absolute;
}

/* NAVIGATION */
#nav-outer { 
	height: 110px; 
	padding-top: 16px; 
	background-image: url("../images/headerbg.png");
}
#nav-outer2 { 
	height: 110px; 
	padding-top: 16px; 
	background-image: url("../images/headerbg2.png");
}

#navigation { 
	height: 50px; 
	width: 960px; 
	margin: 0 auto;
	margin-left: 20px;
	background-image: url("../images/logo.png"); 
	background-position: top left; 
	background-repeat: no-repeat; 
}

#search { 
	float: right; 
	width: 220px; 
	padding: 10px;
}
#search img { padding: 30px 20px 0 0; }
/* SEARCH 
#searchtxt { 
	padding: 3px; 
	width: 150px;
}
#searchbtn { 
	border: 1px solid #900;
	background-color: #CD2B3A; 
	color: #eee; 
	padding: 3px; 
	margin-left: 5px;
}

#searchbtn:hover { 
	border: 1px solid #C00 !important; 
	background-color: #CD2B3A; 
	color: #eee; 
	padding: 3px; 
	margin-left: 5px;
}
*/
/* MENU */
#menu { 
	position: relative; 
	top: 55px; 
	font-size: 16px;
}
#menu ul { list-style: none; }
#menu ul li { 
	display: inline; 
	font-variant: small-caps;
	background: url(../images/menu-bg.png);
	padding: 5px 10px;
	margin-right: 5px;
}
#menu ul li a { 
	color: white; 
	text-decoration: none; 
	font-weight: bold; 
}
#menu ul li a:hover { text-decoration: underline; }
.sub-menu { 
	background: none;
	display: none;
	padding-top: 12px;
	font-size: .7em;
}
li#lostudio ul { 
	display: none;
	position: absolute;
	left: 20px;
}
.sub-menu li { padding: 3px !important; }


/* HEADER TEXT
#headertxt { width: 800px; margin: 0 auto; clear: both; position: relative; top: 230px; } 
#firstline { background-image: url("../images/textbg.png"); color: #333; font-size: 20px; padding: 4px 13px 7px; float: left; display: block; }
#secondline { background-image: url("../images/textbg.png"); color: #CD2B3A; text-decoration: none; font-size: 60px; padding: 0 13px 10px; float: left; display: block; clear: both; } 
#secondline:hover { text-decoration: underline; color: #7F000C; }

.pictured { background-color: #CC3333; color: #FFF; padding: 5px 12px; text-transform: uppercase; float: left; display: block; clear: both; margin-top: 10px; }
.pictured a { font-size: 16px; font-style: italic; letter-spacing: 0; text-transform: none; color: #FFF; text-decoration: none; }
.pictured a:hover { text-decoration: underline; }
 */
 
/* CONTROLS */
.btn { height: 32px; width: 32px; float: left; cursor: pointer; }
#back { background-image: url("../images/btn_back.png"); }
#next { background-image: url("../images/btn_next.png"); }
#control { background-image: url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position: relative; top: 037px; /*top: 400px;*/ margin: 0 auto; width: 960px; }
#headernav { /*padding-left: 864px;*/ padding-left: 864px; }

/* CONTENT */
#content { color: #575757; /*background-color: #111;*/ background: url(../images/background.png) repeat; font-size: 16px; border: 1px solid #000; }
.raise { position: relative; top: -24px; }
#content p { padding: 10px 20px; /*width:  960px;*/  margin: 0 auto; }
#big { font-size: 2em; font-weight: bold; padding: 10px 20px; margin: 0 auto; text-shadow: 1px 1px 1px #FFF; }
#content p a { text-decoration: none; color: #CD2B3A; }
#content p a:hover { text-decoration: underline; color: #7F000C; }

#infos { padding-left: 20px; }

#infos img { 
	margin-top: 20px;
	padding: 10px; 
	border-right: 2px solid #333;
	float: left; 
	margin-right: 20px;
}

#infos h1, #infos p { padding: 50px 20px 0 20px; }

#infos p {
	text-align: justify;
	line-height: 1.5;	
	padding-top: 70px;
}

#where { padding: 50px 20px; }

#where iframe { float: left; padding: 0 50px; margin-bottom: 50px; }

.project {
	width: 150px;
	height: 150px;
	border: 5px solid #fff;
}

.project img { width: 150px; height: 150px; }

.project p { 
	background: url(../images/headerbg2.png) repeat;
	color: #CD2B3A;
	position: relative;
	height: 30px;
	overflow: hidden;
	top: -81px;
	font-size: 10px;
}

.date { font-size: 1.5em; position: relative; top: -155px; left: 47px; color: #CD2B3A; }

#alfonso {
	background: url(../images/alfonso.jpg) no-repeat;
	width: 400px;
	height: 297px;
	display: block;
	float: left;
	border: 5px solid #fff;
	margin: 20px;
}
	
#alfonso p {
	background: url(../images/headerbg.png) repeat;
	color: #fff;
	position: relative;
	height: 50px;
	overflow: hidden;
	top: 247px;
	font-size: 14px;
	padding: 0 20px;
	line-height: 50px;
	text-align: justify;
}

#guido {
	background: url(../images/guido.jpg) no-repeat;
	width: 300px;
	height: 400px;
	display: block;
	float: left;
	border: 5px solid #fff;
	margin: 20px;
}

#guido p {
	background: url(../images/headerbg.png) repeat;
	color: #fff;
	position: relative;
	height: 50px;
	overflow: hidden;
	top: 350px;
	font-size: 14px;
	padding: 0 20px;
	line-height: 50px;
	text-align: justify;
}

#seby {
	background: url(../images/seby.jpg) no-repeat;
	width: 300px;
	height: 400px;
	display: block;
	float: left;
	border: 5px solid #fff;
	margin: 20px;
}

#seby p {
	background: url(../images/headerbg.png) repeat;
	color: #fff;
	position: relative;
	height: 50px;
	overflow: hidden;
	top: 350px;
	font-size: 14px;
	padding: 0 20px;
	line-height: 50px;
	text-align: justify;
}	

#chiara {
	background: url(../images/chiara.jpg) no-repeat;
	width: 300px;
	height: 199px;
	display: block;
	float: left;
	border: 5px solid #fff;
	margin: 20px;
}

#chiara p {
	background: url(../images/headerbg.png) repeat;
	color: #fff;
	position: relative;
	height: 50px;
	overflow: hidden;
	top: 149px;
	font-size: 14px;
	padding: 0 20px;
	line-height: 50px;
	text-align: justify;
}	


#slider { 
	margin-top: 50px; 
	border-top: none; 
	padding: 40px 0 50px 60px;
}

.img-slider {
	width: 100px;
	height: 100px;
	border: 2px solid #CCC;
	padding: 3px;
}

a.bx-prev {
	position: absolute;
	top: -24px;
	right: 110px;
	width: 31px;
	height: 31px;
	font-size: .5em;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

a.bx-next {
	position: absolute;
	top: -24px;
	right: 60px;
	width: 31px;
	height: 31px;
	padding-right: 10px;
	font-size: .5em;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

a.close {
	position: absolute;
	top: 296px;
	left: 900px;
	width: 31px;
	height: 31px;
	padding-right: 10px;
	font-size: .5em;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

a.bx-prev:visited, a.bx-next:visited, a.close:visited { text-decoration: none; color: #000; }

.pager img { border: 10px solid #fff; }

.text-slider { 
	font-size: .7em; 
	width: 420px;
	display: inline-block;
	float: left;
}

.bx-wrapper { height: 650px; }

#il-team {
	padding: 50px 100px;
}

.team li {
	color: #990000;
	font-weight: bold;	
	padding: 15px;
}

li.img img { float: left; padding: 0 10px; }

li.img a:hover img { border-bottom: 5px solid #FFF; }


#footer { /*background:  #333;*/ background: #111; height: 80px; }
#footer h2 { margin-left: 255px; padding: 20px; color: #990000; font-size: 2em; }
#footer p { 
	/*width: 960px;*/ 
	padding-right: 40px; 
	text-align: right; 
	color: #333;
	font-size: .9em; 
	word-spacing: 2px;
	line-height: 140px;
}
#footer p#mod-p { 
	/*width: 960px;*/ 
	padding-right: 40px; 
	text-align: right; 
	color: #333;
	font-size: .9em; 
	word-spacing: 2px;
	line-height: 10px;
}
.footer_link, .footer_link:visited { text-decoration: none; border-bottom: 1px dotted #333; color: #333; }
.footer_link:hover { text-decoration: none; border-bottom: 1px dotted #666; color: #666; }