html{height:100%;overflow:auto;}
body{margin:0;width:100%;height:100%;text-align:center;}

h1{margin:0;}
#w{min-width:900px;padding:15px 0;}
#wHeader{background:#FFF url(/img/bgHeader.gif) 50% 61px no-repeat;margin-bottom:50px;}
#header{margin:0 auto;width:865px;text-align:left;background:#FFF;overflow:hidden;}
#header #logo{float:left;width:315px;}
#header #navH{float:left;margin-top:40px;width:550px;background:transparent url(/img/bgHeader.gif) -2000px bottom no-repeat;overflow:hidden;}
#header img{border:none;}

#navH ul{margin:0;padding:0;list-style:none;position:relative;height:24px;overflow:hidden;}

/*
#navH a{position:absolute;top:0;height:24px;text-indent:-9999px;background-position:0 0;}
#navH #homepage a{left:0;width:135px;background-image:url(/img/bgNav_homepage.gif);}
#navH #studio a{left:135px;width:102px;background-image:url(/img/bgNav_studio.gif);}
#navH #progetti a{left:237px;width:116px;background-image:url(/img/bgNav_progetti.gif);}
#navH #info a{left:353px;width:81px;background-image:url(/img/bgNav_info.gif);}
*/
#navH a{position:absolute;top:0;height:24px;text-indent:-9999px;background-position:0 0;}
#navH #homepage a{left:0;width:94px;background-image:url(/img/bgNav_homepage.gif);}
#navH #studio a{left:135px;width:61px;background-image:url(/img/bgNav_studio.gif);}
#navH #progetti a{left:237px;width:75px;background-image:url(/img/bgNav_progetti.gif);}
#navH #info a{left:353px;width:40px;background-image:url(/img/bgNav_info.gif);}
/*
#navH a{position:absolute;top:0;height:24px;text-indent:-9999px;background-position:0 0;}
#navH #homepage a{left:0;width:92px;background-image:url(/img/bgNav_homepage.gif);}
#navH #studio a{left:135px;width:59px;background-image:url(/img/bgNav_studio.gif);}
#navH #progetti a{left:237px;width:73px;background-image:url(/img/bgNav_progetti.gif);}
#navH #info a{left:353px;width:38px;background-image:url(/img/bgNav_info.gif);}
*/

#navH a:hover{background-position:0 -24px;}
#navH a.active{background-position:0 -24px;}
#navH span{display:none;position:absolute;top:0;left:0;width:100%;height:24px;cursor:pointer;background-position:0 -24px;}
#navH #homepage span{background-image:url(/img/bgNav_homepage.gif);}
#navH #studio span{background-image:url(/img/bgNav_studio.gif);}
#navH #progetti span{background-image:url(/img/bgNav_progetti.gif);}
#navH #info span{background-image:url(/img/bgNav_info.gif);}

#wFooter{background:#FFF url(/img/bgFooter.gif) 50% 0 no-repeat;}
#footer{margin:0 auto;width:865px;background:#FFF url(/img/bgFooter.gif) 0 0 no-repeat;padding:10px 0;}
#footer p{margin:0;font:65% Arial,Verdana,Tahoma;color:#999;line-height:1.5em;}
#footer p a{color:#999;text-decoration:none;border-bottom:1px dotted #999;}
#footer p a:hover{color:#C03;border-bottom:1px solid #C03}

.content{margin:15px auto;width:865px;text-align:left;overflow:hidden;}

/*PROGETTI*/
#navProg{width:315px;float:left;margin-top:47px;}
#navProg ul{margin:0;padding:0;list-style:none;}
#navProg li{font:bold 70% Arial,Verdana,Tahoma;color:#999;margin-top:20px;line-height:1em;}
#navProg li a{padding-left:15px;color:#999;text-decoration:none;}
#navProg li a.active{background:transparent url(/img/listStyleNavProg.gif) 0 50% no-repeat;color:#000;}
#navProg li a:hover{background:transparent url(/img/listStyleNavProg.gif) 0 50% no-repeat;color:#000;}

