/* @ www.Spiruli.Net */

/* img { border: none; } */ 


body { 
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: gray;
/*  background-image: url(/images/bg_pattern.gif);
    background-repeat: repeat; */
}

#frame {
    position: relative;
    width: 1024px;
    left: 50%;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-left: -512px;
}

#page {
    float: left;
    width: 1024px;
    text-align: center;
    background-color: white;
}

#header {
    position: static;
    width: 1024px;
    margin-left: 62px;
    margin-right: 62px;
}

#banner { 
    display: block; 
    top: 50px;
    left: 0px;
    width: 900px;
    height: 220px;  
    background-color: white;
}

#logo {
    float: left;
    margin-top: 30px;
    width: 589px;
    height: 108px;
    background: url(/images/logo.gif);
}

#generics {
    float: right;
    margin-top: 50px;
    margin-right: 5px;
    
}

#generics a#choice1 { 
    display: block;
    width: 18px; 
    height: 31px;  
    text-decoration: none; 
}

#generics a#choice2 { 
    display: block;
    width: 87px; 
    height: 31px;  
    text-decoration: none; 
}

#generics a#choice3 { 
    display: block;
    width: 81px; 
    height: 31px;  
    text-decoration: none; 
}

#generic1 {
    float: left;
    width: 18px;
    height: 31px;
    margin-right: 25px;
    background: url(/images/home.gif);
    background-repeat: no-repeat;
}

#generic1:hover {
    background: url(/images/home-over.gif);
}

#generic1.current { 
    background: url(/images/home-on.gif);
}

#generic2 {
    float: left;
    width: 87px;
    height: 31px;
    margin-right: 20px;
    background: url(/images/company.gif);
    background-repeat: no-repeat;
}

#generic2:hover {
    background: url(/images/company-over.gif);
}

#generic2.current { 
    background: url(/images/company-on.gif);
}

#generic3 {
    float: left;
    width: 81px;
    height: 31px;
    background: url(/images/contact.gif);
    background-repeat: no-repeat;
}

#generic3:hover {
    background: url(/images/contact-over.gif);
}

#generic3.current { 
    background: url(/images/contact-on.gif);
}

#menus {  
    position: relative;
    display: block;
    width:900px; 
    height:46px; 
    background:url(/images/menus-home-fr.jpg); 
}

#menus div { position: absolute; padding:0; margin:0;}
#menus #menu1 {left:0px; top:0px; }
#menus #menu2 {left:225px; top:0px;}
#menus #menu3 {left:450px; top:0px;}
#menus #menu4 {left:675px; top:0px;}

#menus a.menu { 
    display: block;
    width: 225px; 
    height: 46px;  
    text-decoration: none; 
}

#menus a.menu:hover, #menus .current {
    background: transparent url(/images/menu-over.png) 0px 0px no-repeat;
}

#main {
    position: absolute;
    top: 266px;
    left: 0px;
    width: 1024px; 
    margin: 0px 0px 0px 0px;
    text-align: left;
    background-color: white;}

#submenus {
    position: relative;
    width: 1024px;
    text-align: center; 
}

#submenu ul {
    padding: 0px 0;
    margin-left: 0;
    font: bold small-caps 20px/5px sans-serif;
}

#submenu ul li {
    list-style: none;
    margin: 0;
    display: inline;
}

#submenu ul li a {
    padding: 0px 20px;
    margin-left: 0px;
    text-decoration: none;
}

#submenu ul li a:link {
    color: gray;
}

#submenu ul li a:visited {
    color: gray;
}

#submenu ul li a:hover {
    color: #00a0c6;
}

#submenu ul li a#current {
    color: black;
    background: white;
}

#tools {
    float: left;
    width: 25%;
}

#box {
    position: relative;
    margin: 0px 25px 10px 25px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    border-top: 1px solid black;
    font: bold small-caps 17px/20px sans-serif;
}

#box ul {
    padding: 0 10px;
    margin-left: 0;
    list-style: none;
}

#box ul li { 
    list-style: none;
    margin: 0px;
}

#box ul li a {
    text-decoration: none;
}

#box ul li a:link {
    color: gray;
}

#box ul li a:visited {
    color: gray;
}

#box ul li a:hover {
    color: #00a0c6;
}

#box ul li a#current {
    color: black;
}

.box-title { 
    font: bold small-caps 17px/20px sans-serif;
    text-align: center;
}


#thumbs {
    position: relative;
    margin: 20px 10px 10px 0px;
   /* border: 1px solid red; */
}

#thumbs img {
    border: none;
    padding: 0px 0px 20px 13px;
}


#thumbtitle {
    padding-left: 20px;
}

#last-box {
    position: relative; 
    margin: 0px 25px 20px 25px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    text-align: left; 
    border-top: 1px solid black;
    border-bottom: 1px solid black;
 /*   border: 1px solid black;
    -moz-border-radius: 12px; */
}

#last-box ul {
    padding: 0 10px;
    margin-left: 0;
    font: bold small-caps 17px/20px sans-serif;
    list-style: none;
}

#last-box ul li { 
    list-style: none;
    margin: 0px;
}

#last-box ul li a {
    text-decoration: none;
}

#last-box ul li a:link {
    color: gray;
}

#last-box ul li a:visited {
    color: gray;
}

#last-box ul li a:hover {
    color: #00a0c6;
}

#last-box ul li a#current {
    color: black;
}

#toolbox {
    position: relative;
    margin: 20px 10px 10px 0px;
    border: 1px solid black;
}

#content {
    top: 10px;
    float: right;
    width: 764px;
    height: 100%;
    background-color: white;
}

#blox {
  width: 764px;
  background: url(/images/border.gif) left repeat-y;
}

#topline {
    left: 260px;
    height: 35px;
    padding: 0px 0px 0px 20px;
    margin: 0;
    background: url(/images/line.gif) top repeat-x;
}

#innercontent {
    margin-right: 10px;
    padding-left: 20px;
}

#content href img { border: 0px solid black; }

#content a { 
    text-decoration: none; 
}

#content h1 {
    font-size: 150%;
}

#content h2 {
    font-size: 140%;
}

#content h3 {
    font-size: 133%;
}

#content h4 {
    font-size: 125%;
}

.tableau {  
    border-collapse: collapse;
}

.tableau tr {
    border: none
}

.tableau th {  
    text-align: left;
    border: none;
    padding: 5px;
}

.tableau td {  
    text-align: left;
    border: thin solid;
    padding: 5px;
}

.tableau table, .tableau table th, .tableau table td { 
    border: none;
}

#content ul {
    list-style-type: disc;
    list-style-position: outside;
}

#content a:link { 
   color: blue;
}

#content a:visited {
    color: blue;
}

#content a:hover {
    color: blue;
}

#footer {
  clear: both;
  background-color: white;
  border-top: 1px solid black;
  padding-left: 0px;
  text-align: center;
}