/* - - - L A Y O U T - - - */
	
	body {

	margin: 20px 0 0 20px;
    font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #999;
    background: #222;
    
    }
    
    #wrapper {
    background-color: #000;
    width: 750px;
    padding: 25px;
}

    #main {
    padding-top: 10px;
    height: 488px;
    text-align: center;
    padding-left: 4px;
    border: 1px solid #333;
}

    #acmain {
    padding-top: 10px;
    height: 488px;
    text-align: center;
    padding-left: 4px;
    border: 1px solid #333;
    background-image: url("../img/about.jpg");  
    background-position: top center; 
    background-repeat: no-repeat;
}


    #aboutext {
    padding-top: 140px;
    padding-left: 10px;
    padding-right: 10px;
    height: 340px;
    text-align: left;
    overflow: auto;
}

    #contactext {
    padding-top: 170px;
    padding-left: 10px;
    padding-right: 10px;
    height: 300px;
    text-align: center;
    overflow: auto;
}

    #index {
    height: 364px;
    text-align: center;
    margin-top: 227px;
}

    #footer {
    padding-top: 4px;
}

    .spacer {
    clear: both;
}

    #lbox {
    width: 440px;
    height: 58px;
    float: left;
    padding: 0;
    margin: 0;
    border: 1px solid #333;
}

    #lbox2 {
    width: 130px;
    float: left;
}

    #lboxtext {
    padding: 5px;
    font-size: 90%;
    color: #888;
}

    #lbox3 {
    width: 160px;
    text-align: right;
    float: right;
}

/* - - - T E X T  S T Y L E S - - - */

    a img {border: none; }
    h4 { font-size: 105%; font-weight: 600; } 
    h3 { font-size: 115%; font-weight: 600; }
    a { text-decoration: none; color: #999; }
    a:hover { text-decoration: none; color: #fff; }
    .small { font-size: 76%; }
    #aboutext p { font-size: 90%; }

/* - - - N A V I G A T I O N - - - */

#lbox2 ul {
    margin-top: 0;
    margin-left: 4px;
    padding-left: 0;
    list-style-type: none;
}

#lbox2 li { 
    margin: 0 0 3px 0; 
}

#lbox2 a {
    display: block;
    padding: 2px;
    width: 110px;
    height: 12px;
    text-align: right;
    font-size: 10px;
    background-color: #000;
    border: 1px solid #333;
    overflow: hide;
}    
    
a.aboutx { background-image: url("../img/icon_a.gif");  background-position: 2px 2px; background-repeat: no-repeat; }
a:hover.aboutx { background-image: url("../img/icon_a_over.gif");  background-position: 2px 2px; background-repeat: no-repeat; }
a.mainx { background-image: url("../img/icon_m.gif");  background-position: 2px 2px; background-repeat: no-repeat; }
a:hover.mainx { background-image: url("../img/icon_m_over.gif");  background-position: 2px 2px; background-repeat: no-repeat; }
a.contactx { background-image: url("../img/icon_c.gif");  background-position: 2px 2px; background-repeat: no-repeat; }
a:hover.contactx { background-image: url("../img/icon_c_over.gif");  background-position: 2px 2px; background-repeat: no-repeat; }

#lbox2 a:link, #navlist a:visited {
    color: #666;
    text-decoration: none;
}

#lbox2 a:hover {
    color: #999;
    border: 1px solid #888;
}

