/* Css Document ############### *****Artscode.com***** Arts, Communication And Design*/

/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* All design and graphics copyright 2006, [Fabio Benedetti] */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
/* have fun */

/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* ##############################################################################*/ 

/* ###################### tag #########################*/ 




body {
     margin: 0px 0px 30px; 
     font-size: 12px;
     font-family: Verdana,sans-serif; 
     color: #000; 
     padding-top: 0px; 
     background: #FAFFE6 url(img/header_bar.jpg) top center repeat-x;
     color: inherit;
     text-align:left;
     overflow: auto;
}

#bgBody {
     height: 500px;
     /*border: 1px solid white;*/
}

#flashcontent1,
#flashcontent {
     text-align:left;
}

img {
      border: 0px;
}

acronym {
      border-bottom: 1px dotted #A97F25;
      cursor: help;      
}

.imgLeft {
      border: 1px solid #CCC;
      margin: 5px;
      float: left;
}

.imgWork {
      border: 3px solid #EEE;
      margin: 3px;
}

.imgContainer {
      width: 145px;
      float: left;
      margin: 0px;
}

#thumbContainer {
      width: 500px;
      height: 390px;
      float: left;
      margin: 0px;
}

#thumbContainer1 {
      width: 500px;
      height: 330px;
      float: left;
      margin: 0px;
}

.thumbnails {
      border: 0px;
}

.logoContainer {
      background-color: #FFF;
      color: #000;
      border: 1px solid #CCC;
      padding: 3px 3px 1px 3px;
      width: 300px;
      height: 295px;
      float: right;
      margin-top: 8px;
      margin-bottom: 30px;
}

p.textImgContainer {
      width: 140px;
      height:40px;
      margin: 0px;
      float: left;
      padding: 0px 0px 0px 8px;
}

span {
     margin: 0px;
     text-align: left;
}

p {
     margin: 0px;
     font-size: 10px;
     font-family: Arial,Verdana,sans-serif; 
     background-color: transparent;
     color: #A97F25;
     text-align:left;
     padding-left: 4px;
     line-height: 14px;
}

p  b {
     margin: 0px;
     font-size: 10px;
     font-family: Verdana,sans-serif; 
     background-color: transparent;
     color: #A97F25;
     text-align:left;
     line-height: 14px;
     font-weight: bold;
}

p.left {
     font-size: 10px;
     /*text-transform: uppercase;*/
     font-family: Arial, Verdana,sans-serif; 
     line-height: 16px;
     background-color: transparent;
     text-align: left;
     padding-left: 10px;
     color: #A97F25;
     /*color: #EDFFB3;*/
}

p.description {
     font-size: 11px;
     font-family: Arial, Verdana,sans-serif; 
     line-height: 18px;
     background-color: transparent;
     text-align: left;
     padding: 2px 5px 0px 6px;
     color: #A97F25;
}

p.description b {
     font-weight: bold;
     font-size: 11px;
     font-family: Arial, Verdana,sans-serif; 
}

p.form {
     font-size: 12px;
     font-family: Arial, Verdana,sans-serif; 
     line-height: 16px;
     font-weight: bold;
     background-color: transparent;
     text-align: left;
     color: #A97F25;
}

div.bottom {
     float: left;
     width: 100%;
     height: 15px;
}

div.content {
     font-size: 10px;
     font-family: Arial, Verdana, sans-serif; 
     line-height: 14px;
     background-color: transparent;
     text-align: left;
     float: left;
     width: 360px;
     margin-top: 0px;
     padding-left: 10px;
     padding-bottom: 5px;
     color: #666;
}

div.content b {
     background-color: transparent;
     color: #A97F25;
     font-size: 10px;
     font-family: Arial, Verdana, sans-serif; 
     font-weight: bold;
}

html > body .content {
     margin-top: -8px;

}

div.pageContent {
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
	 /*line-height: 18px; originario avevo pensato 18px*/
     line-height: 17px;
     background-color: transparent;
     text-align: left;
     padding-left: 10px;
     padding-bottom: 5px;
     float: left;
     width: 95%;
     margin: 0px;
     color: #000;
}

