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

CSS Created:	04/06/2008
CSS Author:		Alessandro Avallone
email:			alex@hmd.it
website:		hmd.it

---------------------------------------------* BODY */
html, body { 
	margin:0; 
	padding:0; 
	height:100%; 
	background:url(images/background/design.jpg); 
	background-repeat:no-repeat;
	background-color:#5d72a9;
	}

/*-------------------------------------------* CLASSES */	
.title       { font: normal bold 15px Verdana, sans-serif; }
.separation  { height:20px; background-image:url(images/separation_thumb.gif); }

/*-------------------------------------------* CONTAINER */	
#container {
	width:900px;
	margin:0 auto;
	position:relative;
	background:url(images/container.png); 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	}

/*-------------------------------------------* HEADER */
#header { 
	width:900px; 
	height:235px; 
	margin:0 auto;
	padding:0;
	}	
#header h1 {
	height:0;
	margin:0; 
	padding:0;
	text-indent:-20000px;
	}
/*-------------------------------------------* NAVIGATION */
#navigation {
    width:800px; 
	height:137px;
	margin:0 auto;
	background-image:url(images/navigation/design.png);
	font: normal bold 12px Verdana, sans-serif;
	}	
#navigation ul   { text-align:center; margin:0px; padding:0px; }
#navigation li   { display:inline; }
#navigation li a {
	padding:9px 0 0 27px;
	height:45px; 
	float:left; 
	text-decoration:none; 
	color:#FFFFFF; 
	}
#navigation li a:hover   { color:#e6d54c;  }
#navigation li #current  { color:#e6d54c;  }

/*------------------------------------------* BLOG - HMD */
#blog { 
	width:740px; 
	margin:0 auto;
	font: normal normal 13px Verdana, sans-serif;
	}
#blog a         { text-decoration:none; }
#blog a:link    { color:#999999; }
#blog a:visited { color:#999999; }
#blog a:hover   { color:#000000; }

#blog #article_left {
	width:340px;
	height:168px;
	padding:10px;
	float:left;
	background-image:url(images/blog.png);
	}
#blog #article_right {
	width:340px;
	height:168px;
	padding:10px;
	margin-left:15px;
	float:right;
	background-image:url(images/blog.png);
	}
#hmd { 
	width:740px; 
	margin:0 auto;
	padding:1px 30px 1px 30px; 
	font: normal normal 13px Verdana, sans-serif;
	}
	
#hmd a         { text-decoration:none; }
#hmd a:link    { color:#999999; }
#hmd a:visited { color:#999999; }
#hmd a:hover   { color:#000000; }
	
/*-------------------------------------------- CUSTOMER */
#customer { 
   	width:746px;
	padding:26px;
	height:26px;
	margin:0 auto;
	background-image:url(images/black.png);
	font: normal normal 10px Verdana, sans-serif;
	text-align:center;
	color:#FFFFFF;
	}
#customer #form {
	margin-left:20px;
	font: normal normal 10px Verdana, sans-serif;
	color:#FFFFFF;
	}
#customer input { font: normal normal 10px Verdana, sans-serif; }
#customer a { 
	text-decoration:none; 
	color:#FFFFFF; 
	}
#customer a:hover   { color:#e6d54c;  }
/*------------------------------------------* CONTENT */
#content { 
    width:740px; 
	margin:0 auto;
	padding:1px 30px 1px 30px; 
	font: normal normal 13px Verdana, sans-serif;
	}
	
#content a         { text-decoration:none; }
#content a:link    { color:#999999; }
#content a:visited { color:#999999; }
#content a:hover   { color:#000000; }

#content #left  {
	width:140px; 
	float:left;
	}
#content #left ul   { 
	list-style:none;
	text-align:right; 
	margin:0px; 
	padding:0px; 
	}
#content #left li {
	background-image:url(images/separation.gif);
	height: 20px; 
	}
#content #left li a {
font-weight:bold;
	text-decoration:none;
	color:#999999;
	}
#content #left li a:hover   { color:#000000;  }
#content #right  {
	width:570px; padding-left:30px;
	float:right;
	}
#content #right img { border:1px solid #999999; }
#content #central  {
	width:500px; 
	padding-left:120px; 		
	}
#content #central img { border:1px solid #999999; }

/*-------------------------------------------- FOOTER */
#footer { 
	width:738px;
	padding:30px;
	height:26px;
	margin:0 auto;
	background-image:url(images/black.png);
	font: normal normal 10px Verdana, sans-serif;
	text-align:center;
	color:#FFFFFF;
	}
#footer a { 
	text-decoration:none; 
	color:#FFFFFF; 
	}
#footer a:hover   { color:#e6d54c;  }

/*-------------------------------------------- END */