* {
margin:0;
padding:0;
}

body {
background: url(../bg.jpg) repeat-x;
background-color:#ccc;
font-family:Verdana, Arial, sans-serif;
}

#box {
position:relative;
}

#content {
width:1062px;
height:100%;
margin:0 auto;
background: url(../content.jpg) no-repeat;
background-color:#fff;
}

#main {
position:relative;
top:40px;
display:block;
width:600px;
margin:20px;
background-color:#fff;
}

#footer {
    clear:left;
    margin-top:100px;
    background:#ccc;
    padding:10px;
	text-align:right;
	font-size:10px;
}

#main p {
margin-bottom:18px;
line-height:1.8em;
}

#main h3 {
margin-bottom:18px;
}

.feature {
line-height:2em;
}

#banner {
position:relative;
top:0px;
left:0px;
width:1020px;
height:150px;
}

a {
text-decoration:none;
color:#000;
}

#navimeta {
position:relative;
top:-40px;
right:-6px;
float:right;
list-style-type:none;
font-size:10px;
}

#navimeta a:hover{
font-weight:bold;
}

#navimeta li {
display:inline-block;
}

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  color: #000; 
  }
  
a.tooltip:hover {
  color: #000; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: -100px; 
  left: 40px; 
  width: 600px;
  padding:5px 5px 5px 5px;
  z-index: 100;
  color: #000; 
  border:1px solid #000; 
  background: #ccc;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weigth: bold;
  color: #000;
  background-color: #ccc;
  border: 0px;
  border-bottom: 1px solid #000;
}
