/* ------ general
-----------------------------------------------*/

body {
font-family:Arial, Helvetica, sans-serif;
background:#F1F1F1;
/*background:url(../img/treadplate400.jpg) repeat;*/
}

/* ------ mobilyblocks
-----------------------------------------------*/


.socials {
display:block;
width:80px;
height:80px;
background:url(../img/socials/share.png) no-repeat;
cursor:pointer;
margin-left:40px;

}

.nature {
display:block;
width:150px;
height:150px;
background:url(../img/nature/img1.png) no-repeat;
cursor:pointer;
position:relative;
}

.socials, .nature {
margin:0 auto;
}



ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
}

ul.reset li {
position:absolute;
}

ul.reset li a {
outline:none;

}

#content {
display:block;

position:absolute; top:50%; height:80px; margin-top:-40px; margin-left:-40px;   left:50%;

}

#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;
 text-align: center;
 font::.75/normal "calibri", "arial", "helvetica"; 
 text-shadow: -1px -1px #999999, 1px 1px #EEEEEE;
 color: #cccccc;
 /*line-height:3em;*/
}
html, body, #page { height: 99%; margin: 0; padding: 0; }
body > #page { height: auto; min-height: 99%; }

a {
color: #cccccc;
}


a img {
display:block;
border:none;
margin-left:10px;
margin-top:10px;
}