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, font, 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 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
@font-face
{
font-family:Futura Light;
font-style:italic, oblique;
src:url(../fonts/futura/FUTURALI.TTF);
}
@font-face
{
font-family:Futura Light;
src:url(../fonts/futura/FUTURAL.TTF);
}
@font-face
{
font-family:Futura Light Condensed;
font-style:italic, oblique;
src:url(../fonts/futura/FUTURLCI.TTF);
}
@font-face
{
font-family:Futura Light Condensed;
src:url(../fonts/futura/FUTURALC.TTF);
}
html 
{
height:100%;
}
body 
{
color:rgba(255,255,255,255);
background-color:rgba(0,0,0,255);
font-family:Futura Light,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
height:100%;
}
#versionbutton
{
margin-right:5px;
}
#main
{
height:100%;
}
.icon
{
cursor:pointer;
height:22px;
width:22px;
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
display:inline-block;
}
.icon:hover
{
background-position:bottom left;
}
.icon:focus
{
background-position:top left;
}
#facebook
{
background-image:url(../images/graphics/facebook.png);
}
#twitter
{
background-image:url(../images/graphics/twitter.png);
}
#googleplus
{
background-image:url(../images/graphics/google+.png);
}
#instagram
{
background-image:url(../images/graphics/instagram.png);
}
#flickr
{
background-image:url(../images/graphics/flickr.png);
}
#imgur
{
background-image:url(../images/graphics/imgur.png);
}
#linkedin
{
background-image:url(../images/graphics/linkedin.png);
}
#tumblr
{
background-image:url(../images/graphics/tumblr.png);
}
#pinterest
{
background-image:url(../images/graphics/pinterest.png);
}
nav ol li.current
{
color:rgba(0,0,0,255);
background-color:rgba(120,120,120,255);
}
nav ol li:hover
{
color:rgba(0,0,0,255);
-moz-text-shadow:0 0 3px rgba(255,255,255,255);
-webkit-text-shadow:0 0 3px rgba(255,255,255,255);
text-shadow:0 0 3px rgba(255,255,255,255);
}
nav ol li a
{
display:none;
}
.hidden
{
display:none;
}
div.button
{
cursor:pointer;
padding:2px 10px 2px 10px;
text-align:center;
background-color:#333333;
border:1px solid #cccccc;
border-radius:5px;
color:#cccccc;
display:inline-block;
-moz-box-shadow:-2px 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,0.4);
box-shadow:-2px 2px 2px rgba(0,0,0,0.4);
}
div.button:hover
{
background-color:#666666;
border:1px solid #ffffff;
color:#000000;
-moz-text-shadow:0 0 3px rgba(255,255,255,255);
-webkit-text-shadow:0 0 3px rgba(255,255,255,255);
text-shadow:0 0 3px rgba(255,255,255,255);
}
#shade
{
position:fixed;
height:100%;
width:100%;
background-color:rgba(0,0,0,255);
opacity:.5;
filter:alpha(opacity=50);
z-index:10;
}
#preferences
{
opacity:0;
filter:alpha(opacity=0);
position:fixed;
height:300px;
width:300px;
top:50%;
left:50%;
margin-left:-175px;
margin-top:-175px;
background-color:rgba(153,153,153,255);
background-image:url(../images/graphics/vslogo.svg);
background-size: 308px 106px;
background-repeat:no-repeat;
background-position:25px 225px;
border:1px solid rgba(240,240,240,255);
border-radius:20px;
-moz-box-shadow:-4px 4px 4px rgba(0,0,0,0.4);
-webkit-box-shadow:-4px 4px 4px rgba(0,0,0,0.4);
box-shadow:-4px 4px 4px rgba(0,0,0,0.4);
padding:15px 25px 25px 25px;
z-index:20;
}
#preferences div.big
{
font-size:36px;
font-weight:800;
margin:0 0 0 60px;
color:rgba(66,66,66,255);
font-style:italic;
letter-spacing:-1px;
}
#preferences div.small
{
margin:-20px 0 10px 100px;
font-size:15px;
-moz-text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
-webkit-text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
letter-spacing:10px;
}
#preferences p
{
-moz-text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
-webkit-text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
}
#preferences table
{
width:275px;
}
#preferences table td
{
padding:3px;
-moz-text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
-webkit-text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
text-shadow:-3px 3px 3px rgba(0,0,0,0.8);
}
#preferences table td input
{
margin-left:20px;
}
#header
{
width:100%;
background-color:transparent;
position:relative;
}
#footer
{
width:100%;
text-align:right;
}
#telephone
{
font-family:Futura Light Condensed;
color:rgba(66,66,66,255);
margin:0;
font-style:normal;
}
#telephone a
{
text-decoration:none;
color:rgba(66,66,66,255);
}
#telephone a:visited
{
text-decoration:none;
color:rgba(66,66,66,255);
}
#pageTitle
{
text-align:right;
font-size:30px;
margin:0 50px 0 0;
color:rgba(153,153,153,255);
font-style:italic;
letter-spacing:-1px;
}
.helper
{
visibility:hidden;
display:inline-block;
height:100%;
vertical-align:middle;
}
.invisible
{
visibility:hidden;
}
#tribute
{
float:right;
height:6px;
width:6px;
background-color:rebeccapurple;
}