div.pageContentSpecial {
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
	 /*line-height: 18px; originario avevo pensato 18px*/
     line-height: 17px;
     background: transparent url(img/bg_special.png) top left no-repeat;
     text-align: left;
     padding-left: 10px;
	 height: 90px;
	 padding-top: 30px;
     padding-bottom: 5px;
     float: left;
     width: 95%;
     margin: 0px;
     color: #000;
}

.category {
    width: 227px;
    height: 80px;
    margin: 0px;
}

div.underCategory {
    margin-left: 20px;
    width: 200px;
    text-indent: 20px;
    font-size: 10px;
    letter-spacing: -0.1em;
    font-family:  Verdana, Arial,sans-serif;
    line-height: 15px;
    background-color: transparent;
    text-align: left;
    color: #790000;
}

div#download {
    margin-left: 2px;
    width: 200px;
    font-size: 10px;
    letter-spacing: -0.1em;
    font-family:  Verdana, Arial,sans-serif;
    line-height: 15px;
    background-color: transparent;
    text-align: left;
    color: #790000;
}
.underCategory   b{
     font-family: Arial,sans-serif;
     font-size: 10px;
     /*font-weight: bold;*/
	 letter-spacing: 0.0em;
}

#bookMonth {
    float: left;
    text-align: left;
    background: transparent url(img/bookMonth.gif) top left no-repeat;
    color: #790000;
    width: 135px;
    height: 70px;
}


p.place {
     padding-left: 0.2em;
     margin-right: 2px;
     display: inline;
     font-weight: bold;
     font-size: 11px;
     font-style: italic;
     font-family: Verdana, sans-serif; 
     line-height: 10px;
     background-color: transparent;
     color: #A97F25;
}

/* ###################### titoli #########################*/ 

h1#claim {
     background: transparent url(img/claim.gif) top left no-repeat;
     color: inherit;
     text-indent: -9999px;
     margin-left: 380px;
     margin-top: 15px;
}


img#titleAbout {
     position: relative;
     z-index: 7;
     top: 15px;
     left: 50px;
}

img#titleWorks {
     position: relative;
     z-index: 7;
     top: 15px;
     left: 50px;
}
img#titleContacts {
     position: relative;
     z-index: 7;
     top: 15px;
     left: 50px;
}
img#titleExtra {
     position: relative;
     z-index: 7;
     top: 15px;
     left: 50px;
}

img#titleDesignBook {
     position: relative;
     z-index: 7;
     top: 12px;
     left: 50px;
}

h1.titleArtscode {
     background: transparent url(img/titleArtscode.gif) top left no-repeat;
     color: inherit;
     text-indent: -9999px;
     position: relative;
     z-index: 7;
     top: 20px;
     left: 20px;
}

html>body .titleArtscode {
      top: 10px;
}

span.titleArticle,
h2.titleArticle {
    font-size: 15px;
    margin-bottom: 10px;
     /*font-variant: small-caps;*/
    font-weight: bold;
    font-family: Arial, Verdana;
    background-color: transparent;
    text-align: left;
    width: 95%;
    margin-top: -2px;
    padding: 10px 0px 0px 10px; 
    color: #5E6B3F;
    float: left;
}

h2.titlePage {
    font-size: 15px;
    margin-bottom: 10px;
     /*font-variant: small-caps;*/
    font-weight: bold;
    font-family: Arial, Verdana;
    background-color: transparent;
    width: 95%;
    float: left;
    padding: 10px 0px 0px 10px;
    color: #5E6B3F;
}

h2.titleNews {
    font-size: 13px;
     /*font-variant: small-caps;*/
    font-weight: bold;
    font-family: Arial, Verdana;
    background-color: transparent;
    text-align: left;
    width: 95%;
    margin-top: -5px;
    padding: 3px 0px 0px 10px; 
    color: #5E6B3F;
    float: left;
}


h3.section {
     float: right;
     width: 162px;
     font-size: 13px;
     /*font-variant: small-caps;*/
     font-weight: bold;
     font-family: Arial, Verdana;  
     display: inline;  
     background-color: transparent; 
     color: #B53118;
     padding: 3px;
     height: 15px;
     text-align: right;
}