#wListProg{float:right;width:550px;}
#listProg{height:140px;overflow:auto;}
#listProg table{border:none;margin:0;}
#listProg tr.active td,#listProg tr.selected td a{color:#C03;}
#listProg tr.hover td a{color:#666;}
#listProg tr.active td a{color:#C03;}
#listProg tr.hover td{background:#FAFAFA;}
#listProg td{font:70% Arial,Verdana,Tahoma;color:#999;padding:3px 8px;height:24px;margin:0;border:none;vertical-align:middle;}
#listProg td a{color:#999;text-decoration:none;}
#listProg td.foto{width:54px;padding-right:0;}
#listProg td.foto div{background:#FFF url(/img/bgThumb.gif) left bottom no-repeat;}
#listProg td.foto img{border:1px solid #FFF;margin:0 3px 4px 1px;}
#wListProg .jScrollPaneTrack{left:0;right: auto;}
#wListProg a.jScrollArrowUp{left:0;right:auto;}
#wListProg a.jScrollArrowDown{left:0;right:auto;}
#wListProg .jScrollPaneTrack{background:url(/img/listProg_sc_track.gif) repeat-y;}
#wListProg .jScrollPaneDrag{background:url(/img/listProg_sc_drag_middle.gif) 0 0 repeat-y;}
#wListProg .jScrollPaneDragTop{background:url(/img/listProg_sc_drag_top.gif) no-repeat;height:2px;}
#wListProg .jScrollPaneDragBottom{background:url(/img/listProg_sc_drag_bottom.gif) no-repeat;height:2px;}

#wProgetto{position:relative;}
#opacityProgetto{background:#FFF;width:100%;height:100%;position:absolute;top:0;left:0;display:none;}

#datiProg{width:315px;float:left;padding-top:30px;}
#datiProg h3{margin:15px 60px 15px 0;font:70% Arial,Verdana,Tahoma;color:#999;text-align:right;line-height:1.2em;}
#datiProg p{margin:15px 60px 15px 0;font:70% Arial,Verdana,Tahoma;color:#999;text-align:right;line-height:1.2em;}
#datiProg p a{color:#999;text-decoration:none;border-bottom:1px dotted #999;}
#datiProg p a:hover{color:#C03;border-bottom:1px solid #C03;}
#wFotoProg{position:relative;float:right;width:548px;height:411px;border:1px solid #CCC;overflow:auto;}
#fotoProg{position:relative;}
#fotoProg div{float:left;width:548px;height:411px;overflow:hidden;background:#EEE;position:relative;text-align:center;}
#fotoProg img{border:none;position:relative;}
#fotoProgController{width:548px;height:30px;position:absolute;top:0;overflow:hidden;display:none;}
#fotoProgController .bg{width:100%;height:100%;background:#000;position:absolute;top:0;}
#fotoProgController span{font:70% Verdana,Tahoma,Arial;color:#FFF;position:absolute;}
#fotoProgController span.gallPrev{display:none;left:0px;width:260px;height:23px;padding:7px 7px 0 7px;cursor:pointer;}
#fotoProgController span.gallNext{display:none;right:0px;text-align:right;width:260px;height:23px;padding:7px 7px 0 7px;cursor:pointer;}
#fotoProgController span.gallCount{top:7px;left:263px;}


/*HOME*/
#slideHome{position:relative;width:865px;height:488px;}
#slideHome img{position:absolute;top:0;left:0;display:none;}
#slideHome img.current{display:block;}
#homeFirma{margin:5px 0 20px 0;text-align:right;}
#loadCredits{display:none;}

/*INFO*/
#info{width:315px;float:left;margin-top:140px;}
#info p{margin:20px 60px 20px 0;font:70% Arial,Verdana,Tahoma;color:#999;text-align:right;line-height:1.4em;}
#info p.address{margin-top:0px;}
#info p.email{line-height:1.8em;}
#infoMappa{float:right;width:548px;border:1px solid #CCC;margin-top:140px;}
#info a{color:#999;text-decoration:none;border-bottom:1px dotted #999;}
#info a:hover{color:#C03;border-bottom:1px solid #C03;}

