body {
    background : url('./image/tile.jpeg');
    background-color : #FCFCFC;
    font: 16px "Arial", sans;
    border : 0px;
    padding : 0px;
    margin : 0px;
    color : #666;
}

h1, h2, h3, h4, h5, h6 {
    font-weight : normal;
    color : #666;
}

header h1 {
    font-size : 3em;
    color : #575757;
    padding : 0px;
    margin : 5px;
    font-weight : bold;
}

nav {
    margin : 20px 0px;
    color : #575757;
}
nav a {
    text-decoration : none;
    color : #575757;
    padding : 0px 10px;
}


#advert {
    overflow : hidden;
}


#sponser-ad {
    background-color: #fff;
    box-shadow : 0px 0px 4px #888;
    border-radius : 4px;
    margin : 0px 4px;
}
#sponser-ad h5 {
    margin: 0px;
    margin-left: 10px; 
    padding: 5px;
    font-size: 1.2em;
}
#sponser-ad .sponser-banner {
    background : #E6E6E6;
    width : 728px;
    height : 90px;
    margin : 5px auto;
}
#sponser-ad .sponser-banner-mobile {
    background : #E6E6E6;
    margin : 5px auto;
    width : 320px;
    height : 50px;
}



article section {
    background : url('../image/background_digitalislogo_small.png');
    background-repeat : no-repeat;
    background-position : right 50px;
    background-color : #fff;
    overflow : hidden;
    padding : 10px;
    margin : 10px;
    box-shadow : 0px 0px 4px #888;
    border-radius : 10px;
}

section p,
section h4 {
    margin : 0px;
    padding : 0px;
    margin-left : 70px;
    margin-bottom : 10px;
    color : #666;
}
section h4 {
    font-size : 1.5em;
}
section .learn-more {
    clear : both;
    text-align : right;
    margin : 0px;
    padding-top : 10px;
}
ul li a,
section .learn-more a {
    text-decoration : none;
    color : #0088cc;
    margin-top : 10px;
}

.app-badge {
    background-color : white;
    width : 57px;
    height : 57px;
    display : inline;
    border-radius : 10px;
    box-shadow : 0px 0px 5px #777;

    float : left;
}

.iOS-AppStore {
    background-image : url('../image/app-store.png');
    width : 135px;
    height : 40px;
    margin-left : 70px;
    float : left;
}
.android-PlayStore {
    background-image : url('../image/play-store.png');
    width : 115px;
    height : 40px;
    margin-left : 10px;
    float : left;
}

.coming-soon {
    color  : red;
    padding : 0px;
    margin : 80px 0px;
    text-align : center;
    font-size : 1.5em;
}

footer {
    margin : 10px;
    padding-top : 10px;
    font-size : 0.8em;
    color : #575757;
    overflow: hidden;
}

footer p {
    float: left;
    margin: 0px;
    margin-left: 10px;
}
footer .social-badges {
    float:right;
    margin-right: 10px;
}


article .app-desc .app-badge.your-toast,
.your-toast .app-badge {
    background-image : url('../image/icon/yt-icon-57.png');
}
article .app-desc .app-badge.badger-beaver,
.badger-beaver .app-badge {
    background-image : url('../image/icon/badgervsbeaver-icon-57.png');
}
article .app-desc .app-badge.animal-pack,
.animal-pack .app-badge {
    background-image : url('../image/icon/ap-icon-57.png');
}
article .app-desc .app-badge.monsters-eggs,
.monsters-eggs .app-badge {
    background-image : url('../image/icon/me-icon-57.png');
}
article .app-desc .app-badge.bufc,
.bufc .app-badge {
    background-image : url('../image/icon/bufc-icon-57.png');
}






article .info form {
    font-size : 1.2em;
}
article .info form .txt {
    padding : 8px;
    margin : 5px;
    font-size : 0.8em;
    margin-left : 10px;
    border : 1px solid #bbb;
}
article .info form .btn {
    border : 1px solid #42C0FB;
    background-color : #42C0FB;
    font-weight : bold;
    color : #fff;
    font-size : 0.7em;
}
article .info form .btn:hover {
    border : 1px solid #42C0FB;
    background-color : #fff;
    color : #42C0FB;
}
article .info form textarea {
    font-size : 0.8em;
    padding : 8px;
    margin : 5px;
    margin-top : 10px;
    border : 1px solid #bbb;
    resize : vertical;
}





article .app-desc {
    padding : 0px;
    overflow: hidden;
}
article .app-desc section {
    border : 0px;
    margin : 0px;
    border-radius: 0px;
    background-color: #f8f8f8;
    background-image: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
    background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
    background: -o-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
    background: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
    border-bottom : 2px solid #fff;
    box-shadow : 0px 0px 1px #000;
}

article .app-desc section h1 {
    font-weight: bold;
    color : #666;
}


article .app-desc section h2 {
    color : #666;
    font-weight: bold;
}
article .app-desc section h3 {
    color : #666;
    font-weight: bold;
}
article .app-desc section p {
    color : #666;
    padding: 0px;
    margin : 0px;
}


#trailer {
    background-color: #fff;
    overflow: hidden;
    padding: 8px;
    padding-bottom: 0px;
    width: 120px;
    box-shadow : 1px 1px 5px #777;
}

#trailer img {
    border : 1px solid #ccc;
}

#trailer {
    font-size: 0.8em;
    text-align: center;
    margin : 2px;
    color : #0088cc;
}


