/*---------------------------------------------* AUTHOR */
/* CSS Created:	09/02/2009
/* CSS Author:	Alessandro Avallone
/* email:		alex@hmd.it
/* website:		hmd.it
/*---------------------------------------------* GENERAL */
html       { overflow:-moz-scrollbars-vertical; }
html, body { margin:0; padding:0; background-color:#638E23; }
h1         { margin:0; font-family:Arial, Helvetica, sans-serif; color:#e64f24; }
img        { border:0; }
/*---------------------------------------------* DIV */
#navbar-wrapper { width:100%; height:130px; background-color:#FFFFFF; }
#navbar { width:900px; height:130px; margin:0 auto; background-image:url(images/logo.jpg); background-repeat:no-repeat; }
#navbar ul   { list-style:none; margin:0 0 0 250px; padding:0; }
#navbar li   {	
	float:left; 
	color:#999999;
	display:inline;
	padding:85px 10px 0 0px; 
	}
#navbar li a {
	padding:10px 0 0 0;
	height:50px;
	float:left;
	text-decoration:none;
	color:#d1cfcf;
	font:normal bold 18px Arial, sans-serif;
	text-align:center;
	}
#navbar li a:hover   { color:#000000; }
#navbar li #current  { color:#e64f24; }

#header-wrapper { width:100%; height:300px; background-image:url(images/header-background.jpg); }
#header { width:900px; height:300px; margin:0 auto; }

#main-wrapper { width:100%; background-image:url(images/main.jpg); background-repeat:repeat-x; background-color:#FFFFFF; }
#main { width:900px; margin:0 auto; padding:50px; font:normal normal 15px Arial, sans-serif; line-height:25px; text-align:justify; }
#main-left { width:370px; float:left; margin-right:30px; }

#main-right{ width:500px; float:right; background-image:url(images/pic-bgr.jpg); background-repeat:no-repeat; }
#main-right .gallery      { width:500px; list-style:none; margin-left:20px; padding:0 0 0 20px; }
#main-right .gallery li   { display: inline; }
#main-right .gallery li a { 
	float:left;
	padding:5px;
	margin:0 15px;
	border:solid 1px #CCCCCC;
	}
	
#main-right .grid      { width:500px; list-style:none; margin-left:20px; padding:0 0 0 20px; }
#main-right .grid li   { display: inline; }
#main-right .grid li a { 
	float:left;
	padding:5px;
	margin:0 15px;
	}
	
#main-right .label    { width:500px; height:25px; list-style:none; margin:10px 0 0 20px; padding:0 0 0 20px; }
#main-right .label li { 
	width:100px; 
	font:normal normal 11px Arial, sans-serif; 
	background-image:url(images/label-background.jpg); 
	float:left;
	padding:5px;
	margin:0 15px;
	text-align:center;
	}

#main #data-title { font:normal bold 18px Arial, sans-serif; color:#e64f24; }

#main .info { font:normal normal 12px Arial, sans-serif; }
#main .product-title { width:745px; height:36px; float:left; font:normal bold 22px Arial, sans-serif; color:#e64f24; padding-top:12px; }
#main .pdf           { width:55px; height:48px; float:right  }

#data-sheet { width:370px; float:left; margin-right:30px; }
#pic-sheet  { width:500px; float:right; background-image:url(images/pic-bgr.jpg); background-repeat:no-repeat; text-align:center; }
#pic-sheet img  { margin-top:40px; }

#main .separation {	height:20px; background-image:url(images/separation.gif);	}

#footer { width:100%; height:120px; background-image:url(images/footer.jpg); background-repeat:repeat-x; }
#footer #credits { width:900px; height:300px; margin:0 auto; padding:60px; font:normal normal 12px Arial, sans-serif; color:#FFFFFF; }
#footer #credits a { color:#FFFFFF; }