/* mac hide\*/
html, body {
	height:100%;
}
/* end hide */
html>body #site { height: auto; } /*for mozilla as IE treats height as min-height anyway*/
body {
	background-color: #FFFFFF;
	padding:0;
	margin: 0;
	color: #c9c9c9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#page {
	height:600px;
	padding:0px;
	margin:0px;
}
#header{
	height:150px;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content{
	height:390px;
	padding:0px;
	margin:0px;
}
#footer{
	height:60px;
	padding:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	position: relative;
}
#textfoot {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#floater{
	position: relative;
	left: 0px;
	width: 740px;
	margin-left:10px;
	margin-right:221px;
	z-index:100;
}

/* MENU --------------------------------------------------------------------------------------------------*/
#Danilo {
	width: 241px;
	height: 34px;
	float: left;
}
#Presentazione {
	width: 208px;
	height: 34px;
	float: left;
}
#Galleria {
	width: 124px;
	height: 34px;
	float: left;
}
#Contatti {
	width: 125px;
	height: 29px;
	float: left;
}
#Theartist {
	width: 150px;
	height: 34px;
	float: left;
}
#Gallery {
	width: 116px;
	height: 34px;
	float: left;
}
#Contacts {
	width: 134px;
	height: 29px;
	float: left;
}
#Presentazione-sub, #Theartist-sub, #Galleria-sub, #Gallery-sub { height: 34px; }
#menuClear { clear: both; }

.titles/* FORMATTAZIONE --------------------------------------------------------------------------------------------------*/
 {
	padding:0px;
	margin:11px 10px 15px 17px;
	line-height: 22px;
}
.section{
	float:left;
	height:390px;
	padding:0px;
	margin:0 60px 0 10px;
	position: relative;
	vertical-align: middle;
}

.textzone{
	float:left;
	width:400px;
	padding:0px;
	margin:0px 0px 0px 5px;
}
H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:normal;
	color:#909090;
	text-align:left;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
}

H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#909090;
	text-align:left;
	letter-spacing:1px;
	margin:-4px 0px 0px 0px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#909090;
	text-align:left;
	letter-spacing:1px;
	margin:7px 0px 0px 0px;
}
a, a:link, a:active, a:visited {
	color: #909090;
	font-weight:bold;
	text-decoration: none;
}
a:hover { 
  color: #eb4400;
	text-decoration:none;
	font-weight:bold;
}

p {
	text-align:justify;
	margin: 0px;
	padding: 0px;
}

div {
	font-size:12px;
	color:#909090;
	text-align:justify;
	vertical-align:text-bottom;
	line-height: 14px;
}
/* MODULI --------------------------------------------------------------------------------------------------*/
form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	width: 330px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}
label {
  font-size: 100%;
}
input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}
textarea {
	overflow: auto;
	height: 120px;
}
form div.required label, label.required {
  font-weight: bold;
}
form div {
	clear: left;
	display: block;
	width: 320px;
	height: expression('1%');
	margin: 5px 0 0 0;
	padding: 1px 3px;
}
form div label {
	display: block;
	float: left;
	width: 80px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}
form div input, form div select, form div textarea {
	width: 220px;
	padding: 1px 3px;
	margin: 0 0 0 0;
}
form div.submit {
	width: 160px;
	padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #dedede;
  color: #000000;
  width: auto;
  padding: 2px 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}


#arrows {
	position: fixed;
	top: 120px;
	left: 720px;
	width: 90px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: transparent url(../immagini/sinistra.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../immagini/destra.png) no-repeat;}
/* popup */

.popup {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	padding-top: 120px;
	background: url('/immagini/popup_bg.png') top left repeat; 
	_background-image: url('/immagini/popup_blank_bg.gif'); /* for IE; keeps user from clicking through layer */
}
/* filter for ie only to get the png to work */
* html .popup {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/immagini/popup_bg.png',sizingMethod='scale');
}
.popup-container {
	margin: 0 auto; /* centers popup in page */
	width: 900px !important; /* change to desired popup width */
	width /**/: 900px; /* for IE 5.5 */
	padding: 2px 0 0 0;
	text-align: left;
	font-size: 1.2em;
	background: #fff;
	border: 1px solid #909090;
}
#image_area {
	text-align: center;
}

.popup-container .header {
	padding: 15px 10px 5px 25px;
	background: #fff;
	overflow: hidden;
	_height: 1%;
}
.popup-container .header h2 {
	float: left;
	width: 900px;
	font-size: 1.5em;
	color: #666666;
	letter-spacing: -1px;
	padding-bottom: 3px;
}
.popup-container .header .close {
	float: right;
	width: 115px;
	text-align: right;
	font-size: .916em;
	line-height: 1.333em;
}
.popup-container .header .close a {
	padding: 0 16px 1px 0;
	background: transparent url(/immagini/icn_remove.gif) right 1px no-repeat;
}
.popup-container .footer {
	padding: 0;
	background: #fff;
	overflow: hidden;
	_height: 1%;
}
.popup-container .footer p {
	float: left;
	/*width: 200px;*/
	margin: 0;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
.popup-container .content {
	padding: 10px 0;
	text-align: center;
}

/* popup-cover used to cover select form elements in IE */
#popup-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
* html #popup-cover {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}