/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(../img/back.jpg) top center repeat-x #ffffff;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:100%;
}

*:focus {
	outline: 0;
}

div#top {
	position:absolute;
	left:50%;
	top:20px;
	text-align:right;
	margin-left:-450px;
	width:900px;
	height:20px;
}

	div#top a {
		text-decoration:none;
	}

	div#stock {
		position:absolute;
		right:-5px;
		background:#929296;
		width:110px;
		height:20px;
	}

	span.stockLink {
		display:block;
		margin:5px 5px 5px 52px;
		height:10px;
		line-height:10px;
		width:48px;
		background:url(../img/m_stock.gif);
	}

	span.stockLink-hover {
		display:block;
		margin:5px 5px 5px 52px;
		height:10px;
		line-height:10px;
		width:48px;
		background:url(../img/m_stock.gif) no-repeat 0 -10px;
		cursor:pointer;
	}

	div#blog {
		position:absolute;
		right:115px;
		background:url(../img/back_button.png);
		width:100px;
		height:20px;
	}

	span.blogLink {
		display:block;
		margin:5px 5px 5px 48px;
		height:10px;
		line-height:10px;
		width:42px;
		background:url(../img/m_blog.gif) no-repeat; 
	}

	span.blogLink-hover {
		display:block;
		margin:5px 5px 5px 48px;
		height:10px;
		line-height:10px;
		width:42px;
		background:url(../img/m_blog.gif) no-repeat 0 -10px; 
		cursor:pointer;
	}

div#wrap {
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-465px;
	width:930px;
	height:650px;
	background:url(../img/shadow3.gif) center top no-repeat;
}

div#visore {
	position:relative;
	top:9px;
	left:10px;
	padding:0px;
	margin:5px 10px 25px 10px;
	width:890px;
	height:590px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top center;
	z-index:1;
}

img#logo {
	position:absolute;
	top:10px;
	left:10px;
	width:240px;
	height:50px;
	z-index:16;
	cursor:pointer;
}

img#infoButton {
	position:absolute;
	top:10px;
	right:10px;
	width:16px;
	height:16px;
	z-index:10;
	cursor:help;
}

div#infoBox {
	position:absolute;
	top:10px;
	right:31px;
	width:auto;
	height:16px;
	text-align:right;
	font-size:0.7em;
	background:url(../img/trasp.png);
	padding:0 5px 0 5px;
	color:#ddd;
	line-height:16px;
	z-index:10;
}

div#content {
	position:absolute;
	top:10px;
	left:260px;
	width:590px;
	height:auto;
	text-align:justify;
	font-size:0.8em;
	background:url(../img/trasp.png);
	padding:15px 15px 0 15px;
	color:#fff;
	z-index:10;
}

div#storiesWrap {
	position:absolute;
	top:10px;
	left:261px;
	width:620px;
	height:auto;
	color:#fff;
	z-index:10;
}

div.storyPager {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:285px;
	height:27px;
	text-align:left;
	font-size:0.7em;
	background:#636166;
	padding:10px;
	padding-top:13px;
	color:#fff;
	margin-bottom:10px;
	line-height:16px;
	text-align:center;
}
div#storyText {
	position:absolute;
	top:330px;
	left:10px;
	float:left;
	width:220px;
	height:230px;
	text-align:justify;
	font-size:0.8em;
	background:#636166;
	padding:10px;
	color:#fff;
	margin-bottom:10px;
	line-height:16px;
}

