/* =============================================================================
SICILIAMANIA (SCREENSTRUCTURE)
CRETED BY GIAN-CARLO MIGLIASTRO

BODY DEFINITION AND SITEBOX(WRAPPER)
================================================================================
GREY: #898989; ORNAGE: #f7941d;  YELLOW: #fff200;  RED: #ed1c24;  BLUE: #0194e0;
============================================================================= */

html { width: 100%; height: 101%; }

body {
 margin: 0;
 padding: 0;
 background-image: url(../images/body/backblue_1.jpg);
}

* html body { background-image: url(../images/body/backblue_2.png); }

   /* ==========================================================================
   WRAPPER AND SITEBOX
   ========================================================================== */
   #wrapper {
    position: relative;
    width: 820px;
    margin: 30px auto;
    padding-bottom: 20px;
    border: 0px solid white;
   }
   
      #top_siteborder {
       position: relative;
       width: 820px; height: 15px;
       margin: 0 auto;
       background-image: url(../images/body/topbor_acco.png);
       background-repeat: no-repeat;
      }
      
      * html #top_siteborder {
        background-image: url(../images/body/topbor_acco2.png);
      }
      
   
      /* MIDDLEPART OF THE SITE ============================================= */      
      #middle_siteborder {
       position: relative;
       margin: 0 auto;
       width: 760px;
       padding: 0 30px;
       border: 0px solid white;
       background-image: url(../images/body/middlebor_acco.png);
      }
      
      * html #middle_siteborder { 
              background-image: url(../images/body/middlebor_acco2.png); 
              background-repeat: repeat-y;
             }
   
         #siciliamanialogo {
          position: relative;
          width: 760px; height: 90px;
          text-align: right;
         }
         
         #accomodationdef {
          position: relative;
          width: 760px; height: 20px;
          padding-bottom: 1px;
          border-bottom: 1px dotted #f7941d;
         }
         
            #locationinfo {
             position: absolute;
             width: 375px;
             top: 3px; right: 0;
             text-align: right;
            }
         
         /* ACCOMODATION INTRODUCTION PICTURE ------------------------------- */  
         #accoimg {
          position: relative;
          width: 760px; height: 180px;
          margin: auto; margin-top: 15px;
         }
         
           #accoimg img { position: absolute; }
           #accoimg img.intropicture1 { top: 0; left: 0; }
           #accoimg img.intropicture2 { top: 0; left: 258px; }
           #accoimg img.intropicture3 { top: 0; right: 0; }
           
         
         /* ACCOMODATION INTRODUCTION TEXT ---------------------------------- */  
         #accointrodesc {
          position: relative;
          width: 760px; padding-bottom: 15px; 
          margin: auto; margin-top: 15px;
          border-bottom: 1px dotted #f7941d;
         }
         
         #middlecontent {
          overflow: hidden;
          width: 760px;
          margin: auto; margin-top: 15px;
          padding-bottom: 20px;
         }
         
            #content_left {
             float: left;
             width: 502px;
             padding-right: 7px; 
             border-right: 1px dotted #f7941d;
            }
            
               #description {
                position: relative;
                width: 502px; 
               }
            
               #priceconditions {
                position: relative;
                width: 498px; 
                margin-top: 15px;
                padding: 2px 0 1px 4px;
                background-color: #f7941d;
               }
               
               #pricetable {
                position: relative;
                width: 502px;
                margin-top: 15px;
               }
               
               #priceexplain {
                position: relative;
                width: 502px;  
                margin-top: 15px;
               }
               
               #reserve {
                position: relative;
                width: 500px; height: 20px;
                margin-top: 15px;
                text-align: right;
               }
            
            #content_right {
             float: right;
             width: 244px; height: 300px;
            }
            
               #maptitle {
                position: relative;
                width: 240px;
                padding: 2px 0 1px 4px;
                background-color: #f7941d;
               }
               
               * html #maptitle { width: 236px; margin-left: 8px; }
               
               #map {
                position: relative;
                width: 244px;
                margin-top: 15px;
                padding-bottom: 15px;
                border-bottom: 1px dotted #f7941d;
                text-align: center;
               }
               
               * html #map { margin-left: 6px; }
               
               
               #littlepicture { position: relative; width: 240px; margin: auto; padding: 15px 5px 0 4px; text-align: left; }
               
               * html #littlepicture { position: relative; width: 240px; margin-left: 8px; padding: 15px 1px 0 1px; text-align: left; }
  
                 #littlepicture img { padding: 0 5px 10px 5px; }
               
                 
    
      /* BOTTOM_SITEBORDER ================================================== */   
      #bottom_siteborder {
       position: relative;
       width: 820px; height: 30px;
       margin: 0 auto;
       background-image: url(../images/body/bottombor_acco.png); /* STILL TO CHANGE */
       background-repeat: no-repeat;
      }
      
      * html #bottom_siteborder { background-image: url(../images/body/bottombor_acco2.png); }
      
      #sitesign {
       position: absolute;
       width: 776px; height: 10px;
       bottom: 18px; padding: 0 22px;
       text-align: right;
      }
      
      * html #sitesign {
        bottom: 15px; 
      }
      
         #sitesign span {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 9px; 
          font-style: normal;
          line-height: normal;
          font-weight: normal;
          color: black;
         }