body, html {
            margin:  0;
            padding: 0;
            background-color: #000;
            color: #000;
            font: 12px normal Helvetica, Arial, sans-serif;
            }
        ul, li {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        
        a, a:link {
           color: #ff8a00;
           text-decoration: none;
           }
        a:hover {
           text-decoration: underline;
           color: #888;
        }
        
object, embed {float: left; margin: 0px 2px 0 0;}
        img {border: none;}
        h2 {
            margin: 0;
            padding: 2px 0;
        }
        
        .header{
           width: 100%;
           float: left;
           clear: both;
        }
        .header .left {
           width: 20%;
           text-align: right;
           float: left;
        }
        .header .right {
           float: left;
           clear: right;
           margin-left: 2%;
        }
        
        
        #wrapper{
            background-color: #fff;
            padding: 5px 0 20px 0;
            width: 100%;
            clear: both;
            overflow: hidden;
            background-image: url('../images/background.jpg');
            background-position: bottom;
            background-repeat: repeat-x;
        }
            #main_nav{
                width: 20%;
                padding: 0 2% 0 0;
                float: left;
                clear: none;
                text-align: right;
                
                background-color: #fff;
               
            }
            #main_nav ul{
                margin-bottom: 5px;
            }
            #content{
                display: inline-block;
                float: right;
                height: auto;
                clear: right;
                width: 78%;
                margin-bottom: 10px;
                overflow: hidden;
                background-color: transparent;
            }
            #content #images {float: left; clear: right; padding: 0 0 0px 0;}
            #content img.main_img {width: 100%;
            }
            #content img.main_img, #content .img_wrap {
                height: 333px;
                margin: 0px 1px 0 0;
                clear: none;
                float: left;
                }
            #content .img_wrap {overflow: hidden;}
            #content .img_wrap .img_ui{
                      z-index: 10000;
                      position: relative;
                      top: 293px;
                      
                      
            }
            
            #content .img_wrap .img_ui img {
                      float: left;
                      
                      }
            
            #content p {
                margin: 5px 0 0 0;
                
            }
            
            pre {
                     width: 500px;
                     font: 12px normal Helvetica, Arial, sans-serif;
                     line-height: 115%;
                     
                      white-space: pre-wrap;       /* css-3 */
                      white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
                      white-space: -pre-wrap;      /* Opera 4-6 */
                      white-space: -o-pre-wrap;    /* Opera 7 */
                      word-wrap: break-word;       /* Internet Explorer 5.5+ */
                     }
            
            #content h2, #content .photo_meta {
                    
                    max-width: 500px;
            }
            .photo_meta {
                      width: 78%;
                      margin-left: 22%;
                
                clear: both;
            }
            #content .fine_print {
                font-size: 85%;
                color: #999;
            }
            
              #imageSlider {clear: both; margin: 10px 10px 10px 22%; width: 64%;}


        #main_footer{
            padding: 0 0 0 21%;
            background-color: #000;
        }
        
        #main_footer img{
            
        }