BODY
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
DIV
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
DL
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
DT
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
DD
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
UL
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
OL
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
LI
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H1
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H2
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H3
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H4
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H5
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
H6
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
PRE
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
FORM
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
FIELDSET
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
INPUT
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
TEXTAREA
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
P
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
BLOCKQUOTE
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
TH
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
TD
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
HTML
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
BODY
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
TABLE
{
    BORDER-COLLAPSE: collapse;
    BORDER-SPACING: 0
}
FIELDSET
{
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px
}
IMG
{
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px
}
INPUT
{
    BORDER-TOP: #b0b0b0 1px solid;
    BORDER-RIGHT: #b0b0b0 1px solid;
    WIDTH: 190px;
    BORDER-BOTTOM: #b0b0b0 1px solid;
    COLOR: #979797;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #b0b0b0 1px solid;
    PADDING-RIGHT: 5px
}
ADDRESS
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal
}
CAPTION
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal
}
CITE
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal
}
CODE
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal
}
DFN
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal
}
TH
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal
}
VAR
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal
}
OL
{
    LIST-STYLE-TYPE: none
}
UL
{
    LIST-STYLE-TYPE: none
}
CAPTION
{
    TEXT-ALIGN: left
}
TH
{
    TEXT-ALIGN: left
}
H1
{
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal
}
H2
{
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal
}
H3
{
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal
}
H4
{
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal
}
H5
{
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal
}
H6
{
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal
}
Q:before
{
}
Q:after
{
}
ABBR
{
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px
}
ACRONYM
{
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px
}
BODY
{
    FONT-SIZE: 15px;
    FONT-FAMILY: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    BACKGROUND: #000;
    OVERFLOW-X: hidden;
    OVERFLOW-Y: scroll;
    FONT-WEIGHT: 400;
    COLOR: #aa3e03
}
.ie7 BODY
{
    OVERFLOW: hidden
}
A
{
    TEXT-DECORATION: none;
    COLOR: #333
}
.container
{
    POSITION: relative;
    TEXT-ALIGN: center
}
.clr
{
    CLEAR: both
}
.container > header
{
    POSITION: relative;
    PADDING-BOTTOM: 10px;
    TEXT-ALIGN: left;
    PADDING-TOP: 30px;
    PADDING-LEFT: 20px;
    MARGIN: 0px 20px 10px;
    DISPLAY: block;
    PADDING-RIGHT: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
.container > header H1
{
    FONT-SIZE: 35px;
    FONT-FAMILY: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    POSITION: relative;
    FONT-WEIGHT: 400;
    COLOR: #fff;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    LINE-HEIGHT: 35px;
    PADDING-RIGHT: 0px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}
.container > header H1 SPAN
{
}
.container > header H2
{
    FONT-SIZE: 16px;
    COLOR: #f8f8f8;
    FONT-STYLE: italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6)
}
P.info
{
    FONT-SIZE: 16px;
    COLOR: #f8f8f8;
    FONT-STYLE: italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6)
}
.codrops-top
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, sans-serif;
    WIDTH: 100%;
    BACKGROUND: #000;
    POSITION: relative;
    TEXT-TRANSFORM: uppercase;
    Z-INDEX: 9999;
    LINE-HEIGHT: 24px;
    opacity: 0.9;
    -moz-box-shadow: 1px 0px 2px #000;
    -webkit-box-shadow: 1px 0px 2px #000;
    box-shadow: 1px 0px 2px #000
}
.codrops-top A
{
    FLOAT: left;
    COLOR: #ddd;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 10px;
    DISPLAY: block;
    LETTER-SPACING: 1px;
    PADDING-RIGHT: 10px
}
.codrops-top A:hover
{
    COLOR: #fff
}
.codrops-top SPAN.right
{
    FLOAT: right
}
.codrops-top SPAN.right A
{
    FLOAT: none;
    DISPLAY: inline
}
P.codrops-demos
{
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
    PADDING-LEFT: 0px;
    DISPLAY: block;
    PADDING-RIGHT: 0px
}
P.codrops-demos A
{
    FONT-SIZE: 13px;
    BORDER-TOP: #6d0019 1px solid;
    BORDER-RIGHT: #6d0019 1px solid;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    BORDER-BOTTOM: #6d0019 1px solid;
    FONT-WEIGHT: 800;
    COLOR: #fff;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 4px;
    PADDING-LEFT: 10px;
    MARGIN: 2px 3px;
    BORDER-LEFT: #6d0019 1px solid;
    DISPLAY: inline-block;
    LINE-HEIGHT: 18px;
    PADDING-RIGHT: 10px;
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
P.codrops-demos A.current-demo
{
    FONT-SIZE: 13px;
    BORDER-TOP: #6d0019 1px solid;
    BORDER-RIGHT: #6d0019 1px solid;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    BORDER-BOTTOM: #6d0019 1px solid;
    FONT-WEIGHT: 800;
    COLOR: #fff;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 4px;
    PADDING-LEFT: 10px;
    MARGIN: 2px 3px;
    BORDER-LEFT: #6d0019 1px solid;
    DISPLAY: inline-block;
    LINE-HEIGHT: 18px;
    PADDING-RIGHT: 10px;
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
P.codrops-demos A.current-demo:hover
{
    FONT-SIZE: 13px;
    BORDER-TOP: #6d0019 1px solid;
    BORDER-RIGHT: #6d0019 1px solid;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    BORDER-BOTTOM: #6d0019 1px solid;
    FONT-WEIGHT: 800;
    COLOR: #fff;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 4px;
    PADDING-LEFT: 10px;
    MARGIN: 2px 3px;
    BORDER-LEFT: #6d0019 1px solid;
    DISPLAY: inline-block;
    LINE-HEIGHT: 18px;
    PADDING-RIGHT: 10px;
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
P.codrops-demos A:hover
{
    BACKGROUND: #6d0019
}
P.codrops-demos A:active
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
    box-shadow: 0px 1px 1px rgba(255,255,255,0.9)
}
P.codrops-demos A.current-demo
{
    BACKGROUND: #6d0019;
    COLOR: #a5727d
}
P.codrops-demos A.current-demo:hover
{
    BACKGROUND: #6d0019;
    COLOR: #a5727d
}
.container > header
{
    TEXT-ALIGN: center
}
P.codrops-demos
{
    POSITION: relative;
    LEFT: auto;
    TOP: auto
}
.desctxt
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial;
    COLOR: white
    TEXT-ALIGN: left
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 20px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #03F; /*rgba(0, 0, 0, .5);*/
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}