/*  ==========================================================================
    05. LAYOUT
    ========================================================================== */


html { background-image: url(/css/site/cssimg/bg/grain.gif); background-repeat: repeat; padding: 12px 0; }


.container { width: 95%; max-width: 1000px; margin: 0 auto; text-align: center; position: relative; overflow: hidden; }

.line { display: block; width: 1px; height: 100%; background-color: rgba(39, 54, 145, 0.2); position: absolute; top: 0; left: 247px; z-index: 99; }



.sidebar { position: relative; float: left; width: 248px; text-align: left; margin: 0 0 -9999px; padding: 0 0 9999px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; z-index: 2; }




.content { float: right; margin: 0 0 -9999px -248px; padding: 0 0 9999px; width: 100%; text-align: left; position: relative; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; left: 0; }
    .contentInner { margin-left: 248px; padding: 0 25px; }
    .contentHeader { padding: 47px 0 0 0; overflow: hidden; height: 103px; border-bottom: #D2D0D0 1px solid; margin-bottom: 1em; }


.content footer { clear: both; border-top: #d2d0d0 1px solid; padding: 15px 0; text-align: center; margin-top: 40px; }
