html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.5; 
	font-size: 75%;
	color: #ffffff;
	background: #131313 url(bg-body.jpg) no-repeat top left;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #ffffff; }

h1 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-weight: bold; }
h2 { font-size: 2em; margin-bottom: 0.75em; }

p  { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 0 1em 1em 0; padding: 0; }
p img.right { float: right; margin: 0 0 1em 1em; }

ul, ol { list-style-position: inside; }

a:focus, 
a:hover  { color: #f3f3f3; }
a        { color: #ffffff; text-decoration: underline; }
a img    { border: none; }

iframe { float: left; margin-right: 10px; }

form { margin-top: 10px; }
form p { margin: 0 0 .5em; }
input { width: 250px; padding: 2px; }
textarea { width: 250px; height: 150px; padding: 2px; }

li input { width: auto; padding: 0; }

abbr { font-weight: bold; }

.container {
	width: 950px;
	margin: 0 auto;
}

.column,
div.span-030, div.span-110,
div.span-170, div.span-230,
div.span-350, div.span-590,
div.span-670, div.span-830 {
	float: left;
	margin-right: 10px;
}

.last, div.last { margin-right: 0; }

.span-030 { width: 30px; }
.span-110 { width: 110px; }
.span-170 { width: 170px; }
.span-230 { width: 230px; }
.span-350 { width: 350px; }
.span-590 { width: 590px; }
.span-670 { width: 670px; }
.span-830 { width: 830px; }

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container { display: block; }

#header    { margin-top: 50px; }
#header ul { list-style: none; }
#header li.lang {
	height: 20px;
}

#menu    { margin-top: 40px; }
#menu li {
	float: left;
	height: 20px;
	width: 80px;
	margin-right: 20px!important;
}
#menu a  {
	text-decoration: none;
	color: #f0f0f0;
	float: left;
	height: 20px;
	width: 80px;
	text-align: center;
}
#menu a:hover { background: url(bg-menu.gif) no-repeat top left; }

#container { margin-top: 10px; }

.collection {
	float: left;
	width: 353px;
	height: 500px;
	overflow: hidden;
}
.collection .text, #banner .text {
	background-color: #000000;
	opacity: .80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	padding: 10px;
	height: 290px;
	margin-top: 190px;
	overflow: hidden;
	font-size: 0.8em;	
}

.collection h2, #banner h2 {
	font-weight: bold;
	font-size: 1.2em;
	width: 50px;
	float: none;
	text-transform: uppercase;
}

.collection ul, .collection li,
#banner ul, #banner li {
	float: left;
	width: 150px;
	text-transform: uppercase;
	list-style: none;
}

.collection .porto, #banner .porto { color: #d61c10; }
.collection .benz, #banner .benz   { color: #fdf00e; }
.collection .sette, #banner .sette { color: #ffffff; }

#banner { height: 500px; }
#banner .text {
	height: 110px !important;
	margin-top: 380px !important;
	font-size: 0.9em !important;
	padding: 5px !important;
}

.photo-list { margin-bottom: 10px; }
.photo-list span {
	background-color: #000000;
	opacity: .80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	font-size: 0.8em;
	text-align: center;
	float: left;
	height: 50px;
	width: 110px;
	margin-top: -50px;
}

#photo-details { list-style: none; }

#compositions {
	background-color: #000000;
	opacity: .80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	font-size: 0.9em;
	height: 190px;
	margin-top: 5px;
}

#compositions div { margin: 10px; }
#compositions div.span-350 { margin-left: 0; }
#compositions dl { margin-top: 5px; }