/* General */
* 			{margin: 0; padding: 0;}
BODY 			{color: #b4b4b4; background: #fff; font-size: 65%; font-family: Tahoma, Verdana, Arial, sans-serif; text-align: center; _behavior: url(css/csshover.htc);}
H2                      {}
IMG                     {border: 0;}
A, A:visited 		{color: #737373; text-decoration: none;}
A:active, A:hover 	{color: #737373; text-decoration: underline;}

/* Layout */
#page 		        {width: 1000px; height: 700px; background: url(../images/bg.jpg) no-repeat; margin: 0 auto; text-align: left; position: relative;}
#header	H1		{width: 266px; height: 87px; overflow: hidden; position: absolute; left: 367px; top: 0; z-index: 1; margin: 0; text-align: center; font-size: 140%;}
#header H1 SPAN		{width: 266px; height: 87px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/logo.gif) no-repeat; display: block; cursor: pointer;}
#header H1 A  		{color: #0c2154; font-size: 100%; font-weight: bold; margin: 10px 0 0 0; display: block;}
#motto                  {position: absolute; left: 158px; top: 115px; text-align: center; line-height: 18px; letter-spacing: 0.5px;}
#footer 		{width: 1000px; position: absolute; left: 0; bottom: 16px;}
#footer P		{float: right; padding-right: 50px;}
#footer #copy		{float: left; padding-left: 50px;}

/* Menu*/
#menu 			{height: 55px; list-style-type: none; position: absolute; left: 82px; top: 275px; margin: 0; z-index: 1;}
#menu LI 		{width: 170px; height: 220px; list-style-type: none; float: left; text-align: center; padding: 0; position: relative;}
#menu H2		{width: 170px; height: 205px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; margin: 0; text-align: center;}
#menu H2 A  		{font-size: 120%; font-weight: bold; margin-top: 60px; display: block;}
#menu H2 SPAN		{width: 170px; height: 205px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; display: block; cursor: pointer;}
#wireli H2 SPAN		{background: url(../images/wireli.jpg) no-repeat;}
#modifer H2 SPAN	{background: url(../images/modifer.jpg) no-repeat;}
#ideal H2 SPAN	        {background: url(../images/ideal.jpg) no-repeat;}
#eurofix H2 SPAN	{background: url(../images/eurofix.jpg) no-repeat;}
#hydrap H2 SPAN	        {background: url(../images/hydrap.jpg) no-repeat;}
#menu UL  		{width: 185px; background: url(../images/li_bg.gif) no-repeat #fff; position: absolute; left: 15px; top: 220px; z-index: 20; padding-top: 18px;}
#menu UL LI 		{width: 185px; height: auto; color: #737373; background: url(../images/li.gif) 0 8px no-repeat #fff; text-align: left; margin: 0; padding: 3px 0 3px 12px; text-transform: uppercase;}
#menu UL A,
#menu UL A:visited      {width: auto; height: 100%; font-size: 100%; font-weight: normal; background: transparent; margin: 0; text-transform: none; display: block; text-transform: uppercase;}
#menu UL,
#menu LI:hover UL UL	{display: none;}
#menu LI:hover UL       {display: block;}

.cleaner                {clear: both;}