h3.boxTitleArticle {
    font-size: 11px;
    /*font-variant: small-caps;*/
    line-height: 13px;
    font-family: Verdana, Verdana;
    font-weight: bold; 
    background-color: transparent;
    margin: 0px auto 0px auto;
    text-align:left;
    width: 95%;
    padding: 2px 0px 0px 2px; 
    color: #5E6B3F;
    float: left;
}

h4.titleLinks {
    font-size: 13px;
     /*font-variant: small-caps;*/
    font-weight: bold;
    font-family: Arial, Verdana;
    background-color: transparent;
    text-align: left;
    width: 95%;
    margin-top: -4px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 10px; 
    color: #5E6B3F;
    float: left;
}


span.minidate {
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
    color: #666;
    width: 150px;
    margin: 0px 2px 0px 2px;
    float: left;
}

span.comeBack {
    text-align: right;
    width: 100%;
    text-transform: uppercase;
    padding: 0px 5px 5px 0px;
    float: left;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
    color: inherit;
}

span.send {
    float: left;
    height: 50px;
    background-color: transparent;
    color: inherit;
}

span.site {
    font-weight: normal;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
    color: #000;
    /*color: inherit;*/
}

#header1 {
    height: 270px;
    color: inherit;
    text-align:center;
}


#about {
    margin: 0px;
    width: 227px;
    height: 80px;
    background: url(img/bg_about.gif) top left no-repeat;
    color: inherit;
}

#works {
    margin: 0px;
    width: 227px;
    height: 72px;
    background: url(img/bg_works.gif) top left no-repeat;
    color: inherit;
}
#contacts {
    margin: 0px;
    width: 227px;
    height: 72px;
    background: url(img/bg_contacts.gif) top left no-repeat;
    color: inherit;
}

#extra {
    margin: 0px;
    width: 227px;
    height: 72px;
    background: url(img/bg_extra.gif) top left no-repeat;
    color: inherit;
}

#design {
    margin-top: 10px;
    width: 240px;
    height: 72px;
    background: url(img/bg_designBook.gif) top left no-repeat;
    color: inherit;
}


/* questo div solo per avere un colore di sfondo*/

#containerPageHeaderAnim {
      position: absolute;
      left: 650px;
      top: -10px;
      background: #381006;
      width: 300px;
      height: 276px;
      z-index: 3;
}

#photo {
      position: absolute;
      left: 248px;
      top: 100px;
      width: 530px;
      height: 292px;
      z-index: 3;
      background: #FFF;
      color: #000;
      border: 4px solid #FBFFE6;
}

#SpotPhoto {
      position: absolute;
      left: 260px;
      top: 255px;
      width: 135px;
      height: 126px;
      z-index: 5;
      background: transparent;
      color: #000;
}

#pagePhoto {
      position: absolute;
      left: 248px;
      top: 100px;
      width: 530px;
      height: 203px;
      z-index: 3;
      background: #FFF;
      color: #000;
      border: 4px solid #FBFFE6;
}

#leftColumn {
      position: absolute;
      padding: 10px 0px 0px 8px;
      left: 0px;
      top: 270px;
      width: 237px;
      z-index: 0;
      background: url(img/bg_left.jpg) top left repeat-y;
      color: #000;
}

#centerColumn {
      position: absolute;
      padding: 0px;
      left: 252px;
      top: 410px;
      width: 530px;
      z-index: 1;
      /*border: 1px solid #000;*/
      color: #000;
      text-align: left;
}

#rightColumn {
      position: absolute;
      padding: 10px 0px 0px 0px;
      background: transparent;
      color: #000;
      width: 80px;
      left: 800px;
      top: 270px;
      z-index: 7;
      border-top: 2px solid #EEE;
}

#rightColumn2 {
      position: absolute;
      padding: 10px 0px 0px 0px;
      background: transparent;
      color: #000;
      width: 80px;
      left: 800px;
      top: 410px;
      z-index: 7;
      border-top: 2px solid #EEE;
}

