html {background: #6651d5 url('../img/bg-body.png') 0 0 repeat-x; text-align: center; color:#fff; height: 100%;}

/* LAYOUT */
#mother {margin: 0 auto; width: 613px; padding: 0 0 54px; text-align: left; background: url('../img/bg-mother-in.png') 22px 100% no-repeat; position: relative;}
#mother .mother-help {background: url('../img/bg-mother.png') 0 80px no-repeat; padding: 250px 0 0 23px; }
#mother .mother-help .in {background: #3B298D; padding: 1px 40px; zoom: 1;}
#header {position: absolute; top: 99px; right: 0; width: 591px; background: url('../img/bg-header.png') 35px 92px no-repeat; height: 300px;}
#main {position: relative; top: -40px;} 

/* MAIN MENU */
#main-menu {position: absolute; top: -40px; left: 0; font-family: verdana; font-size: 108.4%; font-weight: bold;}
#main-menu .reset {margin: 0 0 0 40px;}
#main-menu .reset li {float: left; display: inline; margin: 0 0 0 30px;} 
#main-menu .reset li a {float: left; display: inline; padding: 2px 0 2px 22px; font-weight: bold; background: url('../img/bg-main-menu.png') 0 4px no-repeat; text-decoration: none;}
#main-menu .reset li a:hover {background-position: 0 -96px; text-decoration: underline;} 
#main-menu .reset li.active a {background-position: 0 -96px; text-decoration: none !important; color: #f5fe00;} 

/* LOGO */
#logo-box {position: absolute; top: 27px; left: 32px;}

/* HOME */
.home #header {background: url('../img/header-motive.png') 0 29px no-repeat; height: 300px;}
.home .mother-help {padding: 350px 0 0 23px !important;}
.home #main {top: 0;}

/* ATT IMG */
.att-images {margin: 0;}
.att-images img {border: 4px solid #fff; margin: 0 15px 0 0;}

/* FOOTER */
#footer {margin: 5px auto; width: 613px; font-size: 91.6%; padding: 0 0 20px;}