body {font-family: 'Helvetica Neue', Helvetica; Arial; font-weight: normal; font-style: normal; background: #000; color: #f2f2f2; -webkit-font-smoothing: antialiased;}
li {list-style:none;}




/* Link Colours */


a:link {font-weight:none; text-decoration: none; color: #f2f2f2; opacity: 1; -webkit-transition: opacity 300ms; -mos-transition: opacity 300ms; transition: opacity 300ms;}
a:visited {text-decoration: none; color: #f2f2f2; opacity: 1; -webkit-transition: opacity 300ms; -mos-transition: opacity 300ms; transition: opacity 300ms;}
a:hover {text-decoration: none; color: #f2f2f2; opacity: 0.7; -webkit-transition: opacity 300ms; -mos-transition: opacity 300ms; transition: opacity 300ms;}
a:active {text-decoration: none; color: #f2f2f2; opacity: 1; -webkit-transition: opacity 300ms; -mos-transition: opacity 300ms; transition: opacity 300ms;}




/* Marcus Ning */

.lefttop {
     background: none; top: 15px; left: 20px; width: 90%; height: 90%; position: fixed; z-index: 997; font-size: 16px; line-height:21px; color: #f2f2f2; text-align: left; letter-spacing: 1px;
}




/* Content Area */


.righttop {
    background: none; top: 15px; left: 70%; width: 25%; height: 90%; position: absolute; z-index: 997; font-size: 16px; line-height:26x; color: #f2f2f2; text-align: left; 
}
}





/* Boring Parts */

.bg {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: .25s;
  pointer-events: none;
}

ul,li { list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0; }








.links {
        background: none; top: 40%; left: 60%; width: 30%; height: 90%; position: absolute; z-index: 997; font-size: 16px; line-height:26x; color: #f2f2f2; text-align: left; 
}