/*------------------------------------------------------
CSS Created:	05/06/2009
CSS Author:		Alessandro Avallone
email:			alex@hmd.it
website:		hmd.it
---------------------------------------------* BODY */
html { overflow: -moz-scrollbars-vertical; }
html, body { 
	margin:0; 
	padding:0; 
	height:100%; 
	}
form { margin:0; padding:0; }
img  { border:0; }
h1   { 
	height:0;
	margin:0; 
	padding:0;
	text-indent:-20000px;
	font:normal normal 1px Arial;
	}
/*-------------------------------------------* CONTAINER */
#wrapper {
	margin:0 auto;
	position:relative;
	width:800px; 
	min-height:100%;
	background-color:#33589c;
	}
* html #container { height:100%; }
/*-------------------------------------------* HEADER */
#header {
	margin:0 auto;
	position:relative;
	width:800px;
	height:320px;
	}
/*-------------------------------------------* NAV-BAR */
#nav-bar {
	margin:0 auto;
	position:relative;
	width:800px;
	height:55px;
	}
/*-------------------------------------------* SUB-NAVIGATION */
#sub-nav {
	height:50px;
	margin:0 auto;
	padding:0;
	background-image:url(images/sub-nav.jpg);
	background-repeat:no-repeat; 
	}	
#sub-nav ul         { margin:0 0 0 230px; padding:0px; list-style:none;  }
#sub-nav li         { display:inline; float:left; padding:15px 40px 0 0; }
#sub-nav li a       { font: normal bold 14px Arial, sans-serif; text-decoration:none; color:#2b60a2; }
#sub-nav li a:hover { text-decoration:underline; }
#sub-nav #current   { font-weight:bold; }
/*-------------------------------------------* CONTENT DIV */
#content {
	margin:0 auto;
	position:relative;
	width:700px;
	background-image:url(images/content-bgr.jpg);
	padding:5px 50px;
	font: normal normal 14px Arial, sans-serif;
	text-align:justify;
	line-height:25px;
	}
#content a { font-weight:bold; color:#000000; }
#content a:hover { color:#006699; }
#content #left {
	width:450px;
	float:left;
	margin:0 20px 0 0;
	}
#content #right{
	width:230px;
	float:left;
	}
/*-------------------------------------------* PROD NAV BAR */
#content #prod-nav-bar    { }
#content #prod-nav-bar li { display: inline; }
#content #prod-nav-bar li a { 
	float:right;
	margin-right:25px;
	}
/*-------------------------------------------* CONTENT CLASSES*/	
#content .subtitle { 
	width:690px; 
	height:19px; 
	padding:8px;
	background-image:url(images/subtitle.jpg);
	font: normal bold 16px Arial, sans-serif; 
	color:#FFFFFF;
	}
#content .toggler        { cursor:pointer; font-weight:bold; margin: 0; padding:5px; }
#content .toggler:hover	 { background:#eee; }
#content .element	     { padding:0 5px;   }
/*-------------------------------------------* FOOTER */
#footer {
	margin:0 auto;
	position:relative;
	width:750px;
	height:20px;
	color:#FFFFFF;
	text-align:center;
	padding:25px;
	font: normal bold 11px Arial, sans-serif;
	}