﻿/*-----------------*/
/* About 8elements */
/*-----------------*/
#about8elements
{
    display: block;
    position: relative;
    width: 100%;
    height: 660px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Myriad Pro, Arial;
    font-size: 12px;
    color: #fff;
}

#about8elements img.planet
{
    display: block;
    width: 378px;
    height: 317px;
    border: 0px;
    position: absolute;
    left: 3px;
    top: 7px;
}

#about8elements img.message
{
    display: block;
    width: 400px;
    height: 47px;
    border: 0px;
    position: absolute;
    left: 381px;
    top: 88px;
}

#about8elements a.map
{
    display: block;
    width: 263px;
    height: 190px;
    border: 0px;
    position: absolute;
    display: block;
    left: 518px;
    top: 244px;
}

#about8elements img.map
{
    display: block;
    width: 263px;
    height: 190px;
    border: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#about8elements div.text1
{
    display: block;
    width: 245px;
    height: auto;
    border: 0px;
    position: absolute;
    left: 0px;
    top: 237px;
}

#about8elements div.text2
{
    display: block;
    width: 244px;
    height: auto;
    border: 0px;
    position: absolute;
    left: 257px;
    top: 237px;
}

#about8elements div.text3
{
    display: block;
    width: 269px;
    height: auto;
    border: 0px;
    position: absolute;
    left: 514px;
    top: 439px;
}

/*-----------------*/
/* About 8elements */
/*-----------------*/
#distribution
{
    display: block;
    position: relative;
    width: 100%;
    height: 690px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Myriad Pro, Arial;
    font-size: 12px;
    color: #fff;
}

#distribution img.distribution
{
    display: block;
    position: absolute;
    top: 84px;
    left: 2px;
    width: 780px;
    height: 577px;
    border: 0px;
}

/*------------*/
/* References */
/*------------*/
#references
{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Myriad Pro, Arial;
    font-size: 12px;
    color: #fff;
}

#references div.refList
{
    display: block;
    position: relative;
    width: 776px;
    height: 384px;
    margin-left: 2px;
    margin-right: auto;
    margin-bottom: 10px;
    color: #fff;
}

#references a.ref
{
    display: inline-block;
    position: relative;
    width: 194px;
    height: 384px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    color: #fff;
    text-decoration: none;
}

#references img.ref
{
    display: block;
    position: absolute;
    width: 108px;
    height: 384px;
    text-align: center;
    top: 0px;
    left: 43px;
    border: 0px;
}

#references span.countryTop, span.countryBottom
{
    display: block;
    position: absolute;
    height: 20px;
    width: 160px;
    bottom: 95px;
    left: 32px;
    text-align: left;
    font-family: Myriad Pro, Arial;
    font-size: 15px;
    color: #b5b5b5;
}

#references span.descriptionTop, span.descriptionBottom
{
    display: block;
    position: absolute;
    height: 30px;
    width: 160px;
    bottom: 65px;
    left: 32px;
    text-align: left;
    font-family: Myriad Pro, Arial;
    font-size: 16px;
}

#references img.coke, img.duracell, img.eplus, img.btc, img.waponcell
{
    display: block;
    position: absolute;
    width: 336px;
    height: 244px;
    top: 55px;
    left: 5px;
    border: 0px;
}

#references img.duracell
{
    height: 271px;
}

#references img.waponcell
{
    width: 224px;
    height: 352px;    
}

#references table.details, table.details2
{
    width: 350px;
    text-align: left;
    margin: 0px;
    position: absolute;
    top: 53px;
    left: 365px;
    font-size: 13px;
    color: #fff;
    
}

#references table.details2
{
    width: 450px;
    top: 82px;
    left: 265px;
}

#references th.label
{
    width: 100px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 10px;
    vertical-align: top;
}

#references td.colon
{
    width: 20px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    vertical-align: top;
}

#references td.value
{
    width: auto;
    text-align: left;
    padding-bottom: 10px;
    vertical-align: top;
}

#references a.back
{
    display: block;
    position: absolute;
    top: 355px;
    left: 365px;
    width: 50px; 
    height: 15px;
    text-align: center; 
    margin-top: 25px; 
    margin-bottom: 10px; 
}

#references img.back
{
    width: 50px;
    height: 15px;
    border: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/*------------------------*/
/* Solutions and Partners */
/*------------------------*/
#solutions
{
    display: block;
    position: relative;
    width: 780px;
    height: 400px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Myriad Pro, Arial;
    font-size: 12px;
    color: #fff;
}

#solutions div.platforms
{
    display: block;
    position: relative;
    width: 780px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 20px;
}

#solutions a.link_ping
{
    top: 128px;
    left: 540px;
    position: absolute;
    display: block;
    border: 0px;
    width: 197px;
    height: 270px;
    font-family: Myriad Pro, Arial;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    color: #bbb;
}

#solutions a.link_ping:hover
{
    color: #fff;
}

#solutions img.link_image_synapsy, img.link_image_netm, img.link_image_ping
{
    top: 3px;
    left: 41px;
    position: absolute;
    display: block;
    border: 0px;
    width: 117px;
    height: 210px;
    z-index: 20;
}

#solutions a.link_synapsy
{
    top: 128px;
    left: 294px;
    position: absolute;
    display: block;
    border: 0px;
    width: 197px;
    height: 270px;
    font-family: Myriad Pro, Arial;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    color: #bbb;
}

#solutions a.link_synapsy:hover
{
    color: #fff;
}

#solutions a.link_netm
{
    top: 128px;
    left: 43px;
    position: absolute;
    display: block;
    border: 0px;
    width: 197px;
    height: 270px;
    font-family: Myriad Pro, Arial;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    color: #bbb;
}

#solutions a.link_netm:hover
{
    color: #fff;
}

#solutions span.link_text
{
    top: 204px;
    left: 0px;
    position: absolute;
    display: block;
    border: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 25;
}

#solutions img.leftimage
{
    width: 304px;
    height: 227px;
    display: block;
    position: absolute;
    border: 0px;
    top: 39px;
    left: 0px;
}

#solutions img.netmplatform
{
    width: 203px;
    height: 135px;
    display: block;
    position: relative;
    border: 0px;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

#solutions div.platformText
{
    display: block;
    position: absolute;    
    left: 330px;
    top: 30px;
    width: 450px;
}

#solutions div.imagesHolder
{
    display: block;
    position: relative;
    width: 450px;
    height: 145px;
    margin-bottom: 7px;
}

#solutions div.synapsySmartPricing
{
    display: block;
    position: absolute;
    left: 5px;
    bottom: 0px;
    width: 204px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-family: Myriad Pro, Arial;
    font-size: 15px;
}

#solutions img.synapsySmartPricing
{
    display: block;
    position: absolute;
    left: 5px;
    bottom: 55px;
    width: 204px;
    height: 135px;
}

#solutions div.synapsyPreGame
{
    display: block;
    position: absolute;    
    right: 5px;
    bottom: 0px;
    width: 204px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-family: Myriad Pro, Arial;
    font-size: 15px;
}

#solutions img.synapsyPreGame
{
    display: block;
    position: absolute;    
    right: 5px;
    bottom: 55px;
    width: 204px;
    height: 135px;
    text-align: center;
}

#solutions img.PiNG2
{
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 194px;
    height: 134px;
}

#solutions img.PiNG3
{
    display: block;
    position: absolute;    
    right: 5px;
    top: 10px;
    width: 196px;
    height: 130px;
    text-align: center;
}

/*------------------*/
/* Managed Services */
/*------------------*/
#services
{
    display: block;
    position: relative;
    width: 780px;
    height: 390px;
    margin: 0px;
    padding: 0px;
}

#services a.mobilegames, a.marketingcampaign, a.gamesclub
{
    display: block;
    position: absolute;
    top: 46px;
    left: 7px;
    width: 273px;
    height: 269px;
    border: 0px;
    font-family: Myriad Pro, Arial;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    color: #bbb;
}

#services a.mobilegames:hover, a.marketingcampaign:hover, a.gamesclub:hover
{
    color: #fff;
}

#services a.gamesclub
{
    left: 253px;
}

#services a.marketingcampaign
{
    left: 500px;
}

#services img.mobilegames
{
    display: block;
    position: absolute;
    top: 0px;
    left: 58px;
    width: 147px;
    height: 236px;
    border: 0px;
}

#services img.gamesclub
{
    display: block;
    position: absolute;
    top: 0px;
    left: 58px;
    width: 147px;
    height: 236px;
    border: 0px;
}

#services img.marketingcampaign
{
    display: block;
    position: absolute;
    top: 0px;
    left: 60px;
    width: 143px;
    height: 225px;
    border: 0px;
}

#services span.caption
{
    display: block;
    position: absolute;
    top: 245px;
    left: 0px;
    width: 273px;
    height: 35px;
    border: 0px;
    text-align: center;
}

#services img.leftImage
{
    position: absolute;
    display: block;
    left: 5px;
    top: 46px;
    width: 147px;
    height: 239px;
    border: 0px;
}

#services div.serviceText
{
    position: absolute;
    display: block;
    left: 180px;
    top: 41px;
    width: 600px;
}

#services ul.features
{
    text-align: left;
    color: #fff;
    font-family: Myriad Pro, Arial;
    font-size: 15px;
    margin-top: -15px;
    margin-left: 20px;
    padding: 0px;
}

/*------------------*/
/* Content Offering */
/*------------------*/
#contentoffering
{
    display: block;
    position: relative;
    width: 780px;
    height: auto;
    margin: 0px;
}

#contentoffering ul.across
{
    background-color: #343233;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 3px;
    left: 10px;
    margin-top: 0px;
    margin-left: 15px;
    padding: 0px;
}

#contentoffering div.across
{
    background-image: url('Images/Content/AcrossBg.gif');
    width: 745px;
    height: 30px;
    padding-top: 0px;
    padding-left: 35px;
    display: block;
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

#contentoffering div.contentLinks, div.contentLinksDouble
{
    height: 177px;
    width: 780px;
    display: block;
    position: relative;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

#contentoffering div.contentLinksDouble     {   height: 354px;  }

#contentoffering a.mainLink, a.realArcade, a.iplay, a.handygames, a.disney, a.fishlabs, a.efusionx, a.nomoc, a.globalfun, a.kontoredel, a.netm, a.wallpaper, a.applications
{
    width: 184px;
    height: 154px;
    display: block;
    position: absolute;
    background-image: url('Images/Content/LinkBg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-family: Myriad Pro, Arial;
    font-size: 14px;
}

#contentoffering a.wallpaper, a.applications
{
    height: 179px;
    background-image: url('Images/Content/LinkLargerBg.gif');
}

#contentoffering img.image
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 127px;
    width: 184px;
    border: 0px;
}

#contentoffering span.caption
{
    display: block;
    position: absolute;
    top: 131px;
    left: 0px;
    height: 20px;
    width: 100%;
    text-align: center;
}

#contentoffering a.realArcade, a.iplay, a.handygames, a.disney, a.fishlabs, a.efusionx, a.nomoc, a.globalfun, a.kontoredel, a.netm, a.wallpaper, a.applications
{
    top: 0px;
    left: 0px;
}

#contentoffering a.fishlabs, a.efusionx, a.nomoc, a.globalfun
{
    top: 177px;
    left: 0px;
}

#contentoffering a.iplay, a.applications, a.efusionx        {   left: 199px;    }
#contentoffering a.handygames, a.nomoc                      {   left: 397px;    }
#contentoffering a.disney, a.globalfun                      {   left: 596px;    }
#contentoffering a.kontoredel                               {   width: 383px;   }

#contentoffering div.left, div.musicLeft
{
    width: 210px;
    height: auto;
    display: block;
    position: absolute;
    top: 33px;
    left: 0px;
}

#contentoffering div.musicLeft
{
    top: 60px;
}

#contentoffering img.logo, img.musicLogo
{
    width: 200px;
    height: 75px;
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
}

#contentoffering img.musicLogo
{
    top: 28px;
    width: 216px;
    height: 74px;
}

#contentoffering div.leftText, div.musicText, div.kontor, div.edel
{
    width: 210px;
    height: auto;
    display: block;
    position: absolute;
    top: 80px;
    left: 0px;
}

#contentoffering div.musicText
{
    top: 109px;
    width: 226px;
}

#contentoffering div.kontor, div.edel
{
    top: 0px;
    width: 226px;
}

#contentoffering div.edel
{
    top: 500px;
}

#contentoffering p.disclaimer
{
    padding-top: 20px;
    font-size: 13px;
    font-style: italic;
}

#contentoffering div.right, div.musicRight
{
    width: 550px;
    height: 150px;
    display: block;
    position: absolute;
    top: 33px;
    left: 232px;
}

#contentoffering div.musicRight
{
    top: 88px;
}

#contentoffering img.kontor1, img.kontor2, img.kontor3, img.edel1, img.edel2, img.edel3
{
    display: block;
    position: absolute;
    height: 145px;
    width: 143px;
    top: 0px;
    left: 30px;
}

#contentoffering img.kontor2
{
    width: 105px;
    left: 213px;
}

#contentoffering img.kontor3
{
    width: 146px;
    height: 146px;
    left: 358px;
}

#contentoffering img.edel1
{
    width: 129px;
    height: 131px;
    top: 500px;
}

#contentoffering img.edel2
{
    width: 148px;
    height: 131px;
    left: 199px;
    top: 500px;
}

#contentoffering img.edel3
{
    width: 145px;
    height: 131px;
    left: 387px;
    top: 500px;
}

#contentoffering div.rightImage1, div.rightImage2, div.rightImage3, div.rightImage4
{
    width: 137px;
    height: 165px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
}

#contentoffering div.rightImage2    {   left: 137px;  }
#contentoffering div.rightImage3    {   left: 274px;  }
#contentoffering div.rightImage4    {   left: 411px;  }

#contenoffering img.std1, img.std2, img.std3, img.std4, img.realArcade3, img.iplay3, img.fishlabs2, img.fishlabs4, img.globalfun3
{
    width: 111px;
    height: 129px;
    display: block;
    position: relative;
    border: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

#contenoffering img.realArcade3                         {   width: 116px  }
#contenoffering img.iplay3                              {   width: 98px  }
#contenoffering img.fishlabs2, img.fishlabs4            {   width: 105px  }
#contenoffering img.globalfun3                          {   width: 106px  }

#contentoffering div.caption
{
    width: 137px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    font-family: Myriad Pro, Arial;
    font-size: 16px;
}

#contentoffering div.wallpapers
{
    display: block;
    position: absolute;
    width: 520px;
    height: 772px;
    top: 40px;
    left: 245px;
}

#contentoffering img.wallpaper, img.wallpaper4
{
    width: 102px;
    height: 115px;
    margin-left: 0px;
    margin-right: 28px;
    margin-top: 0px;
    margin-bottom: 28px;
    border: 0px;
    padding: 0px;
    float: left;
    display: inline-block;
}

#contentoffers img.wallpaper4
{
    width: 101px;
}

#contentoffering div.applications
{
    display: block;
    position: absolute;
    width: 560px;
    height: 624px;
    top: 40px;
    left: 245px;
}

#contentoffering img.application
{
    width: 120px;
    height: 136px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0px;
    padding: 0px;
    float: left;
    display: inline-block;
}

/*----------*/
/* Contacts */
/*----------*/
#middle span.contactInfo
{
    color: #a1a3a5;
}

#middle a.contactEmail
{
    color: #fff;
}