/***------------------------------------
ALL
------------------------------------***/

body {
 font-family: 'Lucida Console', Monaco, monospace;
 font-size:100%;
 color: #ffffff;
 background: #000000;
 padding: 0;
 margin: 0 auto;
 text-align: left;
 vertical-align: top;
 border: 0;
 background-attachment:fixed;
 background-image:url('/watermarkdesign/background.gif');
 background-position:center 50px;
 background-repeat:no-repeat;
}

img {
 border: 0;
}

a, a:link, a:visited {
 color: #ff9625;
 text-decoration: underline;
}

a:hover {
 color: #ffffff;
 text-decoration: underline;
}

/***------------------------------------
LAYOUT
------------------------------------***/

#container {
 width: 960px;
 margin: 0 auto;
 padding: 0;
}

#header {
 height:145px;
}
#header-top{
 height:23px;
 text-align:right;
 background-color:#333333;
 padding-top:10px;
 padding-right:10px;
 margin-bottom:10px;
 font-size:0.75em;
}
#header-left { 
 width: 280px;
 margin: 0;
 padding: 0;
 float: left;
}

#header-right {
 width: 640px;
 margin: 0px 0px 0px 40px;
 padding-bottom: 20px;
 float: right;
 text-align: right;
}

#header-right .inner {
}

#header-right ul {
 list-style: none;
 margin: 10px 0px 0px 0px;
 padding: 0;
 text-transform: capitalize;
}

#header-right li {
 margin: 0px 0px 0px 5px;
 padding: 0;
 font-weight: bold;
 display: inline;
}

#title {
 margin: 80px 0px 0px 0px;
 padding: 0;
}

#main {
 width: 960px;
 margin: 0px 0px 40px 0px;
 padding: 0;
}

#left {
 border-top: 33px solid #888888;
 float: left;
 width: 280px;
 margin: 0px 40px 0px 0px;
 padding-top:10px;
}
#nomepagina  {
 text-transform: capitalize;
}
#left ul {
 padding:0px;
 margin: 10px 0px 0px 0px;
 list-style-type:none;
 text-transform: capitalize;
}

#left li {
 margin: 0px 0px 0px 5px;
 padding: 0;
}

#right {
 border-top: 33px solid #888888;
 float: left;
 width: 640px;
 margin: 0;
 padding-top:10px;
}

#descrip { 
 margin-top: 10px;
}

#footer {
 float: left;
 width: 960px;
 margin: 40px 0px 0px 0px;
 padding: 0;
}

.footer-img {
 border-top: 33px solid #888888;
 width: 280px;
 float: left;
}

.callout {
 width: 340px;
 float: left;
}

.callout-title {
 width: 300px;
 margin: 0px 0px 0px 40px;
 background-color: #888888;
}

.callout-title .inner {
 height: 33px;
 line-height: 33px;
 padding-right: 10px;
 text-align: right;
 font-size: 0.75em;
 font-weight: bold;
}

.callout-text {
 width: 300px;
 margin: 0px 0px 0px 40px;
 padding: 0;
}

#bottom {
 float: left;
 display: block;
 width: 960px;
 height: 160px;
 background-color: #333333;
 clear: both;
 padding: 10px;
 font-size: .75em;
 margin-top: 40px;
}

/***------------------------------------
TYPOGRAPHY
------------------------------------***/

h1 {
 font-size: 2.25em; /* 36px */; 
 margin: 0px 0px 10px 0px;
}

h2 {
 font-size: 1.5em; /* 24px */
 margin: 0;
 padding: 0;
}

h3 {
 font-size: 1.125em; /* 18px */
 font-weight: bold;
 margin: 0;
 padding: 0px;
}

h4 {
 font-size: 0.875em; /* 14px */
 margin: 0;
 padding: 0;
 line-height: 1.75;
 font-weight: normal;
}

#header h4 {
 font-size: 0.875em; /* 14px */
 margin: 0;
 padding: 0;
 line-height: 1.75;
 font-weight: bold;
}

p {
 font-size: 0.75em; /* 12px */
 line-height: 1.75;
}

#footer p {
 font-size: 0.75em; /* 12px */
 line-height: 1.75;
}

strong {
 font-weight: bold;
}

h4 span {
 color: #09c;
}

/***------------------------------------
LINKS
------------------------------------***/

#title a, #title a:link, #title a:visited {
 text-decoration: none;
 color: #333;
}

#title a:hover {
 text-decoration: none;
 color: #09c;
}

#left a, #left a:link, #left a:visited {
 text-decoration: none; 
 padding: 0px;

}
#left a:hover {
 text-decoration: none;
 color: #fff;
 padding: 0px;

}
#left li.active {
 text-decoration: none;
 padding: 0px;

}



/***------------------------------------
Menu primo livello
------------------------------------***/
#header-right a, #header-right a:link, #header-right a:visited {
 text-decoration: none; 
 background-color: #ebebeb;
 padding: 10px 15px 10px 15px;
 color: #ffffff;
 font-size: 0.75em;
}

#header-right a:hover {
 text-decoration: none;
 background-color: #09c;
 color: #000;
 padding: 10px 15px 10px 15px;
 font-size: 0.75em;
}
#header-right li.active {
 text-decoration: none;
 background-color: #000;
 color: #fff;
 padding: 10px 15px 10px 15px;
 font-size: 0.75em;
}

/***------------------------------------
Menu secondo livello
------------------------------------***/
#left .mod_navigation {
 margin-top: 10px;
}



/***------------------------------------
Differenziazione colori sezioni (menu primo livello)
------------------------------------***/
#header-right li.home  a, #header-right li.home  a:link, #header-right li.home  a:visited {
 background-color: #88a0e7;
}
#header-right li.about  a, #header-right li.about  a:link, #header-right li.about  a:visited {
 background-color: #684afc;
}
#header-right li.projects  a, #header-right li.projects  a:link, #header-right li.projects  a:visited {
 background-color: #4960f8;
}
#header-right li.inprogress  a, #header-right li.inprogress  a:link, #header-right li.inprogress  a:visited {
 background-color: #4999f8;
}
#header-right li.works  a, #header-right li.works  a:link, #header-right li.works  a:visited {
 background-color: #5fcbca;
}
#header-right li.contacts a, #header-right li.contacts  a:link, #header-right li.contacts  a:visited {
 background-color: #0395a0;
}


/***------------------------------------
Differenziazione colori intestazione sezione
------------------------------------***/
.home #left {
 border-top: 33px solid #88a0e7;
}
.home .footer-img  {
 border-top: 33px solid #88a0e7;
}
.about #left {
 border-top: 33px solid #684afc;
}
.about .footer-img {
 border-top: 33px solid #684afc;
}
.projects #left {
 border-top: 33px solid #4960f8;
}
.projects .footer-img {
 border-top: 33px solid #4960f8;
}
.inprogress #left {
 border-top: 33px solid #4999f8;
}
.inprogress .footer-img {
 border-top: 33px solid #4999f8;
}
.works #left {
 border-top: 33px solid #5fcbca;
}
.works .footer-img {
 border-top: 33px solid #5fcbca;
}
.contacts #left {
 border-top: 33px solid #0395a0;
}
.contacts .footer-img {
 border-top: 33px solid #0395a0;
}