/*------------------------------------------------------
CSS Created:	09/05/2008
CSS Author:		Alessandro Avallone
email:			alex@hmd.it
website:		hmd.it
------------------------------------------------------ BODY */ 
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#D1DEEB;
	} 
p { margin: 0px; padding: 0px; }
img { border:0; }
/*-------------------------------------------- NAVBAR */
#navbar_container { 
	width:100%;
	height:62px;
	background-color:#FFFFFF;
	}
#navbar { 	
	width: 880px;
	height:62px;
	margin:0 auto;
	font: bold 11px Georgia;
	text-align:center;
	}	
#navbar ul   { list-style:none; margin:0 0 0 32px; padding:0px; }
#navbar li   { display: inline; }
#navbar li a {
    margin-top:20px;
	padding-top:20px;
	width:136px;
	height: 22px;
	float: left;
	text-decoration: none;
	color:#003366;
	background-image:url(images/button_active.jpg); 
	}
#navbar li a:hover   { color:#FFFFFF; background-image:url(images/button_over.jpg); }
#navbar li #current  { color:#FFFFFF; background-image:url(images/button_over.jpg); }

/*-------------------------------------------- HEADER */
#header_container { 
	width:100%; 
	height:220px; 
	background-image:url(images/bgr_header.jpg); 
	} 
#header {
	width:800px;
	margin:0 auto;
	}
/*-------------------------------------------- LEFT COLUMN */
#title      { height:40px;  font: bold 18px Georgia; }

#central_container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	}
#central {
	width: 800px;
	height:100%;
	margin:0 auto;
	}
#central_column     { width: 550px; float:left;   }

#single          { font: normal 12px Georgia; color:#999999; text-align:left; width: 550px; }
#single  a       { color:#666666; text-decoration: none; }
#single  a:hover { color:#000000; }
/*-------------------------------------------- RIGHT COLUMN */
#right_column {
	width: 220px; height:200px; float:right; 
	background-image:url(images/separation.jpg); 
	background-repeat:no-repeat;  
	font: normal 14px Georgia; color:#999999;
	text-align:right;
	} 
#right_column ul { list-style:none; }

#right_column .subsection{ 
	width:200px; height:20px; 
	background-image:url(images/bullet.jpg); background-position:right; background-repeat:no-repeat; 
	}
#right_column .current{ 
	width:200px; height:20px;
	background-image:url(images/bullet_current.jpg); background-position:right; background-repeat:no-repeat; 
	}
#right_column li a       { margin-right:30px; text-decoration:none; color:#999999; }
#right_column li a:hover { color:#000000; }
/*-------------------------------------------- CONTENT */
.price         { font: bold 15px Georgia; color:#FF0000; padding-top:5px; }
.offer         { width:250px; float:left;  }
.offer_info    { font: normal 13px Georgia; margin-left:7px; }

.thumb                { width:120px; float:left; margin:10px 10px 10px 0; text-align:center; }
.thumb_pic            { height:120px; background-image:url(images/thumb.jpg);   background-repeat:no-repeat;  }
.thumb_pic img        { margin-top:10px; }
.thumb_empty          { height:120px; background-image:url(images/thumb_empty.jpg); background-repeat:no-repeat;  }



.code         { font: bold 11px Georgia; margin-top:5px; text-align:center; }
.info         { font: normal 11px Georgia; color:#999999; text-align:left; }
.info a       { color:#666666; text-decoration: none; }
.info a:hover { color:#000000; }

.separation  { height:15px; background-image:url(images/sepLine.gif); }
.clear       { clear:both; visibility:hidden; }
/*-------------------------------------------- FOOTER */
#footer { 
	width:100%; 
	height:45px; 
	background-image:url(images/bgr_footer.jpg); 
	background-repeat:repeat-x; 
	}