body{
color:#fff;
}

body#home{background: #cd071e url('PRESS-ON_1.gif') no-repeat left 10px;background-attachment: fixed;}

body#ser{background: #003882 url('PRESS-ON_2.gif') no-repeat left 10px;background-attachment: fixed;}

body#por{background: #000 url('PRESS-ON_3.gif') no-repeat left 10px;background-attachment: fixed;}

#mask{position:fixed; top:0;height:118px;width:100%;margin: 0 0px 0 -20px;background:#cd071e url('mask.jpg') no-repeat 0 0;}
body#por #mask{position:fixed; top:0;height:118px;width:100%;margin: 0 0px 0 -20px;background:#000 url('maskblack.jpg') no-repeat 0 10px;}
body#ser #mask{position:fixed; top:0;height:118px;width:100%;margin: 0 0px 0 -20px;background:#003882 url('maskblu.jpg') no-repeat 0 0;}


#wrap{}

#page{width 500px;margin: 57px 50px 0 508px;text-align:left;background: transparent url('black60.png') repeat 0 0;padding: 0 20px 20px;min-height:535px;}

#por #page{background:transparent url(rosso.png) repeat scroll 0 0}
#ser #page{background:transparent url(giallo.png) repeat scroll 0 0; color:#000;}


h1{color:#000;text-indent:-9999px;}

h2{
font-size:45px;
font-weight:bold;
font-family:helvetica,sans-serif;
text-transform:lowercase;
letter-spacing:2px;
line-height:44px;
}

h3{font-family:helvetica,sans-serif;letter-spacing:2px;}

p{
font-size:18px;
font-weight:lighter;
font-family:trebuchet MS, sans-serif;
text-transform:uppercase;
letter-spacing:4px;
}

ul{
font-size:18px;
font-weight:bold;
font-family:trebuchet MS, serif;
font-style:italic;
text-transform:lowercase;
letter-spacing:2px;
list-style:none;
}

ul li{margin:0 0 5px;}
#ser #page ul, #por #page ul {font-style:normal; text-transform:uppercase;}
#ser #page ul li{margin:0 0 20px;}

span.red{color:#cd071e;}
span.blu{color:#ffd600}
.presson{font-style:italic}

#menu{position: fixed; left:600px;top:0px;text-decoration:none;margin:10px 0 0;}
#menu li {padding:2px 5px; margin: 0px}
#menu li a{text-decoration:none;font-style:normal;color:#cd071e}
#menu li a:hover{color:#000}

#intro{margin:0;background:#cd071e url('tasto-rosso.gif') no-repeat 0 0;width:140px;}
body#ser #intro{margin:0;background:#003882 url('tasto-blu.gif') no-repeat 0 0;width:140px;}
body#por #intro{margin:0;background:#000 url('tasto-nero.gif') no-repeat 0 0;width:140px;}
#intro a{margin:0 0 0 25px}

#servizi{margin:0;background:#cd071e url('tasto-rosso.gif') no-repeat -3px -31px;width:140px;height:26px}
body#ser #servizi{margin:0;background:#003882 url('tasto-blu.gif') no-repeat -3px -31px;width:140px;height:26px}
body#por #servizi{margin:0;background:#000 url('tasto-nero.gif') no-repeat -3px -31px;width:140px;height:26px}
#servizi a {margin:0px 0 0px 43px;position:relative;top:3px;}

#portfolio{margin-left:34px;background:#cd071e url('tasto-rosso.gif') no-repeat -5px -65px;width:140px;height:30px}
body#ser #portfolio{margin:0;background:#003882 url('tasto-blu.gif') no-repeat -5px -65px;width:140px;height:30px}
body#por #portfolio{margin:0;background:#000 url('tasto-nero.gif') no-repeat -5px -65px;width:140px;height:30px}
#portfolio a {margin-left:57px;position:relative;top:2px;}


#footer{position:fixed; left:135px;top:550px;font-size:80%;font-family:trebuchet MS, sans-serif;color:#fff;}
#footer p{color:#003882;}
#footer a {color:#FFd600;}
#footer a:hover {color:#fff;}