/* Let's get medieval */

/*

------------------------------------------------------

I 've established myself as one of the leading developers of new technology in Geneva.

I intent to continue to push the boundaries of technology developing exciting and Web Business developments for the global market.

I have a culture of innovation where I can make a difference
------------------------------------------------------

*/

body {
font-size: 81%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #fff;
}

#banner {
padding: 2.0em 0 2.0em 5.0em;
background: #336699;
margin-bottom: 0;
}

#banner p {
font: bold 2.0em "Trebuchet MS", "Lucida Console", sans-serif;
margin: auto 1.5em auto 0;
letter-spacing: -0.05em;
color: #fff;
}

#banner p:first-letter {
font: bold 3.0em "Trebuchet MS", "Lucida Console", sans-serif;
color: #F0B372;
margin-right: -0.125em;
}

#nav-toplevel {
max-width: 56.0em;
}

/* ------- NAV META  -------  */

#nav-meta {
font-size: 1.0em;
line-height: 1.2em;
font-variant: small-caps;
position: absolute;
top: 1.0em;
right: 1.0em;
width: 15.0em;
padding: 0;
color: #fff;
background: transparent;
}

#nav-meta ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-meta li {
list-style: none;
margin: 0;
}

#nav-meta ul li a:link, #nav-meta ul li a:visited {
text-decoration: none;
color: #fff;
background: transparent;
padding-left: 0.5em;
display: block;
border-bottom: 1px solid #ececec;
}

#nav-meta ul li a:hover, #nav-meta ul li a:active, #nav-meta ul li a:focus {
border-bottom: 1px solid #D52E2E;
color: #D52E2E;
background: #F7D9AF;
display: block;
}

/* ------- MAIN NAVIGATION  -------  */

#nav-toplevel {
width: 100%;
background: transparent;
}

#nav-main {
background: transparent;
margin: 0;
padding: 0;
font: bold 1.1em "Trebuchet MS", georgia, serif;
font-variant: small-caps;
}

#nav-main:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

#nav-main ul {
list-style: none;
padding: 0;
margin: 0 ;
}

#nav-main li {
display: block;
float: left;
width: 13%;
margin: 0 0.8% 0 0;
padding: 0;
}

#nav-main ul li a:link, #nav-main ul li a:visited {
display: block;
width: 100%;
padding: 0.3em;
border-right: solid 1px #B31A1A;
border-bottom: solid 1px #B31A1A;
color: #345678;
text-decoration: none;
text-align: center;
}

#nav-main li a {
width: auto;
}

#nav-main ul li a:hover {
color: #fff;
background: #B31A1A;
}

#nav-main ul li a.current {
color: #fff;
background: #B31A1A;
}

#container {
max-width: 66.0em;
clear: both;
width: 100%;
margin: 3.0em auto 0 0;
}

#content {
width: 73%;
padding: 1.5em 1.5em 1.5em 1.5em;
margin: 0;
float: left;
border-right: solid 1px #C90000;
color: #4F4F4F;
}

/* ------- SUBNAVIGATION  -------  */

#nav-subs {
float: left;
width: 20%;
margin: 0;
padding: 0;
border-bottom: solid 2px #900;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 0.9em;
}

#nav-section:before {
content: " Other links";
display: block;
font: bold 1.3em "Trebuchet MS", arial, sans-serif;
padding: 0 0.5em;
color: #900;
}

#nav-section ul {
border-top: solid 1px #900;
list-style: none;
border-bottom: solid 2px #900;
margin: 0;
padding: 0;
}

#nav-section li a:link, #nav-section li a:visited {
display: block;
border-bottom: solid 1px #ddd;
border-right: solid 0.9em #F4C6A1;
padding: 0.125em 1.0em;
color: #777;
text-decoration: none;
}

#nav-section li a:hover, #nav-section li a:active, #nav-section li a:focus {
border-right: solid 0.9em;
background: #FFFFCC;
color: #900;
}

/* ------- NAVIGAZIONE SUPPLEMENTARE  -------  */

#nav-supp {
margin: 1.0em 0 0 0;
padding: 0;
}

#nav-supp:before {
content: " Further links";
display: block;
font: bold 1.3em "Trebuchet MS", arial, sans-serif;
padding: 0 0.5em;
color: #900;
border-bottom: solid 1px #900;
}

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp li a:link, #nav-supp li a:visited {
display: block;
padding: 0.125em 1.0em;
border-bottom: solid 1px #ddd;
border-left: solid 0.9em #F7D9AF;
color: #666;
text-decoration: none;
text-align: right;
}

#nav-supp li a:hover, #nav-supp li a:active, #nav-supp li a:focus {
background: #F7D9AF;
border-left: solid 0.9em #900;
color: #900;
}

#info-site {
margin: 2.0em 0;
padding: 1.0em 4.5em;
font-size: 0.8em;
clear: both;
border-top: solid 1px #C90000;
}

#info-company, #info-standards {
display: inline;
}

#info-standards {
margin-left: 2.0em;
}

/* ------- GENERAL TAGS  -------  */

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", georgia, times, "Times New Roman", serif;
letter-spacing: -1px;
margin: 0.5em 3.0em 0.5em 0;
}

#content * {
margin: 0;
}

#content p, #content ol, #content ul {
font-size: 1.0em;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 1.9em;
margin: 0.5em 2.0em;
text-align: justify;
}

#content p {
text-indent: 1.5em;
}

#content h1 + p, #content h2 + p, #content h3 + p, #content h4 + p {
text-indent: 0;
}

h1 {
font-size: 2.4em;
border-bottom: solid 1px;
color: #C90000;
}

h2 {
font-size: 2.1em;
color: #C90000;
}

h3 {
font-size: 1.8em;
color: #C90033;
border-bottom: dashed 1px;
}

h5 {
font-size: 1.4em;
color: #C90033;
}

h6 {
font-size: 1.1em;
color: #C90033;
}

a:link, a:visited {
color: #444;
font-weight: bold;
}

a:hover, a:active, a:focus {
color: #888;
font-weight: bold;
}