/* - - - M A I N  G R I D - - - */

    #gridmain {
    margin: 0;
}

    #gridroll01 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll02 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll03 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll04 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll05 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll06 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll07 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll08 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll09 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll10 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll11 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll12 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll13 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll14 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll15 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll16 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll17 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll18 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll19 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll20 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll21 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll22 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll23 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll24 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }
    #gridroll25 { float: left; width: 150px; height: 100px; padding: 0; margin: 0; }



    a.roll01 { display: block; width: 150px; height: 100px; background-image: url("../img/ynr00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll01 { background-position: -150px 0; }
    
    a.roll02 { display: block; width: 150px; height: 100px; background-image: url("../img/yaoc00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll02 { background-position: -150px 0; }
    
    a.roll03 { display: block; width: 150px; height: 100px; background-image: url("../img/mlm00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll03 { background-position: -150px 0; }
    
    a.roll04 { display: block; width: 150px; height: 100px; background-image: url("../img/mkbps00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll04 { background-position: -150px 0; }
    
    a.roll05 { display: block; width: 150px; height: 100px; background-image: url("../img/mh00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll05 { background-position: -150px 0; }
    
    a.roll06 { display: block; width: 150px; height: 100px; background-image: url("../img/bps00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll06 { background-position: -150px 0; }
    
    a.roll07 { display: block; width: 150px; height: 100px; background-image: url("../img/koenigsegg00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll07 { background-position: -150px 0; }
    
    a.roll08 { display: block; width: 150px; height: 100px; background-image: url("../img/ph00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll08 { background-position: -150px 0; }
    
    a.roll09 { display: block; width: 150px; height: 100px; background-image: url("../img/beijing00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll09 { background-position: -150px 0; }
    
    a.roll10 { display: block; width: 150px; height: 100px; background-image: url("../img/ra00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll10 { background-position: -150px 0; }
    
    a.roll11 { display: block; width: 150px; height: 100px; background-image: url("../img/ps200main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll11 { background-position: -150px 0; }
    
    a.roll12 { display: block; width: 150px; height: 100px; background-image: url("../img/av00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll12 { background-position: -150px 0; }
    
    a.roll13 { display: block; width: 150px; height: 100px; background-image: url("../img/absolute00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll13 { background-position: -150px 0; }
    
    a.roll14 { display: block; width: 150px; height: 100px; background-image: url("../img/babyrabbitmobile00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll14 { background-position: -150px 0; }
    
    a.roll15 { display: block; width: 150px; height: 100px; background-image: url("../img/securephone00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll15 { background-position: -150px 0; }
    
    a.roll16 { display: block; width: 150px; height: 100px; background-image: url("../img/selfridges00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll16 { background-position: -150px 0; }
    
    a.roll17 { display: block; width: 150px; height: 100px; background-image: url("../img/ma00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll17 { background-position: -150px 0; }
    
    a.roll18 { display: block; width: 150px; height: 100px; background-image: url("../img/hd00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll18 { background-position: -150px 0; }
    
    a.roll19 { display: block; width: 150px; height: 100px; background-image: url("../img/gd00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll19 { background-position: -150px 0; }
    
    a.roll20 { display: block; width: 150px; height: 100px; background-image: url("../img/parentsgift00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll20 { background-position: -150px 0; }
    
    a.roll21 { display: block; width: 150px; height: 100px; background-image: url("../img/fmps00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll21 { background-position: -150px 0; }
    
    a.roll22 { display: block; width: 150px; height: 100px; background-image: url("../img/chibicoyoko00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll22 { background-position: -150px 0; }
    
    a.roll23 { display: block; width: 150px; height: 100px; background-image: url("../img/ll00main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll23 { background-position: -150px 0; }
    
    a.roll24 { display: block; width: 150px; height: 100px; background-image: url("../img/comingsoon01main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll24 { background-position: -150px 0; }
    
    a.roll25 { display: block; width: 150px; height: 100px; background-image: url("../img/comingsoon02main.jpg"); background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
    a:hover.roll25 { background-position: -150px 0; }


/* - - - G R I D  S P A N  T E X T - - - */

a.roll01 span { display: none; }
a:hover.roll01 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll02 span { display: none; }
a:hover.roll02 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll03 span { display: none; }
a:hover.roll03 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll04 span { display: none; }
a:hover.roll04 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll05 span { display: none; }
a:hover.roll05 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll06 span { display: none; }
a:hover.roll06 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll07 span { display: none; }
a:hover.roll07 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll08 span { display: none; }
a:hover.roll08 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll09 span { display: none; }
a:hover.roll09 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll10 span { display: none; }
a:hover.roll10 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll11 span { display: none; }
a:hover.roll11 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll12 span { display: none; }
a:hover.roll12 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll13 span { display: none; }
a:hover.roll13 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll14 span { display: none; }
a:hover.roll14 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll15 span { display: none; }
a:hover.roll15 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll16 span { display: none; }
a:hover.roll16 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll17 span { display: none; }
a:hover.roll17 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll18 span { display: none; }
a:hover.roll18 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll19 span { display: none; }
a:hover.roll19 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll20 span { display: none; }
a:hover.roll20 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll21 span { display: none; }
a:hover.roll21 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll22 span { display: none; }
a:hover.roll22 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll23 span { display: none; }
a:hover.roll23 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll24 span { display: none; }
a:hover.roll24 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }

a.roll25 span { display: none; }
a:hover.roll25 span { display: block; width: 428px; position: absolute; top: 554px; left: 52px; color: #888; font-size: 90%; text-align: left; }