@CHARSET "UTF-8";

* { margin:0; padding:0; font-family : "Verdana" }

body { background-color:#000;}

#top { 
	background: url("../images/header_bg.png") repeat-x;
	background-position: top center;
    height: 380px;
    margin-top: -3em;
    text-align:center;
    
}
#container {
    background: url("../images/body_bg.png") repeat-x;
    background-position: bottom center;
}
#logo {
    width: 350px;
    height: 137px;
    background: url("../images/logo.png") no-repeat;
    background-position: center center;
    margin:auto;
    margin-top: -27em;
    
}
#doc {
	width: 460px;
	height: 341px;
	background: url("../images/header_doc.png") repeat-x;
	background-position: center center;
	padding: 4.5em 0;
	margin:auto;
	
}

#facebook {
	border: 2px solid white;
}

#geral {
	width: 1024px;
	margin: auto;
}

#topbar { 
  float:right;
  margin-top: -330px;    
}
#topbar img {
    border: 0;
}

#menu {
	height: 2.5em;
	background: url("../images/bgmenu.png") repeat-x scroll 50% 50% #428104;
	border-radius: 20px;
	color: #FFFFFF;
    font-weight: bold;
    clear:both;
    width:800px;
    margin:auto;
    text-align:center;
}

#menu ul {
	margin: auto;
	padding: 0.6em;
	
}

#menu ul li {
	display: inline;
	padding: 1em;
}
#menu ul li a {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}
#menu ul li a:hover {
    color:green;
}
#menu ul li a:active {
    color:green;
}
#menu ul li a:visited {
    color:white;
}
#menu ul li a:link {
    color:white;
}

#brain {
    height: 176px;
    width: 181px;
    background:url("../images/brain_bottom.png") no-repeat;
    z-index:100;
    float: right;
    margin-top: -1em;
    z-index: 3;
}
#zombie { 
    height: 390px;
    width: 219px;
    background:url("../images/zombie_bottom.png") no-repeat;
    background-position: 0 2em ;
    z-index:100;
    float: left;
    margin-top: -16em;
    z-index: 4;
    
}

#bottom { 
    height: 193px;  
    background:url("../images/grass_bottom.png") repeat-x;
    background-position: left center;
    z-index:-1;
 }

 #content {
    width: 100%;
    height: 600px;
    z-index: -1;
 }
 
#content_text {
    /*border: 2px solid white;
    */width: 76%;
    margin: 1em auto;
    height: 650px;
    z-index:-1;
    color: white;
    border-radius: 10px;
    padding: 0.5em;
 }
 
 #youtube {
    margin: auto;
    text-align:center;
}

#youtube iframe {

    border: 2px solid black;
}
 
 #video {
    width:600px;
    height: 365px;
    background:url("../images/iphone.png") no-repeat;
    background-position: center center;
    z-index:-1;
    margin:auto;
    margin-top: 1em;
 }
 #video iframe {
    margin-left: 110px;
    margin-top: 20px;
 }
 
 #ituneslink {
    text-align:center;
 }
 #ituneslink a img {border:0}
 
 #home {
    margin-top: 1.5em;
 }
 h2 {
    margin:auto;
    text-align:center;
 }
 
 #about {
    margin:auto;
    padding-top: 1.5em;
 }
 #about p.padleft {
    margin:0.5em auto;
    
    background: url(../images/bgcontent.png);
    border-radius: 5px;
    padding: 0.5em;
    width: 90%;
    height: 250px;
    border:2px double #434640;
    border-radius: 10px;
 }
 
 #screens {
    margin: auto;
    padding-top: 1.5em;
 }
 #screens #gallery {
    margin: auto;
    width: 80%;
    padding: 2em;
    text-align:center;
    background: url(../images/bgcontent.png);
    border:2px double #434640;
    border-radius: 10px;
 }
 #screens #gallery img {
    width: 152px;
    height: 117px;
 }