body {
padding:0;
margin:0;
background:#111111 url('app/mapbg.png') no-repeat center top;
width:100%;
text-align:center;
font-family: 'Open Sans Condensed', sans-serif;
}
#header {
width:900px;
height:400px;
margin:0 auto;
text-align:left;
z-index:0;
}
#bigtext {
font-size:72px;
text-transform:uppercase;
text-shadow: 0px 2px 2px #111;
}
#smallbigtext {
font-size:24px;
text-transform:uppercase;
text-shadow: 0px 2px 2px #111;
}
#oneapp {
text-transform:uppercase;
color:#fefefe;
letter-spacing:1px;
}
#logo {
position:relative;
top:100px;
overflow:hidden;
left:0px;
z-index:2;
width:580px;
color:white;
font-size:20px;
}
#download {
width:290px;
position:absolute;
top:335px;
overflow:hidden;
margin-left:215px;
z-index:500;
}
#follow {
width:245px;
top:370px; 
left:660px; 
z-index:2; 
position:relative;
font-size:20px;
text-shadow: 0px 1px 1px #111;
color:#fefefe;
}
#follow img {
float:right;
margin-left:10px;
}
#right-header {
float:right;
width:600px;
padding:40px 20px;
color:#fefefe;
font-weight:bold;
font-size:1.6em;
font-family: 'PT Sans', sans-serif;
text-shadow: 0px 2px 2px #111;
}
#content-top {
position:relative;
background:url('app/rippedtop.png') repeat-x center top;
height:50px;
width:100%;
z-index:100;
}
#content-bottom {
position:relative;
background:#3f0900 url('app/rippedbottom.png') repeat-x center top;
padding-bottom:20px;
width:100%;
z-index:100;
}
#content {
position:relative;
background:url('app/contentbodybg.png') repeat center top;
width:100%;
padding:25px 0;
z-index:100;
}
.left-content {
width:300px;
float:left;
color:#000000;
text-align:left;
text-align:justify;
line-height:1.6em;
margin-left:30px;
}
.right-content {
width:300px;
float:left;
color:#000000;
text-align:left;
text-align:justify;
line-height:1.4em;
margin-left:30px;
}
.farleft-content ul {
padding:0;
margin:0;
}
.farleft-content li {
list-style:none;
padding:10px 0;
border-bottom:1px dashed #222222;
}
.farleft-content a {
color:#111;
text-decoration:none;
}
.farleft-content a:hover {
color:#fefefe;
text-decoration:none;
}
.farleft-content {
width:240px;
float:left;
color:#000000;
text-align:justify;
line-height:1.4em;
}
.header-content {
text-transform:uppercase;
color:#8d0000;
text-shadow: 0px 1px 1px #fefefe;
font-size:1.7em;
font-weight:bold;
text-align:left;
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px #8d0000 dashed;
}
.header-bottom {
text-transform:uppercase;
color:#fefefe;
text-shadow: 0px 1px 1px #111111;
font-size:1.7em;
font-weight:bold;
text-align:left;
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px #fefefe dashed;
}
#footer {
padding:15px 0 25px;
color:#eeeeee;
text-transform:uppercase;
font-size:0.8em;
letter-spacing:2px;
}
#bottom img {
border:8px solid #fefefe;
margin-right:14px;
}
#bottom img:hover {
border:8px solid #111;
}
#tolotrproject {
float:right;
margin-top:20px;
z-index:300;
position:relative;
}
#share {
float:left;
margin-top:20px;
margin-left:5px;
z-index:300;
position:relative;
}
img {
border:none;
}