.container {
height:100%;
overflow:hidden;
position:relative;
width:100%
}

.container[class] {
display:table;
position:static
}

.content {
position:relative;
top:-50%
}

.content[class] {
position:static
}

.position {
position:absolute;
top:50%
}

.position[class] {
display:table-cell;
position:static;
vertical-align:middle
}

* {
font-smooth:always;
margin:0;
padding:0
}

:focus {
outline:0
}

:link,:visited {
text-decoration:none
}

a {
background:inherit;
color:inherit
}

html body * a:hover {
color:#ccc
}

html body div.container div.position div.content p {
font-size:1.75em;
text-align:center
}

html body div.container div.position div.content p#name {
color:#eee;
font-size:4em;
font-weight:400;
line-height:.85em;
text-align:center;
white-space:nowrap
}

html,html body {
font-family:"Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
height:100%
}

html,html body * {
background:#222;
color:#777;
font-size:1em;
text-decoration:none;
white-space:nowrap
}

html body div.container div.position div.content p.menu > span + span:before {
content:" · "
}

html body div.page {
height:100%;
position:absolute;
width:100%
}

html body.bg div.page img.bg {
background:#222;
display:block;
float:left;
height:100%;
position:absolute!important;
right:0;
top:0;
width:100%;
z-index:-1
}

html body.bg * {
color:#888
}

html body.bg * a {
color:#aaa
}

html body.bg div.container div.position div.content p#name {
font-size:6.5em
}

html body div.container div.position div.content p#name span#dowhat {
color:inherit!important
}

html body.bg div.container div.position div.content div.bar {
-moz-opacity:.5;
background:#222;
bottom:4em;
display:block!important;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
float:left;
height:4em;
margin-bottom:-100%;
opacity:.5;
position:relative;
width:100%;
z-index:-1
}

html body.bg div.page div#about {
-moz-opacity:.1;
background:#222;
bottom:0;
color:#000;
display:block;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
font-size:.75em;
opacity:.1;
position:absolute;
text-align:right;
width:100%
}

html body.bg div.page div#about * {
visibility:hidden
}

html body.bg div.page div#about:hover {
-moz-opacity:.7;
color:#eee;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:.7
}

html body.bg div.page div#about:hover * {
visibility:visible
}

html body div.container div.position div.content p#name:hover,html body.bg div.page div#about a:hover {
color:#fff
}

html body div.page img.bg,html body.bg div.container div.position div.content p#name span#dowhat,html body div.container div.position div.content div.bar,html body div.page div#about {
display:none
}