@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Radley);

/* DOCUMENT */

    html { width: 100%; height: 100%; overflow: scroll; color: #e3ddc3; font-family: Helvetica, Arial, Sans-Serif; font-size:12px; line-height: 170%;
        background: url(../images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    body { width: 100%; height: 100%; }
    
    #ie_bg { position: fixed; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale')";
    }

/* LINKS */

    a, a:link, a:visited { color: #72714a; text-decoration: none; cursor: pointer; outline: none; }    
    a:hover, a:active { text-decoration: underline; }

/* HEADINGS */

    h1,h2,h3,h4 { font-family: 'Radley', Georgia, Times, serif; letter-spacing:1px; }
    h1 { font-size: 34px; margin-bottom: 15px; color: #b9b788 }     
    h2 { font-size: 28px; margin: 15px 0; color: #989651 }        
    h3 { font-size: 22px; margin: 15px 0; color: #725D4A }        
    h4 { font-size: 18px; margin: 15px 0; }

/* PARAGRAPH */

    p { margin: 5px 0 15px 0; line-height: 170%; }

/* LISTS */

    ul { margin: 0 10px; padding: 0; }            
    ul li { margin: 0 5px; padding: 5px 0 0 0; list-style: circle; }            
    ol { margin: 0 10px; padding: 0; }    
    ol li { margin: 0 15px; padding: 5px 0 0 0; }

/* FORMS */

    label { display: block; margin: 15px 0; font-weight: bold; }
    input, textarea, select { display: block; margin: 5px 0; width: 97%; border: none; background: #333; color: #fff; padding: 6px 8px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
    select { width: 100%; }
    .button { width: auto; margin: 15px 0; padding: 6px 10px 4px 10px; background: #5c5c5c; cursor: pointer;  }
    *:focus { outline: none; }

/* OTHER */

    hr { height: 1px; background: none; border:0; border-top: 1px dotted #ccc; margin: 25px 0; }    
    table { border-collapse: collapse; }    
    strong { font-weight: bold; }    
    em { font-style: italic; }
    .right { float: right; }    
    .left { float: left; }    
    .align-right { text-align: right; }    
    .align-left { text-align: left; }
    .align-center { text-align: center; }    
    .align-justify { text-align: justify; }
    .hide { display: none; }
    .clear { clear: both; }
    .bold { font-weight: bold; }    
    .italic { font-style: italic; }
    .underline { border-bottom: 1px solid; }    
    .uppercase { text-transform: uppercase; }
    .notification { font-weight: bold; color: #a52a2a; }
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WRAPPER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #wrapper { position: absolute; z-index: 2; top: 15%; width: 100%; background: url(../images/black_40.png); padding: 50px 0 15px 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    header { height: 50px; width: 950px; margin: -50px auto 0 auto; padding: 0; }
    
    header h1 { float: left; font-size: 48px; margin: 1px 0 0 0; color: #fff !important; }
    header h1 span { font-size: 20px; padding: 0 0 0 7px; }
    
    nav, nav ul { display: block; float: right; height: 50px; margin: 0; padding: 0; }
    nav { margin: 0 -15px 0 0; }
    
    nav ul li { display: block; float: left; position: relative; width: 95px; margin: 0 0 0 1px; padding: 0; height: 50px; overflow: hidden; list-style: none; }
    nav ul li a, nav ul li a:link, nav ul li a:visited, .nav_content { display: block; z-index: 99999 !important; cursor: pointer; position: absolute; height: 50px;
                                                                        width: 85px; margin: 0 auto; padding: 12px 5px 20px 5px; text-align: center; 
                                                                        text-decoration: none; font-family: Helvetica, Arial, Sans-Serif; font-size: 15px; 
                                                                        color: #fff; }
    nav ul li a:hover, nav ul li a:active { text-decoration: none; }
    
    nav ul li.active { background: url(../images/black_75.png); }
    
    /* Sub-Nav Drop-Downs */
    nav ul li ul { display: none; }
    
    .nav_slider { position: absolute; z-index: 1; width: 110px; height: 60px; background: url(../images/black_75.png); margin-top: -78px; }
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #main { width: 100%; background: url(../images/black_75.png); padding: 45px 0; z-index: 999 !important; }
    #content { width: 950px; margin: 0 auto; }
    
    #content img { margin: 0 25px; }
    
    .dp_reg { display: none; }
    
    .col_left { width: 630px; float: left; margin: 0 35px 0 0; }
    .col_right { width: 285px; float: left; margin: 0; }
    
    #contact_form { width: 400px; float: right; margin: 0 0 0 50px; }
    
    /* Articles */
    article { }
    article header { position: relative; margin: 0 0 15px 0; padding: 0; }
    article header time { color: #999; float: right; }
    article div { border-left: 5px solid #ebede5; padding: 0 0 0 20px; }
    article p { padding: 0; margin: 0; }
    article a.read_post { margin: 0; }
    
        /* Tags */
        .tags h3 { border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
        .tags ul { margin: 15px 0; }
        .tags ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: block; float: left; }
        .tags ul li a { display: block; float: left; padding: 1px 8px; border: 1px dotted #ccc; }
        .tags ul li a:hover { text-decoration: none; background: #f0f1f0; }
        
        /* Social Bookmarks */
        .bookmarks { margin: 25px 0 0 0; padding: 15px; border: 1px dashed #e4e1e1; }
        .bookmarks h3 { margin: 5px 0 20px 0; }
        .bookmarks ul { margin: 15px 0; }
        .bookmarks ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: inline; float: left; }
        .bookmarks ul li span { font-weight: bold; }    
        .bookmarks ul li a { display: block; width: 24px; height: 24px; float: left; text-indent: -9000px; }
        .bookmarks ul li a.twitter { background: url('../images/bookmarks/twitter.png') no-repeat; }
        .bookmarks ul li a.facebook { background: url('../images/bookmarks/facebook.png') no-repeat; }
        .bookmarks ul li a.digg { background: url('../images/bookmarks/digg.png') no-repeat; }
        .bookmarks ul li a.delicious { background: url('../images/bookmarks/delicious.png') no-repeat; }
        .bookmarks ul li a.stumbleupon { background: url('../images/bookmarks/stumbleupon.png') no-repeat; }
        .bookmarks ul li a.google { background: url('../images/bookmarks/google.png') no-repeat; }
    
    
    #comment_block { margin: 25px 0 0 0; padding: 15px; border: 1px dashed #e4e1e1; }
    #comment_block .no_comments { font-weight: bold; }
    #comment_block h3 { margin: 5px 0 20px 0; }
    #comment_block ul { margin: 0; padding: 0; }
    #comment_block ul li { margin: 15px 0; padding: 0 0 15px; list-style: none; border-bottom: 1px solid #e1dcdc; }
    #comment_block ul li p { margin: 0; padding: 5px 0; }
    
    /* Contact Form */
    #emailform { margin: 25px 0 0 0; padding: 15px; background: #fffefc; border: 1px dashed #e4e1e1; }
    #emailform h3 { margin: 5px 0 20px 0; }
    
    /* Gallery */
    .gallery_loading { height: 100px; background: url(../images/loader.gif) no-repeat center; }
    
    .gallery ul { margin: 0; padding: 0; }
    .gallery ul li { margin: 0 10px 5px 0; padding: 0; list-style: none; float: left;  }
    .gallery ul li a { display: block; border: 2px solid #fff; height: 111px; margin: 0 0 5px 0; }
    .gallery ul li a:hover { border: 2px solid #b7b7b7; }
    .gallery ul li img { border: 1px solid #ccc; padding: 2px; }
        .gal_info { width: 100px; }
        .gal_info span { display: block; padding: 0 2px 5px 2px; line-height: 120%; }
        .gal_line1 { font-weight: bold; }
        .gal_line2 { color: #999; font-style: italic; }
        .gal_line3 {  }
        
    /* Slider */
    .slider { height: 300px; }
    .slider ul { margin: 0; padding: 0; position: absolute; left: 0; width: 100%; height: 300px; overflow: hidden; white-space:nowrap; }
    .slider ul li { margin: 0 10px 5px 0; padding: 0; list-style: none; display: inline-block; overflow: hidden; width: 320px;  }
    .slider ul li a { display: block; border: none; margin: 0; padding: 0; overflow: hidden; width: 300px; height: 300px; }
    .slider ul li a:hover { border: none; }
    .slider ul li img { border: none; padding: 2px; }
    
    .slider .blind { display: block; position: absolute;  width: 150px; height: 300px; border: none; }
    .slider #blind_left {  background: url(../images/blind_left.png) repeat-y; z-index: 999; left: 0; }
    .slider #blind_right {  background: url(../images/blind_right.png) repeat-y; z-index: 999; right: 0; }
    
    .slider .blind_txt { display: block; color: #999999; font-size: 50px; margin: 120px 0 0 30px; }
    .slider #blind_left .blind_txt { display: none; }
    .slider #blind_right .blind_txt { margin-left: 100px; }
    .slider a.blind:hover { text-decoration: none; color: #fff; font-weight: bold; }
    .slider a.blind:hover .blind_txt { color: #fff; }
    
    /* Interior Design Slider */
    #slider_id { width: 950px; margin: 0 auto; position: relative; }
    
    
    /* Fader */
    .fader { display: block; float: right; overflow: none; min-height: 300px; width: 450px; margin: 0 0 5px 25px; padding: 0; }
    .fader ul { display: block; position: relative; margin: 0; padding: 0; }
    .fader ul li { display: block; position: absolute; list-style: none; top: 0; left: 0; margin: 0; padding: 0; z-index: 1;  }
    .fader ul li a, .fader ul li a img { display: block; margin: 0; padding: 0; }
    .fader ul li a img { border: 5px solid #000; }
    
        /* Lightbox */
        #jquery-overlay { position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
        #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
        #jquery-lightbox a img { border: none; }
        #lightbox-container-image-box { position: relative; background-color: #fff;    width: 250px; height: 250px; margin: 0 auto; }
        #lightbox-container-image { padding: 10px; }
        #lightbox-loading {    position: absolute; top: 40%; left: 0%;    height: 25%; width: 100%; text-align: center; line-height: 0; }
        #lightbox-nav {    position: absolute;    top: 0;    left: 0; height: 100%; width: 100%;    z-index: 10; }
        #lightbox-container-image-box > #lightbox-nav { left: 0; }
        #lightbox-nav a { outline: none;}
        #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
        #lightbox-nav-btnPrev { left: 0; float: left; }
        #lightbox-nav-btnNext { right: 0; float: right; }
        #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif;    background-color: #fff;    margin: 0 auto;    line-height: 1.4em;    overflow: auto;    width: 100%; padding: 0 10px 0; }
        #lightbox-container-image-data { padding: 0 10px; color: #666; }
        #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }    
        #lightbox-image-details-caption { font-weight: bold; }
        #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }            
        #lightbox-secNav-btnClose {    width: 66px; float: right; padding-bottom: 0.7em; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    footer { position: fixed; width: 100%; bottom: 0; z-index: 9999; padding: 0; margin: 0; background: url(../images/black_40.png); font-size: 13px; }
    footer a, footer a:link, footer a:visited { color: #fff !important; }
        footer div { width: 950px; margin: 0 auto; padding: 10px 0; }
        footer #follow { float: right; }
            footer #follow li { display: inline; float: left; margin: 0; padding: 0; list-style: none; }
            footer #follow li a { display: block; float: left; margin: 0 0 0 20px; padding: 0 5px; }