/* Layout */
html{margin:0;padding:0;border:0;min-width:760px}
html *{margin:0;padding:0;border:0}
div#container{margin:0 auto;width:760px}
div#content{margin:0 150px;min-height:320px}
div#header{position:absolute;top:47px;margin-left:35px}
div#footer{position:absolute;top:59px;margin-left:615px;width:155px}
div#extra{position:absolute;top:282px;margin-left:615px}
div#cloud{margin: 50px 180px 10px 180px;}

div#navigation a{width:100%;height:53px;padding-right:25px;padding-top:7px;margin-bottom:2px;display:block;text-transform:uppercase}
div#extra li{width:120px;overflow:hidden;display:block}
div#extra li a{height:20px;width:120px;padding-left:120px;margin:2px 0;display:block}

/* Content Layout */
h1{margin:0;padding:0 30px}
h2{margin:20px 30px 10px 30px;padding:0}
h4{margin:0 30px;padding:0}
div#content ul{margin:5px 30px 0 60px;padding:0}
div#content ol{margin:5px 30px 0 60px;padding:0}
div#content p{margin:10px 30px}

/* Style */
body{font:76% arial,sans-serif;text-align:left}

h1{font-size:1.8em;font-weight:normal;color:#666}
h2{border-bottom:1px solid #666;font-size:1.2em;font-weight:bold;color:#000}
h4{font-size:1em;font-weight:bold}

div#header{font-size:2.1em;font-weight:bold}
div#content p{line-height:1.4;text-align:justify;color:#000}
div#content a{color:#666;text-decoration:none}
div#content a:hover{color:#000}

div#navigation{text-align:right;}
div#navigation a{text-align:right;text-decoration:none;font-size:3.5em;color:#fff}

div#navigation a.homeLink{background:url(../images/menu/home.gif) no-repeat top right}
div#navigation a.portfolioLink{background:url(../images/menu/portfolio.gif) no-repeat top right}
div#navigation a.workLink{background:url(../images/menu/work.gif) no-repeat top right}
div#navigation a.contactsLink{background:url(../images/menu/contacts.gif) no-repeat top right}
div#navigation a.helpLink{background:url(../images/menu/help.gif) no-repeat top right}

div#navigation a.homeLink.selected, div#navigation a.homeLink:hover{background:url(../images/menu/homeHover.gif) no-repeat top right}
div#navigation a.portfolioLink.selected, div#navigation a.portfolioLink:hover{background:url(../images/menu/portfolioHover.gif) no-repeat top right}
div#navigation a.workLink.selected, div#navigation a.workLink:hover{background:url(../images/menu/workHover.gif) no-repeat top right}
div#navigation a.contactsLink.selected, div#navigation a.contactsLink:hover{background:url(../images/menu/contactsHover.gif) no-repeat top right}
div#navigation a.helpLink.selected, div#navigation a.helpLink:hover{background:url(../images/menu/helpHover.gif) no-repeat top right}

div#extra{display:block}
div#extra p#services {font-size:3.5em;font-weight:normal;color:#ddd}
div#extra ul li a{font-size:1.2em;text-decoration:none;color:#fff;font-weight:bold}

div#extra a.pecLink{background:url(../images/menu/submenu/pec.gif) no-repeat top left}
div#extra a.firmaLink{background:url(../images/menu/submenu/firmaDigitale.gif) no-repeat top left}
div#extra a.indicLink{background:url(../images/menu/submenu/indicizzazione.gif) no-repeat top left}
div#extra a.virtualLink{background:url(../images/menu/submenu/virtualizzazione.gif) no-repeat top left}
div#extra a.pecLink.selected, div#extra a.pecLink:hover{background:url(../images/menu/submenu/pecHover.gif) no-repeat top left}
div#extra a.firmaLink.selected, div#extra a.firmaLink:hover{background:url(../images/menu/submenu/firmaDigitaleHover.gif) no-repeat top left}
div#extra a.indicLink.selected, div#extra a.indicLink:hover{background:url(../images/menu/submenu/indicizzazioneHover.gif) no-repeat top left}
div#extra a.virtualLink.selected, div#extra a.virtualLink:hover{background:url(../images/menu/submenu/virtualizzazioneHover.gif) no-repeat top left}

div#cloud{text-align:center}
div#cloud .word{color:#333;display:inline;font-size:1em;font-weight:normal;letter-spacing:2px}
div#cloud .size0{font-size:.7em;letter-spacing:1px;line-height:1.4em}
div#cloud .size1{font-size:1em;line-height:1.4em}
div#cloud .size2{font-size:1.2em;color:#666;font-weight:bold;line-height:1.4em}
div#cloud .size3{font-size:1.3em;color:#aaa;font-weight:bold;line-height:1.4em}
div#cloud .size4{font-size:1.4em;color:#444;letter-spacing:4px;line-height:1.4em}
div#cloud .size5{font-size:1.5em;color:#666;line-height:1.2em}
div#cloud .size6{font-size:1.8em;color:#999;line-height:1em}
div#cloud .size7{font-size:2em;color:#999;line-height:1em}

div#footer{color:#999;font-size:.9em}

div#legal{color:#999}
div#legal a{color:#999;text-decoration:none}
div#legal:hover{color:#000}
div#legal:hover a{color:#000}