article .app-desc .app-badge.game-center-icon {
    background-image : url('../image/descr-icons/GameCenter.png');
    box-shadow: 0px 0px 0px #fff;
}
article .app-desc .app-badge.be-social-icon {
    background-image : url('../image/descr-icons/twitter.png');
    border-radius: 18px;
}
article .app-desc .app-badge.accessibility-icon {
    background-image : url('../image/descr-icons/accessibility.png');
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 32px;
    width: 64px;
    height: 64px;
    padding: 0px;
}


article .app-desc.your-toast-desc #iphone1 .iphone_display {
    background-image : url('../image/descr-graphics/your-toast/screen1.png');
}
article .app-desc.your-toast-desc #iphone2 .iphone_display {
    background-image : url('../image/descr-graphics/your-toast/screen2.png');
}
article .app-desc.your-toast-desc #iphone3 .iphone_display {
    background-image : url('../image/descr-graphics/your-toast/screen3.png');
}
article .app-desc.your-toast-desc #iphone4 .iphone_display {
    background-image : url('../image/descr-graphics/your-toast/screen4.png');
}
article .app-desc.your-toast-desc #iphone5 .iphone_display {
    background-image : url('../image/descr-graphics/your-toast/screen5.png');
}
article .app-desc.your-toast-desc #iphone6 .iphone_display {
    background-image : url('../image/descr-graphics/your-toast/screen6.png');
}


article .app-desc.badger-beaver-desc #iphone1 .iphone_display {
    background-image : url('../image/descr-graphics/badger-beaver/screen1.png');
}
article .app-desc.badger-beaver-desc #iphone2 .iphone_display {
    background-image : url('../image/descr-graphics/badger-beaver/screen2.png');
}
article .app-desc.badger-beaver-desc #iphone3 .iphone_display {
    background-image : url('../image/descr-graphics/badger-beaver/screen3.png');
}
article .app-desc.badger-beaver-desc #iphone4 .iphone_display {
    background-image : url('../image/descr-graphics/badger-beaver/screen4.png');
}
article .app-desc.badger-beaver-desc #iphone5 .iphone_display {
    background-image : url('../image/descr-graphics/badger-beaver/screen5.png');
}
article .app-desc.badger-beaver-desc #iphone6 .iphone_display {
    background-image : url('../image/descr-graphics/badger-beaver/screen6.png');
}


article .app-desc.animal-pack-desc #iphone1 .iphone_display {
    background-image : url('../image/descr-graphics/animal-pack/screen1.png');
}
article .app-desc.animal-pack-desc #iphone2 .iphone_display {
    background-image : url('../image/descr-graphics/animal-pack/screen2.png');
}
article .app-desc.animal-pack-desc #iphone3 .iphone_display {
    background-image : url('../image/descr-graphics/animal-pack/screen3.png');
}
article .app-desc.animal-pack-desc #iphone4 .iphone_display {
    background-image : url('../image/descr-graphics/animal-pack/screen4.png');
}
article .app-desc.animal-pack-desc #iphone5 .iphone_display {
    background-image : url('../image/descr-graphics/animal-pack/screen5.png');
}
article .app-desc.animal-pack-desc #iphone6 .iphone_display {
    background-image : url('../image/descr-graphics/animal-pack/screen6.png');
}


article .app-desc.monsters-eggs-desc #iphone1 .iphone_display {
    background-image : url('../image/descr-graphics/monster-eggs/screen1.png');
}
article .app-desc.monsters-eggs-desc #iphone2 .iphone_display {
    background-image : url('../image/descr-graphics/monster-eggs/screen2.png');
}
article .app-desc.monsters-eggs-desc #iphone3 .iphone_display {
    background-image : url('../image/descr-graphics/monster-eggs/screen3.png');
}
article .app-desc.monsters-eggs-desc #iphone4 .iphone_display {
    background-image : url('../image/descr-graphics/monster-eggs/screen4.png');
}
article .app-desc.monsters-eggs-desc #iphone5 .iphone_display {
    background-image : url('../image/descr-graphics/monster-eggs/screen5.png');
}
article .app-desc.monsters-eggs-desc #iphone6 .iphone_display {
    background-image : url('../image/descr-graphics/monster-eggs/screen6.png');
}


article .app-desc.bufc-desc #iphone1 .iphone_display {
    background-image : url('../image/descr-graphics/bufc/screen1.png');
}
article .app-desc.bufc-desc #iphone2 .iphone_display {
    background-image : url('../image/descr-graphics/bufc/screen2.png');
}
article .app-desc.bufc-desc #iphone3 .iphone_display {
    background-image : url('../image/descr-graphics/bufc/screen3.png');
}
article .app-desc.bufc-desc #iphone4 .iphone_display {
    background-image : url('../image/descr-graphics/bufc/screen4.png');
}
article .app-desc.bufc-desc #iphone5 .iphone_display {
    background-image : url('../image/descr-graphics/bufc/screen5.png');
}
article .app-desc.bufc-desc #iphone6 .iphone_display {
    background-image : url('../image/descr-graphics/bufc/screen6.png');
}
article .app-desc.bufc-desc #iphone7 .iphone_display {
    background-image : url('../image/descr-graphics/bufc/screen7.png');
}




/* support css */
div.iphone {
    display : none;
}
article .app-desc section {
    background: none;
    background-color: white;
}


.js.borderradius.boxshadow.opacity.cssanimations.cssgradients.csstransforms.csstransitions div.iphone {
    display : block;
}
.js.borderradius.boxshadow.opacity.cssanimations.cssgradients.csstransforms.csstransitions article .app-desc section {
    background-color: #f8f8f8;
    background-image: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
    background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
    background: -o-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
    background: -ms-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f8f8));
}