#pageCenterColumn {
      position: absolute;
      padding: 0px;
      left: 252px;
      top: 320px;
      width: 530px;
      z-index: 1;
      color: #000;
      text-align: left;
}

#pageCenterColumn b {
      color: #A97F25;
      font-weight: bold;
}

.aletta {
      float: left;
      width: 360px;
      height: 65px;
      background: url(img/aletta.jpg) left top no-repeat;
      color: inherit;
      text-align: left;
}

.aletta1 {
      float: left;
      width: 360px;
      height: 65px;
      background: url(img/aletta1.jpg) left top no-repeat;
      color: inherit;
      text-align: left;
}

#star {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_works {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_works.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_about {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_about.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_news {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_news.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_design {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_design.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_extra {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_extra.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_products{
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_products.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}
#star_thanx {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_thanx.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_links {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_links.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_copyright {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_copyright.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_last_work {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_last_work.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_actually_working {
      position: absolute;
      left: 95px;
      top: -15px;
      background-image: url(img/star_actually_working.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 85px;
      height: 80px;
      z-index: 8;
}

#star_site_to_visit {
      position: absolute;
      left: 105px;
      top: -15px;
      background-image: url(img/star3.gif);
      background-position:top center;
      background-repeat:no-repeat;
      width: 115px;
      height: 85px;
      z-index: 8;
}

#star2 {
      position: relative;
      z-index: 7;
      left: 105px;
      top: -70px;
      background-image: url(img/star2.gif);
      background-position:top left;
      background-repeat:no-repeat;
      width: 116px;
      height: 20px; /*non modificare!*/
}

html > body #star2 {
      left: 105px;
      top: -75px;
}

input.button {
      float: right;
      margin-right: 140px;
      width: 50px;
      height: 20px;
      border: 0px;
      text-align: right;
}

.bt {
      /*display: inline;*/
      float: left;
      margin: 0px 0px 0px 5px;
      text-align: left;
}

.bt1 {
      float: right;
      padding: 0px 0px 0px 110px;
      text-align: right;
}

.text {
      float: left;
      /*display: inline;*/
      padding-top: 0px;
      padding-bottom: 4px;
      margin: 0px 0px 0px 210px;
      font-size: 10px;
      font-family: Arial,Verdana,sans-serif;
}

#boxNews {
      float: left;
      width: 530px;
      border: 1px solid #A9B77C;
      background: url(img/bg_box.jpg) right bottom repeat-y;
      color: #000;
      margin-top: 10px;
      text-align: left;
}


#boxHotspot {
      float: left;
      width: 530px;
      border: 1px solid #A9B77C;
      color: #000;
      text-align: left;
      background: url(img/bg_box.jpg) right bottom repeat-y;
}

#boxWorks {
      margin-top: 10px;
      float: left;
      width: 527px;
      color: #000;
      padding: 0px 0px 0px 10px;
      text-align: left;
      /*background: url(img/bg_box.jpg) right bottom repeat-y;*/
}

.allBox {
      float: left;
      width: 530px;
      text-align: left;
      background: transparent url(img/aletta_bottom.jpg) right bottom no-repeat;
}

.leftBox {
      float: left;
      width: 372px;
}

.rightHotspot {
      float: right;
      border: 3px solid #FFF;
      width: 145px;
      color: #000;
      /*text-indent: 5px;*/
      padding: 0px 0px 2px 2px;
      margin: 2px 1px 1px 3px;
      text-align: center;
      background: url(img/bg_left.jpg) left top repeat-y;
}

#headerActualWork {
      float: left;
      height: 75px;
      width: 139px;
      color: #000;
      background: url(img/actually_workin.gif) center top no-repeat;
}

#headerLastWork {
      float: left;
      height: 75px;
      width: 339px;
      color: #000;
      background: url(img/last_work.gif) center top no-repeat;
}

.lastWork {
      float: left;
      width: 139px;
      color: #000;
      text-align: center;
}

.actualWork {
      float: right;
      height: 100px;
      width: 339px;
      color: #000;
}

