@charset "utf-8";

/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
}

.style1 {
	color: #FFFFFF
}

.cufon-canvas canvas {
	margin:0px 0px 5px 0px;
}

li.span {
	margin:0px 0px 0px 0px; line-height:1em;
}



#nav {
	margin:0px;
	padding:0px;
	list-style:none;
	opacity:.9;
	filter: alpha(opacity = 90);
	display:block;
	font-size:90%;
}

#nav:hover {
	margin:0px;
	padding:0px;
	list-style:none;
	opacity:.9;
	filter: alpha(opacity = 90);
}

#nav li {
	margin:0px 0px 0px 2px;
	padding:0px;
	list-style:none;
	display:inline;
}

#nav li a {
	display:block;
	width:100px;
	background-color:none;
	height:55px;
	float:left;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding:20px 0px 20px 0px;
	margin:0px 2px 0px 0px;
	opacity:.9;
	filter: alpha(opacity = 90);
	border:none;
}

html >body #nav li a {
	display:block;
	width:100px;
	background-color:none;
	height:35px;
	float:left;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding:20px 0px 0px 0px;
	margin:0px 2px 0px 0px;
	opacity:.9;
	filter: alpha(opacity = 90);
}

#nav li a:hover {
	display:block;
	font-weight:bold;
	color:#FFF;
	opacity:.5;
	filter: alpha(opacity = 50);
	background-color:#000;
		border:none;
}

#nav li a.active {
	color:#FFF; /*border-top:5px solid #FFF;*/
	font-weight:bold;
}

#nav li a.active:hover {
	display:block;
	font-weight:bold;
	color:#FFF;
	opacity:.5;
	filter: alpha(opacity = 50);
	background-color:#000;
		border:none;
}


ul#nav li.mega2 div {

	display:none;

} 
ul#nav li.hovering div { 
  display: block; 

}

#nav li.mega2 {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	display:inline;
}

#portfolio #nav li a.active {
	color:#FFF; /*border-top:5px solid #FFF;*/
	font-weight:bold;

	background-position:center top;
	background-repeat:no-repeat;
}

#portfolio #nav li a.active:hover {
	display:block;
	font-weight:bold;
	color:#FFF;
	opacity:.5;
	filter: alpha(opacity = 50);
	background-color:#000;
}

#navbar {
	position:absolute;
	height:55px;
	width:100%;
	bottom:1px;
	z-index: 7998;
	right: 0;
	text-align:right;
	background-color:#333; /*background-image:url(../images/navbar.gif); background-repeat:repeat-x;  */
	opacity:.6;
	filter: alpha(opacity = 60);
}

/*#navbar:hover{position:absolute; height:65px; width:100%; bottom:10%; z-index: 7998; right: 0; text-align:right; background-color:#000; opacity:.9; filter: alpha(opacity = 90);}
*/
.logo {
	position:absolute;
	width:280px;
	top:0;
	left:0;
	z-index: 19000;
	background-color:transparent;
	text-align:left;
}




#hideme{opacity:.2
filter:alpha(opacity = 20)}

#hideme:hover{opacity:1
filter:alpha(opacity = 100)}


.titleBar {
	position:absolute;
	height:75px;
	bottom:1px;
	z-index: 8000;
	left:0;
	background-color:transparent;
	text-align:left;
	padding:0px 0px 0px 50px;
}

.navholder {
	position:absolute;
	height:55px;
	width:100%;
	bottom:1px;
	z-index: 17999;
	right: 0px;
	text-align:right;
}

.navinner {
	height:55px;
	float:right;
	margin:0px 20px 0px 0px;
}

#subnav {
	margin:0px;
	padding:0px;
	list-style:none;
	opacity:.9;
	filter: alpha(opacity = 90);
	display:block;
	font-size:90%;

}



#subnav li {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	display:inline;
	
}

#subnav li a {
	display:block;
	background-color:FFF;
	width:100px;
	height:50px;
	float:left;
	text-align:center;
	color:#000;
	text-decoration:none;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	opacity:.8;
	filter: alpha(opacity = 80);

}


html>body #subnav li a {
	display:block;
	background-color:FFF;
	width:100px;
	height:30px;
	float:left;
	text-align:center;
	color:#000;
	text-decoration:none;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	opacity:.8;
	filter: alpha(opacity = 80);

}

#subnav li a:hover {
	
	font-weight:normal;
	color:#000;
	opacity:.9;
	filter: alpha(opacity = 90);
	background-color:#CCC;
}

#subnav li a.active {
	color:#000; /*border-top:5px solid #FFF;*/
	font-weight:bold;
}

#subnav li a.active:hover {
	display:block;
	font-weight:bold;
	color:#333;
	opacity:.9;
	filter: alpha(opacity = 90);
	background-color:#FFF;

}



ul#subnav div { 
 display: none;
} 
	 
ul#subnav li.mega div#italia{
	top: -400px; 
	right: 54px;
	height:400px;
	}
	
	ul#subnav li.mega div#festival{
	top: -150px; 
	right: 104px;
	height:150px;

	}
	
ul#subnav li.mega div#botanica{
	top: -152px; 
	right: 354px;
	height:100px;
	}
	
	
html>body ul#subnav li.mega div#italia{
	top: -407px; 
	right: 124px;
	height:400px;
	}
	
html>body ul#subnav li.mega div#festival{
	top: -152px; 
	right: 174px;
	height:150px;

	}
	
