#Nav{
    
    background-color:#fff;
    padding-top:54px;
    top:0px;
    left:0px;
    z-index: 999;
    width: 100%;
    position: absolute;
    margin: 0px;
    padding:32px;
}

#Nav:before{
    content:'MENU';
    display: block;
    border-bottom:3px solid #666;
    color:#666;
    position: absolute;
    top:8px;
    right:12px;
    width: 48px;
    text-align: center;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
#Nav:after{
    content:'';
    display: block;
    position: absolute;
    width:48px;
    border-bottom: 3px solid #666;
    right:12px;
    top:38px;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
#Nav .menu:before{
    position: absolute;
    width:48px;
    content:'';
    display: block;
    border-bottom: 3px solid #666;
    right:12px;
    top:44px;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
#Nav.on:before{opacity: 0;}
#Nav.on:after{transform:rotate(45deg); width:32px; top:30px;}
#Nav.on .menu:before{transform: rotate(-45deg);width:32px; top:30px;}
#Nav .menu{
    display: block;
    float: none;
    width:auto;   
    background-color:rgba(255,255,255,0);
    height: 0px;
    overflow: hidden;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    transition-delay: 0.3s;
}
#Nav .menu > li{
    display: block;
    border-bottom:1px solid #dfdfdf;
    padding-bottom: 16px;
    margin-left: 0px;
    position: relative;
    right: 100%;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition-delay: 0s;
}
#Nav .menu > li > a{
    display: inline-block;
    padding:16px 0px 0px 0px;
}
#Nav .menu .submenu{
    position: static;
    padding-left:24px;
}
#Nav .menu .submenu li{
    display: block;
}
#Nav .menu .submenu a{
    padding:8px 0px;
    display: inline-block;
}

#Nav.on .menu{
    height:500px;
    transition-delay: 0s;
    background-color: rgba(255,255,255,1);
}
#Nav.on .menu > li{
    right:0px;
    transition-delay: 0.3s;
}

#Header{
    height: 54px;
}
#Wrapper{
    padding:0px 12px;
}



.books .twocolumn #Mainleft,
.books .twocolumn #Mainright{
    padding:0px;
}
.books #Mainright .book-description{
    width:auto;
    float: none;
}
.books #Mainright .sidebar{
    width:auto;
    float: none;
    margin:0px auto;
    max-width: 300px;
}
.biography #Mainleft{
    padding:45px 12px;
}
.biography #Mainleft .sidebar{
    position: static;
    width:auto;
    max-width: 300px;
    display: block;
    margin:0px auto;
}

.biography #Mainright{
    margin-left:0px;
    padding:45px 12px;
}
.reviews #Mainleft{
    width:auto;
    padding:0px 12px 32px 12px;
    float:none;
    display: block;
}
.reviews .twocolumn #Mainright{
    width:auto;
    display: block;
    float: none;
    margin:0px auto;
    text-align: center;
}

.graphic-design #Mainright{
    float: none;
    width:auto;
}
.graphic-design #Mainleft{
    border:none;
    display: block;
    margin:0px auto;
}

.colortext span.more{
    display: block;
    line-height: 1.5em;
}
.footerright,
.footerleft{
    width:auto;
    float: none;
    text-align:center;
    margin-top:16px;
}

#Home-Top .home-kathy{
    position: static;
    margin-left:auto;
    margin-right: auto;
    text-align: center;
    
}

#Home-Top .home-menu{
    min-height: 0px;
    margin-bottom:24px;
}
#Home-Top .home-menu li{
    padding-left:0px;
    padding-top:16px;
}
#Home-Side{
    position: static;
    height: auto;
    padding-bottom: 0px;
}
#Home-Side .comming-soon{
    position: static;
    width:auto;
    display: block;
    background: none;
    border-radius: 0px;
    height: auto;
    text-align: center;
}

#Home-Side .comming-soon h2{
   position: static;
   color:#333;
   text-align: center;
}
#Home-Side .comming-soon h4{
    position: static;
    color:#333;
    text-align: center;
}
#Home-Side .book2,
#Home-Side .book1{
   position: static;
   display: inline-block;
   margin:5px 16px;
   width: 160px;
   height: 230px;
}