#imgLastWork {
      float: left;
      border: 2px dotted #CCC;
      height: 100px;
      width: 139px;
      color: #000;
      text-align: center;
}

/*DIMENSIONE MAX 330 LARGHEZZA*/
#imgActualWork {
      float: left;
      border: 2px dotted #CCC;
      height: 100px;
      width: 339px;
      color: #000;
      text-align: center;
}


.box {
      width: 140px;
      height: 70px;
      color: #000;
      margin: 0px auto 0px auto;
      text-align: center;
}

#what {
      background: url(img/what.gif) left top no-repeat;
      width: 103px;
      height: 70px;
      color: #000;
      margin: 3px auto 0px auto;
      text-align: center;
}

#site {
      background: url(img/star3.gif) center top no-repeat;
      width: 138px;
      height: 86px;
      color: #000;
      margin: 3px auto 0px auto;
      text-align: center;
}


/*############### links  ################## */

a, 
a:link,  
a:active, 
a:focus,
a:visited {
      background-color: transparent;
      color: #5E6B3F;
      text-decoration: underline;
}

a:hover {
      background-color: transparent;
      color: #A97F25; 
      text-decoration: underline;
}

/*Il validatore dice che questa classe non esiste*/
/*a:selected { */
/*     background-color: transparent;*/
/*    color: #5E6B3F;*/
/*    text-decoration: underline;*/
/* }  */

/*a:selected:hover*/
a:visited:hover {
      background-color: transparent;
      color: #A97F25; 
      text-decoration: underline;
}

/*############### links  ################## */

a.decor a, 
a:link.decor,  
a:active.decor, 
a:focus.decor,
a:visited.decor {
      background-color: transparent;
      color: #A97F25;
      text-decoration: underline;
}

a:hover.decor {
      background-color: #A97F25;
      color: #FFF; 
      text-decoration: none;
}

/*Il validatore dice che questa classe non esiste*/
/* a:selected.decor {*/
/*      background-color: transparent; */
/*      color: #A97F25; */
/*      text-decoration: underline; */
/* } */

/*a:selected:hover.decor*/
a:visited:hover.decor {
      background-color: #A97F25;
      color: #FFF; 
      text-decoration: none;
}

/*############### menu verticale  ################## */

ul.menuVert {
   text-indent: 0px;
   position: relative;
   top: 2px;
   font-size: 9px;
   font-weight: bold;
   letter-spacing: 0em;     
   font-family: Arial; 
   text-align: right;
   width: 200px;
   margin: 0px;
   padding: 0px;
   background-color: transparent;
   color: #003300; 
}

ul.menuVert a {
   font-size: 9px;
   font-weight: bold;
   letter-spacing: 0em;     
   font-family: Arial;  
   display: block;
   height: 20px;
   text-transform: uppercase;
   text-decoration: underline;
   padding: 3px 20px 0px 6px;
   margin: 0px;
   background: url(img/bg_submenu.gif) left top no-repeat;
   color: #003300; 
}

ul.menuVert li {   
   display: inline;  
   background-color: transparent; 
   color: #003300; 
}

ul.menuVert a:link,
ul.menuVert a:focus,
ul.menuVert a:active {
   background-color: transparent;
   color: #003300; 
}


ul.menuVert a:visited {   
   color: #003300; 
   background-color: transparent;
}

ul.menuVert a:hover {    
   text-decoration: underline; 
   background: url(img/bg_submenu_hover.gif) left top no-repeat;
   color: #F2FF9D; 
}

/*############### footerMenu verticale  ################## */

#footerBar {
      float: left;
	margin: 50px 0px 20px 0px;
      text-align: left; 
}

ul.footerMenu {
   text-indent: 0px;
   position: relative;
   top: 2px;
   font-size: 11px; 
   font-family: Georgia, Serif; 
   text-align: left;
   margin: 0px;
   padding: 0px;
   background-color: transparent;
   color: #B53118; 
}

ul.footerMenu  a {
   font-size: 11px;
   font-weight: bold;
   font-style: italic;     
   font-family: Georgia, Serif; 
   text-decoration: underline;
   padding: 3px 2px 0px 2px;
   margin: 0px;
   color: #B53118; 
}

