body { height:100%; margin:0px; font-family:verdana,arial; text-align:center; font-weight:400; font-size:100%; padding:0; background: url(img/bg.jpg) repeat-x; } 
    
    h1 { font-size:90%; color:#c1d0f0; margin-bottom:10px; margin-top:0px; }
    h2 { font-size:70%; font-weight:bold; color:#c1d0f0; margin-bottom:10px; margin-top:10px; }
    p { margin-bottom:8px; margin-top:8px; }
    a { color:#c1d0f0; text-decoration:underline; }
    a:hover { color:#c1d0f0; text-decoration:none; }
    p { font-size:70%; color:#c1d0f0; }
    td { font-size:70%; color:#c1d0f0; }
    
    /* --- page wrapper --- */
    
    #main { width:750px; margin-left:auto; margin-right:auto; }
    
    /* --- top banner and navigation --- */
    
        #top { margin-top:15px; background: url(img/52s-top.gif); width:750px; height:125px; text-align:left; }
            #top .home { position:relative; top:102px; left:164px; }
            #top .whatson { position:relative; top:102px; left:164px; }
            #top .menu { position:relative; top:102px; left:164px; }
            #top .corporate { position:relative; top:102px; left:164px; }
            #top .guest { position:relative; top:102px; left:164px; }
            #top .interiors { position:relative; top:102px; left:164px; }
            #top .location { position:relative; top:102px; left:164px; }
            
    /* --- main page images --- */  
      
        #indexBanner { margin-top:6px; background: url(img/indexBanner.jpg); width:750px; height:195px; }
        #corporateBanner { margin-top:6px; background: url(img/corporateBanner.jpg); width:750px; height:125px; }
        #locationBanner { margin-top:6px; background: url(img/locationBanner.jpg); width:750px; height:125px; }
        #christmasBanner { margin-top:6px; background: url(img/christmasBanner.jpg); width:750px; height:125px; }
        #corporateBanner { margin-top:6px; background: url(img/locationBanner.jpg); width:750px; height:125px; }
        #guest-listBanner { margin-top:6px; background: url(img/whatsonBanner.jpg); width:750px; height:125px; }
        #interiorsBanner { margin-top:6px; background: url(img/interiorsBanner2.jpg); width:750px; height:125px; }
        #whatsonBanner { margin-top:6px; background: url(img/whatsonBanner.jpg); width:750px; height:125px; }
        #menusBanner { margin-top:6px; background: url(img/menusBanner.jpg); width:750px; height:125px; }
        
        
        #indexBar { margin-top:6px; background:#6c7685; height:75px; width:750px; text-align:left; }
        
    /* --- main content --- */
    
        #content { text-align:left; margin-top:6px; background:#424974; width:750px; height:auto; }
        
           #content .left { float:left; margin-top:6px; margin-bottom:6px; margin-left:5px; margin-right:10px; width:589px; }
           #content .right { float:left; margin-top:6px; margin-bottom:6px; margin-right:3px; width:135px; }
           
           #content .left2 { float:left; margin-top:6px; margin-bottom:6px; margin-left:5px; margin-right:10px; width:437px; }
           #content .right2 { float:left; margin-top:6px; margin-bottom:6px; margin-right:3px; width:287px; }
           #marg { margin-left:15px; }
               /* --- pictures --- */
               #pictures { margin-left:30px; width:500px; }
                   #pictures .left { float:left; width:150px; }
                   #pictures .right { float:left; width:150px; }
                   #pictures .right2 { float:left; width:150px; }
           
           #content .left3 { float:left; margin-top:6px; margin-bottom:6px; margin-left:5px; margin-right:10px; width:537px; }
           #content .right3 { float:left; margin-top:6px; margin-bottom:6px; margin-right:3px; width:187px; }
        
        #stripe { margin-top:6px; background:#424974; height:5px; width:750px; font-size:0%; }
        
    /* --- page footer --- */
    
        #bottom { margin-top:6px; background: url(img/bottomBar.gif); height:30px; width:750px; position:relative; }
            #info { position:absolute; left:487px; }
            #infoLink { width:150px; height:30px; background-image:url(img/52s-info.gif); }
            #infoLink:hover { background-image:url(img/52s-info-over.gif) ; }
            
    /* --- general styles --- */
    
        .centre { padding:10px; text-align:center; }
        .norm { padding:10px; }
        .lrg { font-size:14px; font-weight:bold; }
        
    /* --- popup --- */
    
        #popup { text-align:center; margin-left:auto; margin-right:auto; }
        
    /* --- forms --- */
         
        .box1 { color:#142B4E; border:1px solid #333;  font:11px Verdana, Arial;  text-indent:1pt; }
        .required { color:f90; font-weight:bold; }
        
        .lnk { color:#c1d0f0; text-decoration:none; }
        .lnk:hover { color:#c1d0f0; text-decoration:underline; }