@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#666; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; margin:0; padding:0; min-height: 100%; height: auto; background: #fff url(../imgs/sfondi/erba1.jpg) repeat fixed; /* force ie6 to execute expressions before rendering */	
}
html, body{ height: 100%; }
.cleaner{ clear:both;}

/*** WRAP ***/
/*i due pixel nel padding li prende il bordino grigio di 1 pixel a sx e dx, sennò sarebbe 30 e 30*/
#wrapper{ position: relative; z-index: 20; width: 700px; background:#FFF; margin:20px auto; padding:29px 29px 100px; min-height: 100%; border: 1px solid #999999; }

/*** background ***/

#page_background, #body_background{ width: 100%;height: 100%;position: fixed;top: 0;left: 0; }

/*** IMG ***/

/*img{ vertical-align:middle; }*/
img{ border:0; }

/*** FOOTER ***/

#footer_bg, #footer{ width: 100%; height: 80px; position: fixed; bottom: 0; left: 0; }
#footer_bg{ background: transparent url(../imgs/footer_bg.png) repeat-x; z-index: 5; }
#footer{ z-index: 20; }
#footer_nav{ height:80px; margin:0 auto; width:760px; }
#footer_nav a{ display:block; float:left; height:80px; }
#footer_nav a span{ display:none; }
#footer_nav-0{ width:248px; background: transparent url(../imgs/bbbstudio.png) repeat-x; }
#footer_nav-1{ width:130px; background: transparent url(../imgs/grafica-e-design.png); }
#footer_nav-2{ width:99px; background: transparent url(../imgs/siti-web.png); }
#footer_nav-3{ width:112px; background: transparent url(../imgs/assistenza-informatica.png); }
#footer_nav-4{ width:99px; background: transparent url(../imgs/portfolio.png); }
#footer_nav-5{ width:72px; background: transparent url(../imgs/contatti.png); }

#footer_nav-00:hover, #footer_nav-1:hover, #footer_nav-2:hover, #footer_nav-3:hover, #footer_nav-4:hover, #footer_nav-5:hover, #footer_nav a.selected{ background-position: 0 -80px; }

/*** COMMENTI CONDIZIONALI IE ***/
#ie6 #page_background, #ie6 #body_background{ width:100%; height:100%; position:absolute; top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight - offsetHeight); left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth); }
#ie6 #wrapper{ overflow: hidden; }