/*---------------------------------------------* AUTHOR */
/* CSS Created:	24/03/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:#5c5c5c; }
img        { border:0; }
/*---------------------------------------------* DIV */
#header-wrapper { width:100%; height:155px; background-image:url(images/header.jpg); }
#header { width:930px; height:155x;  margin:0 auto; }
#header img { float:left; border:0; }
#header h1 { 
	height:0;
	margin:0; 
	padding:0;
	text-indent:-20000px;
	font:normal normal 1px Arial;
	}
#main-wrapper { width:100%; background-color:#FFFFFF; }
#main { 
	width:900px;
	margin:0 auto;
	font:normal normal 12px Arial, sans-serif;
	line-height:20px;
	text-align:justify;
	background-image:url(images/left_shadow.jpg);
	background-repeat:no-repeat;
 	}
#main #left  { width:460px; float:left;  }
#main #right { width:440px; float:right; }

#main a { text-decoration:none; font-weight:bold; color:#d74242; }
#main a:hover   { text-decoration:underline; color:#000000; }
#main #one-col  { width:860px; margin:0 auto; }
/*---------------------------------------------* GALLERY */
#main #gallery      { margin:20px 0 0 0; }
#main #gallery ul   { width:740px; list-style:none; margin:0; padding:0; }
#main #gallery li a { 
	float:left;
	width:150px;
	font:normal bold 12px Arial, sans-serif;
	} 	
/*---------------------------------------------* SHWOROOM */
#main #showroom ul   { width:740px; list-style:none; margin:0; padding:0; }
#main #showroom li   { display: inline; }
#main #showroom li a { 
	float:left;
	padding:5px;
	margin:5px;
	border:solid 1px #CCCCCC;
	} 	
/*---------------------------------------------* PAGINATION */	
#main #pagination { 
	text-decoration:none;
	font:normal normal 12px Arial, sans-serif;
	}
#main #pagination ul   { margin:0; padding:0; }
#main #pagination li   { display: inline; }
#main #pagination li a { 
	float:left;
	width:25x;
	padding:5px;
	margin:5px;
	border:solid 1px #CCCCCC;
	} 	
	
#main #pagination li #current {
	background-color:#FF0000; 
	color:#FFFFFF; 
	border:solid 1px #000000;
	}

#main #pagination li a:hover { 
	text-decoration:none; 
	background-color:#FF0000; 
	color:#FFFFFF; 
	border:solid 1px #000000; 
	}

#footer-wrapper { width:100%; height:155px; background-image:url(images/footer.jpg); background-repeat:repeat-x; }
#footer { 
	width:960px; 
	height:55px; 
	margin:0 auto;
	padding-top:100px;
	text-align:center;
	color:#FFFFFF;
	font:normal bold 12px Arial, sans-serif;
	}
#footer a { color:#FFFFFF; }


.subsection { width:100%; height:19px; background-image:url(images/bullet.gif); background-repeat:no-repeat; padding:0 0 0 40px; }
.code { 
	width:100px;
	height:20px; 
	float:left;
	background-image:url(images/bullet_little.gif); 
	background-repeat:no-repeat;
	background-position:10px 0px;
	padding:2px 0 0 40px;
	margin:0 0 0 10px;
	font:normal bold 12px Arial, sans-serif;
	}
.clear      { clear:both; }
.separation { width:100%; height:19px; background-image:url(images/separation.gif); margin:0 0 0 8px; }