*{
    margin:0;
    padding:0;
}


body {

    background:#000;
    font-family:Helvetica;
    font-size: 34px;
    letter-spacing:5px;
    width:16000px;
    position:absolute;
    height:4000px;
    top:0px;
    left:0px;
    bottom:0px;
    overflow:hidden;


}
/* scrollbar */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4);
}

.IENotice{
    background:#cecece;
    padding:0 20% 0 20%;
    position:fixed;
    width:100%;
    height:25px;
    }
.IENotice p{
    width:60%;
    font-color:#FFF;
    font-family:Helvetica;
    text-align:center;
    font-size:10px;
    letter-spacing:0px;
    }
.IENotice a{
    font-color:#FFF;
    font-family:Helvetica;
    text-align:center;
    text-decoration:underline;
    font-size:8px;
    letter-spacing:0px;
    }

.section{
    margin:0px;
    bottom:0px;
    width:4000px;
    float:left;
    height:1400px;



}
.workcontent{
    left:300px;
    top:150px;
    background:;
    width:900px;
    height:400px;
    overflow:auto;
    position:relative;

}
.workbox{padding:10px 10px 10px 10px;
    Width:200px;
    height:380px;
    background-color:#CCC;

    float:left;
    position:relative;
}
.workboximage{
    margin:10px 10px 0px 10px;
    position: relative;
    float:left;
    width:180px;
    height:180px;
    background-color:#333
}
#workboximage1{
    background-image: url(../images/workthumb/bamboo.png)
    }
.workboxdescription{
    margin:0px 10px 10px 10px;
    position:relative;
    float:left;
    width:180px;
    height:180px;
    background-color:#999;
    font-family: helvetica;
    font-style:normal;
    font-size:10px;
}

.maincontent{
    left:300px;
    top:150px;
    background:;
    width:900px;
    height:400px;
    overflow:auto;
    position:relative;

}
.maincontent h1{
    font-family: helvetica;
    font-size:48px;
    letter-spacing:0px;
    font-style:normal;
    text-transform:uppercase;
    margin:0;
}
.maincontent p{
    margin:20px 0px 0px 0px;
    font-family: helvetica;
    font-style:normal;
    text-transform:uppercase;
    letter-spacing:0px;
    font-size:20px;


}
.maincontent a{
    margin:20px 0px 0px 0px;
    text-transform:uppercase;
    letter-spacing:0px;
    font-size:20px;
    color:#3F9;
    font-decoration:underline;
}

.black{
    color:#fff;
    left:-8px;
    top:-8px;

    background:#000 url(../images/black.jpg) no-repeat top right;
    z-index:-1;
}
.white{
    color:#000;
    background:#fff url(../images/white.jpg) no-repeat top right;
    margin-left:-8px;
    margin-top:-8px;
    z-index:-1;
}

.section ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#f0f0f0;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#000;
}

#filter{ width:100%; height:100%; z-index:0;position:absolute;left:0;top:0; background: url(../images/filter.png) repeat left top transparent}


#container{
    position: relative;
    width:900px;
    left:50%;
    margin-left:-450px;
    top:120px;
    z-index:1;
}
#logo_back{
    height:64px;
    width:164px;
    position:fixed;
    z-index:98;
    background: #000;
    left:0;
    top:79px;
}

#white_line{
    height:2px;
    width:1920px;
    position:fixed;
    z-index:98;
    background-color:#000;
    left:0;
    top:79px;
}

#logo{
    margin-left:50px;
    padding-top:50px;
    margin-top:10px;
    background: url(../images/logo3.png) no-repeat 0px top;
    height:224px;
    width:164px;
    overflow:visible;
    position:fixed;
    z-index:99;
    cursor:pointer;
}
#logobreak{
    margin-left:50px;
    top:224px;
    height:5px;
    width:164px;
    position:fixed;
    background: #3f9;
}
#help{
    right:20px;
    top:63px;
    background: #000;
    float: right;
    height:40px;
    width:60px;
    padding:0;
    overflow:visible;
    position:fixed;
    z-index:99;
    cursor:pointer;
    text-align:center;

}
#help a{
    width:58px;
    margin:0;
    font:helvetica;
    font-style:normal;
    text-transform:uppercase;
    font-size:17px;
    color:#fff;
    }
#menu{
    margin-left:50px;
    padding-top:100px;
    margin-top:235px;
    background: url(../images/menu.png) no-repeat 0px top;
    width:164px;
    overflow:visible;
    position:fixed;
    z-index:99;
    border-top:solid;
    border-top-color:#000;
    border-top-width:1px;


}

#menu span{
    width:160px;
    height:50px;
    display:block;
    margin-top:-90px;
    cursor: pointer;
}


#menu ul{
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size:13px;
    width:auto;
    height:auto;
}

#menu ul li{
    margin-left:-200px;
    background: url(../images/li2.png) repeat 150px top;
    width:140px;
    padding-left:10px;
}

#menu ul li a{
    color: #000;
    font-size:17px;
    font-style:italic;
}

#content {
    width:100%;
    position:fixed;
    top:70%;
    height:30%;
    background: url(../images/transparentbg.png) repeat 150px top;
}

#content p{
    padding:30px;
}

#social {float:right;
    width:320px;
    height: 300px;
    background:url(../images/sidebar.png);
    top:150px;
    right:-280px;
    position:fixed;
}

a.rollover1 {
    display: block;
    width: 150px;
    height: 44px;
    text-decoration: none;
    background: url("webvamp.jpg");
    }

a.rollover1:hover {
    background-position: -150px 0;
    }