html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
body
{
    font: 11px/14px "Lucida Grande" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif;
    color: #6b5d55;
    text-transform: uppercase;
    background: #d8d1bf url(../image/body.jpg) fixed;
}
a
{
    text-decoration: none;
    color: #00acc3;
}
a:hover
{
    text-decoration: underline;
}
header
{
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 50px;
    text-align: center;
    top: 30px;
}
#headerContent
{
    margin: 0 auto;
    width: 960px;
    height: 50px;
}
#logo
{
    position: relative;
    z-index: 200;
    width: 450px;
}
#logo span
{
    position: absolute;
    left: 0;
    width: 150px;
    height: 50px;
    background: url(../image/logo.png) no-repeat 0 0px;
}
#logo span span
{
    position: absolute;
    left: 150px;
    width: 300px;
    height: 50px;
    background: url(../image/logo.png) no-repeat -150px -50px;
}
#menu
{
    position: relative;
    z-index: 100;
    left: 0;
    width: 450px;
    height: 50px;
    background: url(../image/menu.bg.png);
}
#menu ul
{
    position: absolute;
    right: 0;
    width: 330px;
}
#menu a
{
    float: left;
    height: 50px;
    background: url(../image/menu.png) no-repeat;
}
#menu a.mW
{
    background-position: 0 0;
    width: 95px;
}
#menu a.mA
{
    background-position: -95px 0;
    width: 103px;
}
#menu a.mC
{
    background-position: -198px 0;
    width: 132px;
}
#home
{
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    height: 825px;
    padding: 0 0 1px 0;
    background: url('../image/header.jpg');
}
#homeContent
{
    position: relative;
    width: 960px;
    margin: 0 auto;
}
#homeBottom
{
    position: relative;
    z-index: 99;
    width: 100%;
    height: 15px;
    top: 1191px;
    margin: 0 auto;
    background: url(../image/home.bottom.png) center;
}
#mainMenu
{
    position: absolute;
    z-index: 9999;
    width: 400px;
    height: 210px;
    top: 380px;
}
#mainMenu a
{
    float: left;
    width: 400px;
    height: 70px;
    background: url(../image/menu.main.png) no-repeat;
}
#mainMenu a.hW
{
    background-position: 0 0;
    width: 192px;
}
#mainMenu a.hA
{
    background-position: -192px 0;
    width: 211px;
}
#mainMenu a.hC
{
    background-position: -403px 0;
    width: 276px;
}
#cssda
{
    position: absolute;
    z-index: 9999;
    width: 69px;
    height: 164px;
    top: 380px;
    right: 0;
}
#csswinner
{
    position: absolute;
    z-index: 9999;
    width: 77px;
    height: 59px;
    top: 540px;
    right: 0;
}
#work
{
    height: 4740px;
    padding: 120px 0 0 0;
    background: url(../image/work.bg.png) 50% bottom no-repeat;
}
#workContent
{
    position: relative;
    width: 960px;
    margin: 0 auto;
}
.reference
{
    position: relative;
    float: left;
    width: 320px;
    height: 220px;
}
.fade
{
    position: relative;
    width: 320px;
    height: 220px;
}
.fade a
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.big
{
    float: right;
    width: 640px;
    height: 440px;
}
.big .fade
{
    width: 640px;
    height: 440px;
}
.wide
{
    width: 640px;
    height: 220px;
}
.wide .fade
{
    width: 640px;
    height: 220px;
}
img.a
{
    position: absolute;
    z-index: 2;
}
img.b
{
    position: absolute;
    z-index: 3;
}
div.referenceInfo
{
    position: absolute;
    z-index: 4;
    width: 320px;
    height: 50px;
    top: 180px;
    background: #fff;
}
.big div.referenceInfo
{
    width: 640px;
    top: 440px;
}
.wide div.referenceInfo
{
    width: 640px;
    top: 220px;
}
div.referenceInfo h3
{
    position: relative;
    top: 10px;
    left: 10px;
    font-size: 9px;
    font-weight: normal;
}
div.referenceInfo p
{
    font-size: 9px;
}
div.referenceInfo a
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
}
div.referenceInfo b
{
    color: #00acc3;
}
.date
{
    position: absolute;
    top: 8px;
    right: 10px;
    color: #00acc3;
}
.client
{
    position: absolute;
    bottom: 8px;
    left: 10px;
    color: #a3998d;
}
div.referenceInfo a
{
    font-weight: normal;
    text-transform: lowercase;
    font-size: 10px;
}
div.referenceInfo span
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 10px;
    font-weight: bold;
    color: #c7c0b8;
}
.subPage
{
    display: none;
    background: #d8d1bf url(../image/body.sub.jpg);
}
#workPage
{
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-transform: none;
}
.workInfo
{
    position: absolute;
    z-index: 2;
    width: 280px;
    bottom: 70px;
    right: 20px;
    font-size: 10px;
    line-height: 13px;
}
.white
{
    color: #eee;
}
.black
{
    color: #444;
}
.workInfo li
{
    float: left;
    width: 230px;
    min-height: 20px;
    padding: 0 30px;
    background: url(../image/detail.icons.png) no-repeat;
}
.black li
{
    background: url(../image/detail.icons.dark.png) no-repeat;
}
.workInfo li.b
{
    background-position: 0 -20px;
}
.workInfo li.c
{
    background-position: 0 -40px;
}
.workInfo li.d
{
    background-position: 0 -100px;
    margin-bottom: 5px;
}
.workInfo li.e
{
    background-position: 0 -60px;
}
.workInfo li.f
{
    background-position: 0 -80px;
}
.workInfo li a
{
    color: #fff;
    font-weight: bold;
}
.black li a
{
    color: #222;
}
.back
{
    position: absolute;
    z-index: 1000;
    width: 60px;
    height: 60px;
    top: 25px;
    right: 25px;
    display: block;
    background: url(../image/buttons.png) -60px 0 no-repeat;
}
.back:hover
{
    background-position: -60px -60px;
}
.up
{
    position: absolute;
    z-index: 1000;
    width: 60px;
    height: 60px;
    bottom: 285px;
    right: 25px;
    display: block;
    background: url(../image/buttons.png) -120px 0 no-repeat;
}
.up:hover
{
    background-position: -120px -60px;
}
.subCopy
{
    height: 50px;
    width: 960px;
    margin-top: 1px;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 50px;
    color: #fff;
    background: #00acc3;
    text-align: center;
}
.projectInfo
{
    display: block;
    width: 900px;
    height: 140px;
    padding: 30px;
    font-size: 12px;
    line-height: 13px;
}
.projectInfo.aknesol
{
    background: #78be3f;
    color: #ffffff;
}
.projectInfo li.a
{
}
.projectInfo li
{
    float: left;
    width: 300px;
    min-height: 20px;
    padding: 0 30px;
    background: red url(../image/detail.icons.png) no-repeat;
}
.black li
{
    background: url(../image/detail.icons.dark.png) no-repeat;
}
.projectInfo li.b
{
    background-position: 0 -20px;
}
.projectInfo li.c
{
    background-position: 0 -40px;
}
.projectInfo li.d
{
    background-position: 0 -100px;
}
.projectInfo li.e
{
    background-position: 0 -60px;
}
.projectInfo li.f
{
    background-position: 0 -80px;
}
.projectInfo li a
{
    color: #fff;
    font-weight: bold;
}
.memolifemax01
{
    position: absolute;
    top: 115px;
    left: 160px;
    z-index: 999;
}
.memolifemax02
{
    position: absolute;
    top: 706px;
    left: 160px;
    z-index: 999;
}
.memolifemax03
{
    position: absolute;
    top: 1306px;
    left: 160px;
    z-index: 999;
}
#about
{
    height: 800px;
    padding: 0 0 1px 0;
    color: #fff;
    background: #0192af url(../image/about.bg.jpg) 50% 0 repeat-x;
}
#aboutContent
{
    position: relative;
    height: 802px;
    width: 960px;
    margin: 0 auto;
    text-transform: none;
    font-size: 12px;
}
#aboutContent p
{
    margin: 15px 0 0 10px;
}
#aboutContent h3
{
    height: 50px;
    background: url(../image/about.title.png);
}
.enContent
{
    position: absolute;
}
.huContent
{
    position: absolute;
    color: #ade7ee;
}
#aboutBelieve
{
    position: absolute;
    z-index: 100;
    width: 450px;
    top: 200px;
}
#aboutBelieve h3
{
    width: 235px;
    background-position: 0 0;
}
#aboutUnderstand
{
    position: absolute;
    z-index: 100;
    width: 520px;
    top: 410px;
}
#aboutUnderstand h3
{
    width: 325px;
    background-position: -235px 0;
}
#aboutConsider
{
    position: absolute;
    z-index: 100;
    width: 550px;
    top: 600px;
}
#aboutConsider h3
{
    width: 310px;
    background-position: -560px 0;
}
#aboutContent b
{
    display: none;
}
#whatWeDo
{
    position: absolute;
    width: 960px;
    height: 500px;
    bottom: 0;
    background: url(../image/whatwedo.bg.jpg) no-repeat;
}
#whatWeDoOff
{
    width: 960px;
    height: 500px;
    bottom: 0;
    background: url(../image/whatwedo.off.bg.jpg) no-repeat;
}
#box01, #box02, #box03, #box04, #box05, #box06, #box07, #box08, #box09, #box10
{
    display: block;
    position: absolute;
    z-index: 10;
}
#box01
{
    width: 70px;
    height: 70px;
    top: 95px;
    left: 30px;
}
#box02
{
    width: 128px;
    height: 128px;
    top: 135px;
    left: 115px;
}
#box03
{
    width: 120px;
    height: 130px;
    top: 200px;
    left: 220px;
}
#box04
{
    width: 120px;
    height: 120px;
    top: 90px;
    left: 255px;
}
#box05
{
    width: 165px;
    height: 180px;
    top: 80px;
    left: 370px;
}
#box06
{
    width: 170px;
    height: 180px;
    top: 210px;
    left: 490px;
}
#box07
{
    width: 90px;
    height: 90px;
    top: 160px;
    left: 640px;
}
#box08
{
    width: 50px;
    height: 55px;
    top: 130px;
    left: 715px;
}
#box09
{
    width: 150px;
    height: 130px;
    top: 240px;
    left: 670px;
}
#box10
{
    width: 100px;
    height: 100px;
    top: 285px;
    left: 840px;
}
#tooltip
{
    display: none;
    position: absolute;
    z-index: 999;
    color: #fff;
    font-size: 10px;
    width: 125px;
    height: 140px;
    background: url(../image/tooltip.png) no-repeat;
}
#tooltip .tipBody
{
    width: 100px;
    text-align: center;
    padding: 60px 15px 5px 10px;
}
#whatWeDo #tooltip
{
    width: 169px;
    height: 188px;
    background: url(../image/tooltip.big.png) no-repeat;
}
#whatWeDo #tooltip .tipBody
{
    padding: 55px 25px 5px 30px;
}
#contact
{
    clear: both;
    height: 1000px;
    margin: 0;
    background: url(../image/contact.bg.jpg) 50% 0;
}
#contactContent
{
    position: relative;
    width: 960px;
    margin: 0 auto;
}
#contactData
{
    position: absolute;
    z-index: 10;
    width: 340px;
    left: 480px;
    top: 288px;
    font-size: 11px;
    color: #918379;
    line-height: 15px;
}
#contactData a
{
    font-size: 11px;
}
#contactData p span
{
    position: absolute;
    color: #c8c4c3;
    left: 50px;
}
#contact #tooltip
{
    text-transform: lowercase;
    font-size: 13px;
}
.fb, .tw, .vi, .fr, .gm, .em
{
    position: absolute;
    z-index: 3;
    width: 60px;
    height: 60px;
    top: 400px;
    display: block;
    background: url(../image/social.png) no-repeat;
}
.fb
{
    left: 500px;
}
.fb:hover
{
    background-position: 0px -60px;
}
.tw
{
    left: 570px;
    background-position: -60px 0px;
}
.tw:hover
{
    background-position: -60px -60px;
}
.vi
{
    left: 640px;
    background-position: -120px 0px;
}
.vi:hover
{
    background-position: -120px -60px;
}
.fr
{
    left: 710px;
    background-position: -180px 0px;
}
.fr:hover
{
    background-position: -180px -60px;
}
.gm
{
    left: 780px;
    background-position: -240px 0px;
}
.gm:hover
{
    background-position: -240px -60px;
}
.em
{
    left: 850px;
    background-position: -300px 0px;
}
.em:hover
{
    background-position: -300px -60px;
}
#contactContent fieldset
{
    position: absolute;
    z-index: 4;
    top: 534px;
    right: 0;
    width: 480px;
}
#contactContent label
{
    display: none;
}
#contactContent input[type=text], #contactContent textarea
{
    float: left;
    width: 430px;
    font: 12px/16px "Lucida Grande" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif;
    color: #fff;
    background: none;
    border: none;
}
#contactContent input[type=text]
{
    height: 24px;
    padding: 5px 10px;
    margin-bottom: 10px;
}
#contactContent input[type=submit]
{
    position: relative;
    top: -40px;
    width: 60px;
    height: 60px;
    left: 410px;
    border: none;
    background: url(../image/buttons.png) no-repeat;
}
#contactContent input[type=submit]:hover
{
    background-position: 0 -60px;
    cursor: pointer;
}
#contactContent textarea
{
    height: 190px;
    padding: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}
