html {
background:#085A7F url("../_img/background.jpg") center center no-repeat;
height: 100%;
}

body {
margin:0;
color:#808080;
font:13px "Century Gothic", "Trebuchet MS", sans-serif;
background:#085A7F url("../_img/background.jpg") center center no-repeat;
}

a, a:visited {
color:#808080;
font:13px "Century Gothic", "Trebuchet MS", sans-serif;
text-decoration:none;
}

a:hover, a:active {
color:#404040;
font:13px "Century Gothic", "Trebuchet MS", sans-serif;
text-decoration:none;
}

.container {
position:absolute;
height:435px; 
width:540px;
margin:-150px 0px 0px -245px;
top:50%; 
left:50%;
}

.logo {
float:left;
width:205px;
height:300px;
}

.logo img {
margin-bottom:20px;
}

.logo div {
margin-left:10px;
}

.logo h1 {
font-size:26px;
font-weight:bold;
color:#032962;
text-transform:lowercase;
margin:0;
margin-bottom:5px;
}

.text {
float:right;
width:276px;
height:300px;
}

.quote {
font-size:16px;
position:relative;
left:-30px;
background:url("../_img/quote.jpg") 0 3px no-repeat;
line-height:28px;
font-style:italic;
padding-left:30px;
}

.social {
position:relative;
top:90px;
width:540px;
height:45px;
}

.skype a, .xing a, .linkedin a, .facebook a, .flickr a {
width:100%;
height:100%;
display:block;
text-indent:-9999px;
}

.skype {
width:90px;
height:45px;
float:left;
margin-left:15px;
padding-right:21px;
}

.skype a {
background:url("../_img/skype.jpg") 0 0 no-repeat;
}

.skype a:hover {
background:url("../_img/skype.jpg") 0 -45px no-repeat;
}

.xing {
width:76px;
height:45px;
float: left;
padding-right:21px;
}

.xing a {
background:url("../_img/xing.jpg") 0 0 no-repeat;
}

.xing a:hover {
background:url("../_img/xing.jpg") 0 -45px no-repeat;
}

.linkedin {
width:100px;
height:45px;
float: left;
padding-right:21px;
}

.linkedin a {
background:url("../_img/linkedin.jpg") 0 0 no-repeat;
}

.linkedin a:hover {
background:url("../_img/linkedin.jpg") 0 -45px no-repeat;
}

.facebook {
width:99px;
height:45px;
float: left;
padding-right:21px;
}

.facebook a {
background:url("../_img/facebook.jpg") 0 0 no-repeat;
}

.facebook a:hover {
background:url("../_img/facebook.jpg") 0 -45px no-repeat;
}

.flickr {
width:60px;
height:45px;
float: left;
}

.flickr a {
background:url("../_img/flickr.jpg") 0 0 no-repeat;
}

.flickr a:hover {
background:url("../_img/flickr.jpg") 0 -45px no-repeat;
}