/*STUDIO*/
p.studio{font:70% Arial,Verdana,Tahoma;color:#999;text-align:justify;line-height:1.4em;}
p.studio strong{color:#000;}
p.studio.email{text-align:right;}
p.studio a{color:#999;text-decoration:none;border-bottom:1px dotted #999;}
p.studio a:hover{color:#C03;border-bottom:1px solid #C03;}
#wConNoi{background:#FFF url(/img/bgFooter.gif) 50% 36px no-repeat;}
#wConNoi .content{background:#FFF url(/img/bgFooter.gif) 0 36px no-repeat;}
#wConNoi .content div#partners{width:315px;float:left;}
#wConNoi .content div#collaboratori{width:315px;float:left;}
#wConNoi .content div#portfolio{width:235px;float:left;}
#wConNoi h2{margin:13px 0;height:11px;font-size:1%;text-indent:-9999px;background:#FFF url(/img/t_conNoi.gif) 0 0 no-repeat;}
#wConNoi h3{margin:13px 0;height:10px;font-size:1%;text-indent:-9999px;}
#wConNoi h3.partners{background:#FFF url(/img/t_partners.gif) 0 0 no-repeat;}
#wConNoi h3.collaboratori{background:#FFF url(/img/t_collaboratori.gif) 0 0 no-repeat;}
#wConNoi h3.portfolio{background:#FFF url(/img/t_portfolio.gif) 0 0 no-repeat;}
#wConNoi ul{margin:0;padding:0;list-style:none;}
#wConNoi li{margin:8px 0;padding:0;font:70% Arial,Verdana,Tahoma;color:#999;text-align:justify;line-height:1.4em;padding-left:10px;background:#FFF url(/img/listStyleConNoi.gif) 0 50% no-repeat;}
#wConNoi li a{color:#999;text-decoration:none;border-bottom:1px dotted #999;}
#wConNoi li a:hover{color:#C03;border-bottom:1px solid #C03;}
#wAssociato{width:315px;float:left;position:relative;}
#opacityAssociato{background:#FFF;width:100%;height:100%;position:absolute;top:0;left:0;display:none;}

#navAssociati{width:548px;height:311px;float:right;position:relative;border:1px solid #CCC;background:#FFF url(/images/associati.jpg);}
#navAssociati span{display:none;position:absolute;width:548px;height:311px;}
#navAssociati span#stroisi{background:transparent url(/img/bgNavAss_troisi.jpg) 0 0 no-repeat;}
#navAssociati span#smarrocchi{background:transparent url(/img/bgNavAss_marrocchi.jpg) 0 0 no-repeat;}
#navAssociati span#scoppari{background:transparent url(/img/bgNavAss_coppari.jpg) 0 0 no-repeat;}
#navAssociati ul{position:absolute;top:0;left:0;margin:0;padding:0;list-style:none;width:548px;height:311px;}
#navAssociati li{position:absolute;top:0;height:311px;}
#navAssociati li#troisi{left:0px;width:165px;}
#navAssociati li#marrocchi{left:165px;width:190px;}
#navAssociati li#coppari{left:355px;width:193px;}
#navAssociati a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px;}

#datiAssociato{width:315px;float:left;}
#datiAssociato h3{font:bold 70% Arial,Verdana,Tahoma;color:#000;margin:0 60px 8px 0;text-align:right;}
#datiAssociato p{margin:8px 60px 8px 0;font:70% Arial,Verdana,Tahoma;color:#999;text-align:right;line-height:1.6em;}
#datiAssociato p a{color:#000;text-decoration:none;border-bottom:1px dotted #000;}
#datiAssociato p a:hover{color:#C03;border-bottom:1px solid #C03;}
.fotoAssociato{float:right;border:1px solid #CCC;}

/*CREDITS*/
#credits{margin:0 auto;width:333px;height:170px;background:#FFF url(/images/netstudioercolani.jpg) 0 0 no-repeat;text-indent:-9999px;position:relative;}
#credits h3,#credits p{margin:0;font:70% Arial,Verdana,Tahoma;color:#999;}
#linkStudioercolani{position:absolute;text-decoration:none;width:150px;height:16px;top:140px;left:112px;}

/***jScrollPane***/
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#AAA;}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
/***colorbox***/
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
#modalBackgroundOverlay{background:#000;/*url(/img/stripe.png) 0 0 repeat;*/}
#borderTopLeft{width:12px;height:12px;background:#FFF;}
#borderTopCenter{height:12px;background:#FFF;}
#borderTopRight{width:12px;height:12px;background:#FFF;}
#borderBottomLeft{width:12px;height:12px;background:#FFF;}
#borderBottomCenter{height:12px;background:#FFF;}
#borderBottomRight{width:12px;height:12px;background:#FFF;}
#borderMiddleLeft{width:12px;background:#FFF;}
#borderMiddleRight{width:12px;background:#FFF;}
#modalContent{background:#FFF url(/img/loading.gif) center center no-repeat;}