body,html {
    background:#FFF;
    height:100%;
}
body {
    font-family:Helvetica,Arial,sans-serif;


	overflow-x: hidden; overflow-y: auto;
}
#wrapper {
    width:100%;
    position:relative;
    margin:0 auto;
    background:#FFF;
    height:100%;
}

    #wrapper #content {
        
        margin:0 auto;
        position:absolute;
        top:135px;
        left:50%;
        margin-left:-373px;
        
    }
        #wrapper #content .inside {
            
        }
        #wrapper #content .page {
            
        }
        #wrapper #content .current_page {
            
        }

    #wrapper #logo {
        position:absolute;
        background:url(../images/page7.gif);
        width:175px;
        height:135px;
        background-repeat:no-repeat;
        bottom:0px;
        right:0;
        z-index:9999;
    }

#footer {
    position:fixed;
    bottom:0;
    background:url(../images/bg_repeat.png);
    background-repeat:repeat-x;
    height:43px;
    width:100%;
}
#footer ul {
    height:43px;
    background:url(../images/current_page.png);
    background-repeat:no-repeat;
    background-position:30px 0;
}
#footer ul li {
    height:33px;
    float:left;
    padding-right:27px;
    padding-top:10px;
}
    #footer ul li.first {
        padding-left:15px;
    }
    #footer ul li.portfolio {
        padding-left:25px;
        padding-right:25px;
    }
    #footer ul li.page {
        padding-right:14px;
    }
#footer ul li a {
    color:#FFF;
    font-size:19px;
    text-decoration:none;

}
#inside_footer {
    background:url(../images/white_bg.png);
    background-repeat:no-repeat;
}
/* content */
#content {
    
}
    #content p {
        padding-left:3px;
        color:#666;
        line-height:33px;
    }
    #content address {
        padding-left:3px;
        color:#999;
        font-style:normal;
    }
    #content p.content {
        padding-top:30px;
    }
    #content p a {
        color:#770d07;
  
    }
#pages {
    /* 12 pages * 746=8952px; */
    width:8952px;
    position:relative;
}
#pages .page {
   float:left;
   width:746px;
}


h1 {
    color:#770d07;
    font-size:56px;
    letter-spacing:-2px;
    font-weight:normal;
}
h3 {
    font-size:27px;
    font-weight:normal;
    line-height:17px;
    color:#666;
}
h3.home_page {
    line-height:27px;
    padding-left:3px;
    padding-top:3px;
}

/* inside pages */
#clients li {
    float:left;
    width:230px;
    padding-right:45px;
}
    #clients li dt {
        text-align:center;
        padding:45px 0 17px 0;
    }
    #clients li dd {
        background:url(/page7/html/frontend/images/quote_open.png);
        background-repeat:no-repeat;
        background-position:0px 5px;
        color:#666;
        font-size:13px;
        line-height:22px;
        
    }
    #clients li blockquote {
        text-indent:15px;
        background:url(/page7/html/frontend/images/quote_close.png);
        background-repeat:no-repeat;
        background-position:bottom right;
    }
    #clients li cite {
        margin:0;
        padding:0;
        font-size:14px;
        color:#999;
        font-style:normal;
    }
    #clients .other_clients {
        clear:left;
        width:775px;
        height:151px;
        padding-top:50px;
        font-size:0;
        padding-left:6px;
    }
        #clients .other_clients li {
            float:left;
            padding:0;
            font-size:0;
            margin:0;
            border:none;
        }
        #clients li dd p {
            line-height:22px;
        }
/* twitter page */
#twitter h3 {
    height:90px;
}
#twitter .button {
    display:block;
    padding-top:69px;
    padding-bottom:20px;
}
#twitter .inside {
    width:746px;
}
#twitter #tweets li {
    width:232px;
    float:left;
}
    #twitter #tweets li.center {
        padding:0 25px;
    }
    #twitter #tweets dt {
        font-size:14px;
        color:#666;
        
    }
    #twitter #tweets dd {
        font-size:12px;
        color:#999;
        padding-top:3px;
    }
	#twitter a {
        color:#770d07;
    }
/* contact page */
#contact #contact_information {
    padding-top:63px;
}
#contact #contact_information p {
    color:#999;
    line-height:26px
}
#contact #contact_information address {
    padding-bottom:16px;
}
/* portfolio */
#portfolio h4 {
    padding:60px 0 15px 0;
    color:#770d07;
    font-weight:bold;
}
#work_pieces ul {
    padding:3px 0 0 3px
}
    #work_pieces ul li {
        float:left;
        padding-right:15px;
        margin-right:16px;
        font-size:18px;
        border-right:1px solid #666;
        height:14px;
        line-height:14px;
    }
    #work_pieces ul li.seven {
        border-right:none;
        padding-right:0;
        margin-right:0;
    }
    #work_pieces ul li a {
        color:#666;
        text-decoration:none;
    }
#archive {
    clear:left;
    padding-top:34px;
    display:block;
}
/* porfolio page */
.portfolio_piece h3 {
    padding-bottom:57px;
}
#pages .portfolio_piece .block {
    padding-bottom:40px;
}
#pages .portfolio_piece img {
    border:1px solid #d9d9d9;
}
#pages .portfolio_piece .block h1 {
    padding-bottom:14px;
    display:block;
    color:#770d07;
    margin:0;
    font-size:16px;
    letter-spacing:normal;
    font-weight:bold;
    padding-left:3px;
}
#pages .portfolio_piece .block p {
    width:746px;
    line-height:22px;
}
    #content .portfolio_piece blockquote p {
        line-height:22px;
        width:746px;
    }
    .portfolio_piece cite,.portfolio_piece em {
        color:#999;
        padding-top:20px;
        display:block;
    }
    .portfolio_piece .inside ul li {
        float:left;
        padding-top:50px;
        padding-bottom:60px;
        padding-right:40px;
    }