@import url('http://fonts.googleapis.com/css?family=Lato|Special+Elite');
html {
background:#ededeb url(/f/images/this_back.gif) repeat-x 0 0;
margin:0;
padding:0;
height:100%;
}
body {
background:url(/f/images/this_eye_drk.jpg) no-repeat 0 0;
font-size:12px;
margin:0;
height:100%;
min-height:560px;
position:relative;
}
h1,h2,h3,h4,h5,p,div,a,li,input {
font-family: 'Special Elite', arial, sans-serif;font-weight:normal;
}
a {
text-decoration:none;
color:#666677
}
a:hover {
color:#333344;
}
h1 {
color:#444444;
font-size:110px;
margin:0;
position:absolute;
left:364px;
top:212px;
}
h1 span {
display:none;
}
h2 {
margin:0;
}
form {
margin:0;
padding:0;
}
input {
background:#eee;
border:1px solid #666 !important;
font-size:16px;
height:26px;
width:200px;
}
.main_links {
background-repeat:no-repeat;
height:112px;
list-style:none;
margin:0;
padding:0;
width:456px;
position:absolute;
left:360px;
top:60px;
z-index:99;
}
.main_links li {
margin:0;
padding:0;
height:112px;
width:114px;
display:inline-block;
position:relative;
}
.main_links li a {
display:block;
position:absolute;
bottom:0px;
width:102px;
font-size:16px;
padding-top:92px;
text-align:center;
}
#icon1 {
background:url(/f/images/europa.gif) no-repeat 4px 0;
}
#icon2 {
background:url(/f/images/fern.gif) no-repeat 4px 0;
}
#icon3 {
background:url(/f/images/bluesky.gif) no-repeat 4px 0;
}
#icon4 {
background:url(/f/images/lightning.gif) no-repeat 4px 0;
}
.copydate {
color:#999999;
font-size:14px;
position:absolute;
left:364px;
bottom:24px;
width:440px;
}
.copydate a {
color:#cccccc;
}
.mask {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
min-height:560px;
overflow:hidden;
}
.spheredoc {
background:#333;
border-radius:3000px;
position:absolute;
top:380px;
left:-420px;
}
.spheredoc.h2k div {
color:#eee;
margin: 100px 734px;
max-width:400px;
min-height:200px;
overflow:auto;
}
.r4d {
transform:rotate(4deg);
-ms-transform:rotate(4deg);
-moz-transform:rotate(4deg);
-webkit-transform:rotate(4deg);
:o-transform:rotate(4deg);
}
.r12d {
transform:rotate(12deg);
-ms-transform:rotate(12deg);
-moz-transform:rotate(12deg);
-webkit-transform:rotate(12deg);
:o-transform:rotate(12deg);
}
.r348d {
transform:rotate(348deg);
-ms-transform:rotate(348deg);
-moz-transform:rotate(348deg);
-webkit-transform:rotate(348deg);
:o-transform:rotate(348deg);
}
.r356d {
transform:rotate(356deg);
-ms-transform:rotate(356deg);
-moz-transform:rotate(356deg);
-webkit-transform:rotate(356deg);
:o-transform:rotate(356deg);
}
.w2k {
width:2100px;
}
.w3k {
width:2800px;
}
.h2k {
height:2000px;
}
@media screen and (max-width:890px){
body {
background:none;
background:url(/f/images/this_eye_drk.jpg) no-repeat -160px 0;
}
h1 {
color:#444444;
font-size:110px;
margin:0;
position:absolute;
left:204px;
top:212px;
}
.main_links {
left:200px;
top:60px;
}
.spheredoc {
top:380px;
left:-320px;
}
.spheredoc.h2k div {
margin: 100px 468px;
max-width:400px;
min-height:200px;
overflow:auto;
}
.w2k {
width:1600px;
}
.w3k {
width:1800px;
}
.copydate {
left:204px;
width:400px;
}
}
@media screen and (max-width:660px){
html {
background-position:0 -80px;
}
body {
background:none;
}
h1 {
color:#444444;
font-size:56px;
margin:0;
position:absolute;
left:10px;
top:130px;
}
h1 span {
display:block;
float:left;
font-size:100px;
line-height:60px;
width:70px;
}
.main_links {
left:10px;
top:10px;
width:308px;
}
.main_links li {
height:86px;
width:76px;
}
#icon1 {
background-size:70px;
}
#icon2 {
background-size:70px;
}
#icon3 {
background-size:70px;
}
#icon4 {
background-size:70px;
}
.main_links li a {
bottom:0px;
width:76px;
font-size:12px;
padding-top:82px;
}
.spheredoc {
top:240px;
left:-480px;
}
.copydate {
left:10px;
width:280px;
}
}