body {margin: 0; padding: 0; background: #e5ebf0; text-align: center; color: #003366; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px;}

a {text-decoration: none;} 
a:link, a:active, a:visited, a:hover {color: #003366;}

img {border: 0; padding: 0; margin: 0;}

#container {position: absolute; top: 50%; left: 50%; margin: 50px 0 0 -384px; width: 786px; height: 460px; 
	background: #fff url(../images/back.jpg) no-repeat;}
/* Hides from IE-mac \*/
#container {margin-top: -230px;}
/* End hide from IE-mac */


/* MAIN NAVIGATION */

#nav1, #nav1 ul, #nav2, #nav2 ul, #nav3, #nav3 ul {float: left; list-style: none; padding: 0; margin: 0; border: 0;}
#nav1 ul, #nav2 ul, #nav3 ul {position: absolute; left: -999em; height: auto; z-index: 2;}
#nav1 li, #nav2 li, #nav3 li {float: left; padding: 0; margin: 0;}
#nav1 a, #nav2 a, #nav3 a {display: block;}


/* first-level */

#nav1 {position: absolute; top: 183px; left: 268px; width: 245px; background: #fff; text-align: left;}
#nav2 {position: absolute; top: 231px; left: 53px; width: 165px; background: #fff; text-align: left;}
#nav3 {position: absolute; top: 231px; left: 564px; width: 165px; background: #fff; text-align: left;}

#nav1 li a img, #nav2 li a img, #nav3 li a img {visibility: hidden;}
#nav1 li a, #nav2 li a, #nav3 li a {font-size: 11px; height: 24px;} 

#b1 {width: 245px; background: url(../images/btn_packaging_over.gif) no-repeat;}
#b1 a {background: url(../images/btn_packaging.gif) no-repeat;}

#b2 {width: 165px; background: url(../images/btn_bathroom_furnishing_over.gif) no-repeat;}
#b2 a {background: url(../images/btn_bathroom_furnishing.gif) no-repeat;}

#b3 {width: 165px; background: url(../images/btn_technical_components_over.gif) no-repeat;}
#b3 a {background: url(../images/btn_technical_components.gif) no-repeat;}

#b1 a:hover, #b2 a:hover, #b3 a:hover {background: none;}


/* second level */

#nav1 ul li, #nav2 ul li, #nav3 ul li {background: #ccd6e0;}

#nav1 ul li a, #nav2 ul li a, #nav3 ul li a {color: #003366; padding: 0; margin: 0; height: 1%; line-height: 24px; background-image: none; text-align: center;
	font-size: 11px; border-bottom: 1px solid #fff;}

#nav1 ul li a:link, #nav1 ul li a:active, #nav1 ul li a:visited {color: #003366;}
#nav1 ul li a:hover {color: #fff; background: #003366;}

#nav2 ul li a:link, #nav2 ul li a:active, #nav2 ul li a:visited {color: #003366;}
#nav2 ul li a:hover {color: #fff; background: #003366;}

#nav3 ul li a:link, #nav3 ul li a:active, #nav3 ul li a:visited {color: #003366;}
#nav3 ul li a:hover {color: #fff; background: #003366;}

#b1 ul {width: 245px;}
#b1 ul li a {width: 245px;}

#b2 ul {width: 165px;}
#b2 ul li a {width: 165px;}

#b3 ul {width: 165px;}
#b3 ul li a {width: 165px;}


/* mouse events */

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {left: -999em;}
#nav1 li:hover ul, #nav1 li.sfhover ul {left: auto;}

#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {left: -999em;}
#nav2 li:hover ul, #nav2 li.sfhover ul {left: auto;}

#nav3 li:hover ul ul, #nav3 li.sfhover ul ul {left: -999em;}
#nav3 li:hover ul, #nav3 li.sfhover ul {left: auto;}

/* IE7 fix */
#nav1 li:hover, #nav1 li.hover {position: static;}
#nav2 li:hover, #nav2 li.hover {position: static;}
#nav3 li:hover, #nav3 li.hover {position: static;}


/* Hide PopUps from IE-mac */
#nav1 ul, #nav2 ul, #nav3 ul {display: none;}
/* Hides from IE-mac \*/
#nav1 ul, #nav2 ul, #nav3 ul {display: inline;}
/* End hide from IE-mac */


/* FOOTER */

#footer {position: absolute; top: 465px; left: 0; width: 786px; font-size: 10px; text-align: center; color: #aec3d4;}
#footer a {text-decoration: none;}
#footer a:link, #footer a:active, #footer a:visited {color: #aec3d4;}
#footer a:hover {color: #003366;}