div.storyBox {
	position:relative;
	top:0;
	left:0px;
	float:left;
	width:289px;
	height:234px;
	text-align:left;
	font-size:0.7em;
	background:#636166;
	padding:8px;
	color:#fff;
	margin-bottom:10px;
	line-height:16px;
}

	div.storyBox h1 {
		font-size:1.2em;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	
	div.storyBox a {
		color:#fff;
		text-decoration:none;
	}

img.storyPhoto {
	border:1px solid #000;
	padding:2px;
	width:225px;
	height:150px;
	margin:1px 5px 3px 28px;
	background:#fff;
}

	div#content p {
		margin:0 0 12px 0;
	}
	
	div#content label {
		color:#bbb;
		font-size:0.9em;
	}

	div#content input {
		border:1px solid #666;
		color:#fff;
		background:#000;
		font-size:90%;
		font-family:"Trebuchet MS", Arial, sans-serif;
		width:50%;
		padding:1px 2px;
	}

	div#content input.button {
		border:1px solid #000;
		color:#fff;
		background:#666;
		font-size:90%;
		font-family:"Trebuchet MS", Arial, sans-serif;
		width:60px;
		margin-top:10px;
		padding:1px 2px;
	}

	div#content textarea {
		color:#fff;
		font-family:"Trebuchet MS", Arial, sans-serif;
		padding:1px 2px;
		font-size:90%;
		border:1px solid #666;
		background:#000;
		width:584px;
		height:100px;
		overflow:auto;
	}


div#thumbSpace {
	position:absolute;
	top:0px;
	left:-100px;
	width:102px;
	height:610px;
	background:#000;
	z-index:0;
	overflow:hidden;
}

	div#thumbWrap {
		position:relative;
		top:0;
		margin:0;
		width:100px;
		height:auto;
	}

	img.thumb {
		margin:0 auto;
		margin-bottom:2px;
		padding:0;
		display:block;
		border:0;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
	}
	
	img.thumb-over {
		margin:0 auto;
		margin-bottom:2px;
		padding:0;
		display:block;
		border:0;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
		cursor:pointer;
	}
	
	div#frecciaSu {
		position:absolute;
		top:0;
		width:100px;
		height:10px;
		line-height:10px;
		background:url(../img/freccia_su.png) 0 -10px no-repeat;
	}

	div#frecciaSu.over {
		background:url(../img/freccia_su.png) 0 0 no-repeat;
		cursor:pointer;
		line-height:10px;
		height:10px;
	}

	div#frecciaGiu {
		position:relative;
		top:10px;
		width:100px;
		height:10px;
		line-height:10px;
		background:url(../img/freccia_giu.png) 0 -10px no-repeat;
	}

	div#frecciaGiu.over {
		background:url(../img/freccia_giu.png) 0 0 no-repeat;
		cursor:pointer;
	}

div#blinder {
	position:absolute;
	height:6000px;
	width:900px;
	right:0;
	bottom:0;
}

div#menu {
	position:absolute;
	padding-top:10px;
	top:60px;
	left:10px;
	width:240px;
	height:auto;
	background:url(../img/back_menu.png) no-repeat top; 
	z-index:10;
}

	div#menu ul {
		color:#9B9C9E;
		list-style:none;
		padding:10px 10px 10px 20px;
		margin:0;
	}

	div#menu li {
		margin-bottom:10px;
		font-size:1.05em;
	}

	div#menu li.current {
		color:#fff;
	}

	div#menu ul.sub {
		list-style:none;
		padding:0px 10px 0px 30px;
		margin:0;
	}

	div#menu ul.sub li {
		margin-bottom:3px;
		font-size:0.8em;
		line-height:1em;
	}

	div#menu li a:link, div#menu li a:visited {
		color:#aaa;
		text-decoration:none;
	}

	div#menu li a:hover {
		color:#fff;
		text-decoration:none;
	}

	div#menu li a.currLink {
		color:#fff;
		text-decoration:none;
		cursor:pointer;
	}

div#info {
	text-align:justify;
	position:relative;
	width:910px;
	font-size:0.65em;
	color:#777;
	padding-left:10px;
}

a.normal:link, a.normal:visited {
	color:#999;
	text-decoration:none;
}

a.normal:hover, a.normal:active {
	color:#fff;
	text-decoration:none;
}

a.dark:link, a.dark:visited {
	color:#999;
	text-decoration:none;
}

a.dark:hover, a.dark:active {
	color:#000;
	text-decoration:none;
}

.validation-advice {
	color:#ff0000;
	font-size:0.9em;
}