@charset "UTF-8";
/* CSS Document */

/* Initial setup */
* { /* Reset the margins and paddings to zero for all browsers. */ 
margin:0;
padding:0;
}

body {
	font-size: 62.5%; /* The standard body font size for a p tag is 16px, so 62.5% equates to a 10px starting size for the body*/
	font-family: Arial, sans-serif;
	background: #000000; /* a background colour for the page. Can also add an image too if necessary. */
	} 
	
p {
	font-size: 1.1em; /* With a setting of the font size to 62.5% in the initial setup, a 1.0em will equate to 10px. Increase as necessary. Here the font size of 1.2 is good for both the p and li texts.*/
	line-height:1.3em; /* Leading - generally use just a little more than the font size */
	margin-bottom:0.8em; /* Generally paragraphs and list items benefit from a little bottom margin. Usually a but less than the leading.*/
	color:#df6c27;
	margin-left:73px;
	} /* END of Paragraph & List Item Styles */
	
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:2.3em; /*Make the h1 heading fairly large, adjusting as necessary. */
	margin-bottom:20px; /* Add back some margin, remembering that all padding and margins were stripped out during the initial setup above. */
	color:#df6c27;
	font-weight:lighter;
	text-align:center;
	}
	
h1 span {
	font-style:italic;
	}
	
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em; /*Make the h1 heading fairly large, adjusting as necessary. */
	margin-bottom:17px; /* Add back some margin, remembering that all padding and margins were stripped out during the initial setup above. */
	color:#df6c27;
	font-weight:lighter;
	text-align:center;
	}

a{
	color:#2d2d2d;
	text-decoration:none;
}

a img{ /*Removes border from linked images in IE6*/
	border:none;
}

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

a span.imagedescription {
	color:#ffffff;
	text-decoration:none;
}

/* Page-wrap */
div#page-wrap {
	width:954px;
	margin:0 auto; /*to centre the page wrap*/
	position:relative;
	padding-top: 50px;
	}
/* END of Page-wrap */

/* Main Content */
#main-content li{
	width:171px;
	/*border:solid #CCC;*/
	border-width:0px 0px 0px 0px;
	background:#2d2d2d;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:1px 15px 15px 0px;
}

#main-content li.leftside, #main-content li.leftsidetop {
	margin-left:73px;
}

#main-content li.top, #main-content li.leftsidetop {
	margin-top:7px;
}

/* Image Description Name Dropdown Effect*/
#main-content  a span{

	position:absolute;
	left:-10000px;
}

#main-content a:hover span{	
	top:10px;
	left:10px;
	width:167px;
	font-weight:bold;
	background:#2d2d2d;
	color:#df6c27;
	padding:5px 0 5px 5px;
	/*text-transform:none;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 0 0;
	filter: alpha(opacity=80);
	-moz-opacity:.8;
		opacity:.80;*/
} 
/* END Image Description Name Dropdown Effect*/



#main-content a:hover { /*Fix for IE6*/
	white-space:normal;
}

#main-content {
	height:424px;
}

/* END Main Content */

/* Navigation menu setup */
ul#nav{ 
	/*height:50px; /* The total height of the navigation block, which will depend on the image height, if used - Removed because it was causing problems in IE6, jumping the menu around, and no image is used anyway*/
	list-style:none; /*removes bullets*/
	padding-left:73px; /*to push the menus into position, moving them all over*/
	}
	
	ul#nav li { /*ul#nav li - added (or rather removed from 'ul#nav li a' and put here, within the 'li' part rather than the 'a') to make IE6 work correctly. Without it the menus are stepped.*/
	float:left;
	width:150px;
}

ul#nav li.say { /*ul#nav li - added (or rather removed from 'ul#nav li a' and put here, within the 'li' part rather than the 'a') to make IE6 work correctly. Without it the menus are stepped.*/
	float:left;
	width:200px;
}	

