body {
font-family: times new roman;
letter-spacing: 0px;
font-size: 10px;
text-align: justify;
color: #000000;
cursor: default;
background-color: #000000;
}

.title {
padding:2px; 
font-family: arial;
letter-spacing: 0px;
font-size: 18px;
text-align: justify;
color: #ABABAB;
text-transform:uppercase;
font-weight: bold;
cursor: default;
background-color: #000000;
       text-align: left;
       border-top-width: 2px;
       border-right-width: 2px;
       border-left-width: 2px;
       border-bottom-width: 2px;
       border-style: solid;
       border-color: #000000;
  -webkit-mask-image: url(wallpaper.png);
}

img
{
  -webkit-mask-image: url(crackle.png);
}
img:hover
{
  -webkit-mask-image: url(none.png);
}

.content {
padding:2px; 
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
line-height: 20px;
color: #A7A5A8;
cursor: default;
background-color: #000000;
       text-align: left;
       border-top-width: 2px;
       border-right-width: 0px;
       border-left-width: 0px;
       border-bottom-width: 2px;
       border-style: solid;
       border-color: #000000;
  -webkit-mask-image: url(crackle.png);
}

.nowebkit {
padding:2px; 
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
line-height: 20px;
color: #A7A5A8;
cursor: default;
background-color: #000000;
       text-align: left;
       border-top-width: 2px;
       border-right-width: 0px;
       border-left-width: 0px;
       border-bottom-width: 2px;
       border-style: solid;
       border-color: #000000;
}

.nav {
padding:2px; 
font-family: trebuchet ms;
letter-spacing: 0px;
font-size: 10px;
text-align: center;
color: #ffffff;
cursor: default;
background-color: #000000;
       border-top-width: 2px;
       border-right-width: 2px;
       border-left-width: 2px;
       border-bottom-width: 2px;
       border-style: solid;
       border-color:#000000;
}

a:link {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
  -webkit-mask-image: url(crackle.png);
}

a:visited {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
  -webkit-mask-image: url(crackle.png);
}

a:active {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
  -webkit-mask-image: url(crackle.png);
}

a:hover {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #C3C3C3;
text-decoration: none;
cursor: default;
  -webkit-mask-image: url(none.png);
}


.content a:link {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
  -webkit-mask-image: url(crackle.png);
}

.content a:visited {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
  -webkit-mask-image: url(crackle.png);
}

.content a:active {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
  -webkit-mask-image: url(crackle.png);
}

.content a:hover {
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #C3C3C3;
text-decoration: none;
cursor: default;
  -webkit-mask-image: url(none.png);
}


.nav a:link {
font-family: arial;
letter-spacing: 1px;
font-size: 18px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
  -webkit-mask-image: url(canvas-print.png);
}

.nav a:visited {
font-family: arial;
letter-spacing: 1px;
font-size: 18px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
  -webkit-mask-image: url(canvas-print.png);
}

.nav a:active {
font-family: arial;
letter-spacing: 1px;
font-size: 18px;
text-align: justify;
color: #F2EEEF;
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
  -webkit-mask-image: url(canvas-print.png);
}

.nav a:hover {
font-family: arial;
letter-spacing: 1px;
font-size: 18px;
text-align: justify;
color: #ffffff;
text-decoration: none;
cursor: default;
text-transform:uppercase;
background-image: url(test.gif);
  -webkit-mask-image: url(scuffed-steel.png);
}

input, textarea, submit, reset {
padding: 2px;
font-family: trebuchet ms;
letter-spacing: 2px;
font-size: 12px;
text-align: justify;
color: #ADADAD;
cursor: pointer;
background-color: #000000;
       text-align: left;
       border-top-width: 1px;
       border-right-width: 1px;
       border-left-width: 1px;
       border-bottom-width: 1px;
       border-style: solid;
       border-color: #737373;
}

option, select {
padding: 2px;
font-family: trebuchet ms;
letter-spacing: 1px;
font-size: 12px;
text-align: justify;
color: #ADADAD;
cursor: pointer;
background-color: #000000;
       text-align: left;
       border-top-width: 1px;
       border-right-width: 1px;
       border-left-width: 1px;
       border-bottom-width: 1px;
       border-style: solid;
       border-color: #737373;
}

*:focus {
outline: none;
outline-width: 0; }