html>body ul#subnav li.mega div#botanica{
	top: -152px; 
	right: 424px;
	height:100px;
	}
	 
ul#subnav li.mega div {
width:220px;
display:none;
position: absolute; 
margin:0px;
	z-index:17000;
	padding:0px 0px;

} 
ul#subnav li.hovering div { 
  display: block; 

}

#subnav li.mega {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	display:inline;
}

#subnav ul.thirdnav{}


#subnav ul.thirdnav li {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	height:30px;
	/*display:inline;*/
}
#subnav ul.thirdnav li a {
	font-size:1.2em;
	display:block;
	height:50px;
	width:250px; !important
	/*float:left;*/
	text-align:left;
	color:#000;
	text-decoration:none;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	opacity:.8;
	filter: alpha(opacity = 80);
	border-top:1px solid #F6F6F6;
}


html>body #subnav ul.thirdnav li a {
	font-size:1.2em;
	display:block;
	height:30px;
	width:250px; !important
	/*float:left;*/
	text-align:left;
	color:#000;
	text-decoration:none;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	opacity:.8;
	filter: alpha(opacity = 80);
	border-top:1px solid #F6F6F6;
}

#subnav ul.thirdnav li a:hover {
	display:block;
	font-weight:normal;
	color:#000;
	opacity:.9;
	filter: alpha(opacity = 90);
	
}

#subnav ul.thirdnav li a.active {
	color:#000; /*border-top:5px solid #FFF;*/
	font-weight:bold;
}

#subnav ul.thirdnav li a.active:hover {
	display:block;
	font-weight:bold;
	color:#333;
	opacity:.9;
	filter: alpha(opacity = 90);
}

#catalogue {
	margin:0px 0px 0px 600px;
	width:40%px
}

#catalogue a {
	color:#000;
}

#catalogue img {
border:none;
}

.subnavholder {
	position:absolute;
	height:50px;
	bottom:56px;
	right:0px;
	text-align:right;
	width:100%;
	z-index:16000;
	
}

.subtitleholder {
	position:absolute;
	height:50px;
	bottom:65px;
	left:50px;
	z-index: 8060;
	right: 0;
	text-align:left;
	width:40%;
	color:#FFF;
}

.subnavinner {
	height:50px;
	float:right;
	margin:0px 0px 0px 0px;
	z-index:19000;
	width:604px;
	text-align:right;
}

#content {
	position:absolute;
	width:550px;
	top:200px;
	height:40%;
	left:0px;
	z-index: 40001;
	background-color:#FFF;
	opacity:.9;
	filter: alpha(opacity = 90);
	text-align:left;
	padding:50px 0px 0px 0px;
	overflow:visible;
}


#closer {
	position:absolute;
	width:550px;
	top:200px;
	height:40%;
	left:0;
	z-index: 10002;
	text-align:left;
	padding:50px 0px 0px 0px;
}

.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:120px;
	width:205px;
	color:#fff;	
	z-index:60000;
	padding:25px;	
}

.tooltipwide {
	display:none;
	background:#FFF;
	font-size:12px;
	height:190px;
	width:505px;
	color:#666;	
	z-index:60000;
	padding:15px;	
}

html>body .tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:156px;
	color:#fff;	
	z-index:60000;	
	
}

#contentwhite {
	position:absolute;
	width:550px;
	top:200px;
	height:40%;
	left:0;
	z-index: 10003;
	background-color:#FFF;
	opacity:.9;
	filter: alpha(opacity = 90);
	text-align:left;
	padding:50px 0px 0px 0px;
	
}

body#canvas div#content {
	width:100%;
	position:absolute;
	top:200px;
	height:44%;
	left:0;
	z-index: 10002;
	background-color:#FFF;	
	text-align:left;
	padding:20px 0px 0px 0px;
	
}

body#canvas div#content img {
	margin:30px 30px 0px 0px;
}

body#canvas div#contentwhite p{
	width:450px;
}

body#bio div#content p {
	width:450px;


}


p {
	font-size:0.7em;
	margin:0px 0px 20px 50px;
	width:360px;
	font-weight:normal;
	line-height:1.6em;
	display:block;
}

p a {
	color:#000;
}

p a:hover {
	color:#000;
	text-decoration:underline;
}

#table {
	margin:0px 0px 50px 50px;
	width:300px;
}

#table p {
	margin:0px 0px 0px 0px;
	display:inline;
}

.clear {
	clear:both;
}

.intro {
	font-size:0.7em;
	display:block;
	width:360px;
	font-weight:bold;
	line-height:1.6em;
}

h1 {
	font-weight:normal;
	font-size:1.2em;
}

.comm {
	display:block;
	float:left;
	width:200px;
	overflow:hidden;
	margin-bottom:0px;

}
.commlist {
	display:block;
	float:left;
	width:240px;
	height:80%;
	overflow:auto;

}

.comm a{color:#000;}

ul {
	font-size:0.7em;
	list-style-type:square;
	list-style-position:inside;

	
}

.paging{
	
color:#FFF; font-size:0.7em;	
}
.paging a{background-color:#666; padding:3px 3px 0px 3px;}
.paging a:hover{background-color:#000; padding:3px 3px 0px 3px;}
.commercial{float:left; margin:20px 0px 0px 40px; font-size:0.9em;}
.commercial a{color:#FFF}