ul#nav li.press { /*ul#nav li - added (or rather removed from 'ul#nav li a' and put here, within the 'li' part rather than the 'a') to make IE6 work correctly. Without it the menus are stepped.*/
	float:left;
	width:50px;
}	

	ul#nav li a {
		display:block; /* anchor links are inline by definition, but we want them to be a block so they can have widths and heights and automatic linebreaks.*/
		/*width: 150px;
		/*float:left; /* so they can go horizontally */
		/*margin-top: 0px; /*so can be pushed into desired position*/
		font-size:1.4em;
		color:#df6c27;
		text-decoration:none; /* removes the underline*/
		}
	
		ul#nav li a:hover {
		font-weight: bold;
		} 
		
		ul#nav li a span {
		font-style:italic;
		}
		
	body#artista a#artista-link,
	body#intervista a#intervista-link,
	body#catalogo1 a#catalogo-link,
	body#catalogo2 a#catalogo-link,
	body#catalogo3 a#catalogo-link,
	body#catalogo4 a#catalogo-link,
	body#catalogo5 a#catalogo-link {
		font-weight:bold;
		} 
/* END of Navigation menu setup */

/* Thumbnail Navigation menu setup */
ul#navthumb{ 
	/*height:50px; /* The total height of the navigation block, which will depend on the image height, if used - Removed because it was causing problems in IE6, jumping the menu around, and no image is used anyway*/
	list-style:none; /*removes bullets*/
	padding-left:0px; /*to push the menus into position, moving them all over*/
	text-align:right;
	}
	
	ul#navthumb li { /*ul#nav li - added (or rather removed from 'ul#nav li a' and put here, within the 'li' part rather than the 'a') to make IE6 work correctly. Without it the menus are stepped.*/
	float:left;
	width:20px;
}	
	
	ul#navthumb li a {
		display:block; /* anchor links are inline by definition, but we want them to be a block so they can have widths and heights and automatic linebreaks.*/
		/*width: 20px;
		float:left; /* so they cn go horizontally */
		/*margin-top: 0px; /*so can be pushed into desired position*/
		font-size:1.4em;
		color:#df6c27;
		text-decoration:none; /* removes the underline*/
		}
		ul#navthumb li a:hover {
		font-weight: bold;
		} 
		
	body#catalogo1 a#first,
	body#catalogo2 a#second,
	body#catalogo3 a#third,
	body#catalogo4 a#fourth,
	body#catalogo5 a#fifth {
		
		text-decoration:underline;
		} 
/* END of Thumbnail Navigation menu setup */

/* Left Column */	
	div#footer div#left-col { /*If there is a left column within the main content area */
		float:left;
		width:780px; /* Give the column a width*/
		padding-top:25px;
		padding-left: 0px;
		}
/* END Left Column */

/* Right Column */	
	div#footer div#right-col { /*If there is a left column within the main content area */
		float:right;
		width:173px; /* Give the column a width (page wrap width eg 800px minus left column eg 530px = 270px, plus some breathing space maybe)*/
		padding-top:25px;
		padding-left:0px; /* Pushes the heading down away from the red border created. */
		}
/* END Right Column */	

/* Clear the left and right floats */
.clear { 
	clear:both;
	} 
/* END Clear the left and right floats */


/* Imagefull Navigation */
#imagefull-navigation{
	list-style:none;
	margin:0px 0 0 110px;

}

#imagefull-navigation li{
	display:block;
	float:left;
	width:210px;
		
}

#prev{
	text-align:left;
}

#next{
	text-align:right;
}


#imagefull-navigation li a{
	display:block;
	width:100px;
	padding:10px 10px 10px 13px;
	color:#df6c27;
	text-decoration:none;
	font-size:1.5em;
}

#imagefull-navigation li a:hover{
font-weight:bold;
}

#imagefull-navigation li  { 
	width:130px;
	border-width:0px 0px 0px 0px;
	background:none;
	padding:0px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
}

#imagefull-navigation li#prev {
text-align:left;
margin-left:160px;
}

#imagefull-navigation li#next {
text-align:right;
}

#imagefull {
	border:solid #EEE;
	border-width:0 0px 0px 0;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0 auto;
	width:954px;
}
/* END Imagefull Navigation */