ul.footerMenu  li {
   font-size: 11px;
   font-weight: bold;
   font-style: italic;    
   font-family: Georgia, Serif; 
   display: inline;  
   background-color: transparent; 
   color: #B53118; 
}

ul.footerMenu  a:link,
ul.footerMenu  a:focus,
ul.footerMenu  a:active {
   font-size: 11px;
   font-weight: bold;
   font-style: italic;  
   font-family: Georgia, Serif;  
   background-color: transparent;
   color: #B53118; 
}


ul.footerMenu  a:visited {
   font-size: 11px;
   font-weight: bold;
   font-style: italic;    
   font-family: Georgia, Serif;  
   background-color: transparent;
   color: #B53118;  
   background-color: transparent;
}

ul.footerMenu  a:hover {
   background-color: #B53118;
   font-size: 11px;
   font-weight: bold;
   font-style: italic;
   font-family: Georgia, Serif; 
   text-decoration: none;   
   color: #EEE; 
}

/*############### linkList verticale  ################## */

.linkSpace {
   margin-left: -10px;
   margin-top: 0px;
   padding: 0px;
   width: 540px;
   text-align: left;
   float: left;
}

html > body .linkSpace {
   margin-top: -5px;
   margin-left: -20px;
}

ul.linkList {
   list-style-image: url("img/bt.gif");
   list-style-position: outside;
   font-size: 11px;
   font-family: Verdana, Arial; 
   text-align: left;
   background-color: transparent;
   color: #B53118; 
}

ul.linkList  a {
   display: block;
   font-weight: bold;   
   font-size: 11px;
   font-family: Verdana, Arial; 
   text-decoration: underline;
   margin: 0px;
   background-color: transparent;
   color: #B53118;
}

ul.linkList  li {
   font-weight: bold;   
   font-size: 11px;
   font-family: Verdana, Arial; 
   background-color: transparent; 
   color: #B53118; 
   border-bottom: 1px solid #CCC; 
}

ul.linkList  a:link,
ul.linkList  a:focus,
ul.linkList  a:active {
   font-weight: bold;   
   font-size: 11px;
   font-family: Verdana, Arial; 
   background-color: transparent;
   color: #B53118; 
}


ul.linkList  a:visited {   
   font-weight: bold;   
   font-size: 11px;
   font-family: Verdana, Arial; 
   color: #B53118;  
   background-color: transparent;
}

ul.linkList  a:hover {
   background-color: #B53118;
   font-weight: bold;   
   font-size: 11px;
   font-family: Verdana, Arial; 
   text-decoration: none;   
   color: #EEE; 
}

/*############### formmail  ################## */

fieldset {
     float: left;
     font-family: Arial, Verdana, sans-serif; 
     background-color: transparent;
     text-align: left;
     margin: 0px auto 0px 20px;
     border: 0px;

}

input, textarea{
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
     text-align: left;
     /*float: left;*/
     width: 350px;
     margin: 0px 0px 5px 0px;
     color: #666;
     border: 1px solid #CCC;
	 background: #EEE;
}

/*input:hover, textarea:hover {*/
	/*background: #FFF;*/
	/*border: 1px solid #CCC;*/
/*}*/
input:focus, textarea:focus {
	background: #f4f4f4;
	border: 1px solid #CCC;
}

input.bt {
     font-size: 12px;
     font-weight: bold;
     font-family: Arial, Verdana, sans-serif; 
     text-align: center;
     text-indent: -9999px;
     width: 50px;
     text-transform: uppercase;
     height: 25px;
     margin-bottom: 10px;
     margin-top: 230px;
     border: 1px solid #CCC;
}

textarea {
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
     background-color: transparent;
     text-align: left;
     /*float: left;*/
     overflow: auto;
     width: 350px;
     height: 150px;
     margin: 4px 0px 35px 0px;
     color: #666;
     border: 1px solid #CCC;
}

#recognition {
     position: absolute;
     top: 650px;
     z-index: 1;
	 left: 60px;
     width: 340px;
     height: 400px;
     color: #666;
}