.copyright
{
    position: absolute;
    z-index: 10;
    bottom: 10px;
    right: 50px;
    font-size: 9px;
    text-align: right;
    color: #000;
}
.copyright a
{
	    color: #000;
}
#nameError, #mailError, #messageError
{
    display: none;
    position: absolute;
    z-index: 999;
    left: -35px;
    width: 40px;
    height: 40px;
    background: url(../image/error.png) no-repeat;
}
#nameError
{
    top: -20px;
}
#mailError
{
    top: 25px;
}
#messageError
{
    top: 70px;
}
#emailSent
{
    display: none;
    position: absolute;
    z-index: 999;
    right: 40px;
    bottom: 45px;
    width: 250px;
    height: 250px;
    background: url(../image/contact.emailbubble.png) no-repeat;
}
.cat
{
    position: absolute;
    z-index: 2;
    width: 960px;
    height: 1000px;
    padding: 0;
    background: url(../image/contact.cat.png) 50% 600px no-repeat fixed;
}
.header1
{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 830px;
    margin: 0;
    padding: 0; /* background: url(../image/header1.png) 800px 10% no-repeat fixed;*/
}
.bubbles
{
    position: absolute;
    z-index: 1;
    width: 960px;
    height: 1200px;
    margin: 0 auto;
    padding: 0;
    background: url(../image/home.bubbles.png) 50% 0 repeat-y fixed;
}
.smokes, .smokel
{
    position: absolute;
    z-index: 1;
    width: 960px;
    height: 1715px;
    padding: 0;
    background: url(../image/about.smoke.png) 50% 0 repeat-y fixed;
}
.noise
{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    z-index: 1;
    background: url(../image/contact.noise.png) 50% 0 fixed;
}



a b
{
    display: none;
}



@media screen and (max-width: 800px)
{
  
}