/*------------------------------------------------------

CSS Created:	28/12/2009
CSS Author:		Alessandro Avallone

---------------------------------------------* GENERAL */
html { overflow: -moz-scrollbars-vertical; }
html, body { 
	margin:5px 0 0 0;
	padding:0;
	background-color:#000000;
	}
form {
	margin:0; 
	padding:0; 
	}
h1 { font: bold normal 20px "Trebuchet MS", sans-serif; }
h2 { margin:0; padding:40px 0 0 0; text-align:center; font: bold normal 12px "Trebuchet MS", sans-serif;	}
h3 { margin:0 0 10px 0; }
/*-------------------------------------------* HEADER */
#header {
	width:900px;
	height:120px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/navigation.jpg);
	}	         
/*-------------------------------------------* NAVIGATION */
#navigation {
	width:900px;
	height:40px;
	margin:0 auto;
	padding:0;
	font: normal normal 16px "Trebuchet MS", sans-serif;
	}	
#navigation ul   { text-align:center; margin:0 0 0 253px; padding:0px; }
#navigation li   { display:inline; float:left; padding: 35px 0 0 55px; }
#navigation li a { text-decoration:none; color:#FFFFFF;	}
#navigation li a:hover    { color:#999999; }
#navigation #current { font-weight:bold; }
/*-------------------------------------------* SUB-NAVIGATION */
#sub-navigation {
	width:900px;
	height:20px;
	margin:0 auto;
	padding:0;
	font: normal normal 14px "Trebuchet MS", sans-serif;
	}	
#sub-navigation ul   { margin:0; padding:0px; line-height:15px; list-style:none; }
#sub-navigation li   { display:inline; float:left; padding-right:15px; }
#sub-navigation li a { text-decoration:none; color:#FFFFFF;	}
#sub-navigation li a:hover    { color:#999999; }
#sub-navigation #current { font-weight:bold; }
/*------------------------------------------* MAIN */
#main             { width:900px; margin:0 auto; font: normal normal 14px "Trebuchet MS", sans-serif; color:#FFFFFF; text-align:justify; }
#main a, a:hover  { text-decoration:underline; color:#FFFFFF; }
#main #left       { width:610px; height:410px; margin:0 15px 0 0; float:left; overflow:hidden; border:solid 1px #333333; }
#main #right      { float:left; }
#main #grid       { height:398px; }

#main .content    { width:450px;  height:410px;  overflow:hidden; }
#main .sequence   { width:5490px; height:410px;  float:left; display:inline;}
#main .picture    { width:610px;  height:410px;  float:left; display:inline;}
#main .separation { width:100%;   height:30px;   background-image:url(../images/separation.jpg); }
/*------------------------------------------* GALLERY */
.gallery      { list-style:none; margin:0; padding:0; }
.gallery img  { border:0; }
.gallery ul   { margin:0; padding:0; list-style:none; }
.gallery li   { display: inline; }
.gallery li a {
	width:75px;
	height:75px;
	float:left;
	padding:2px;
	}
.gallery .blank {
	width:75px;
	height:73px;
	float:left;
	border:solid 1px #333333; 
	margin:3px 0px 0px 13px;
	}
.gallery li a       { border:solid 1px #000000; margin:0 0 10px 10px; }
.gallery li a:hover { border:solid 1px #FFFFFF; }
/*------------------------------------------* FOOTER */
#footer {
	width:900px;
	height:75px;
	padding:45px 0 0 0;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	color:#FFFFFF;
	}