/* CSS Reset */
  * { margin:0; padding:0; }
  
    body {
    background:#59d3fa url(img/body_bg.jpg) repeat-x 0 0;
  }

  #container {
    width:1024px;
    margin:0 auto;
  }

#header {
  height:116px;
  width:960px;
  margin:90px auto 0  auto;
}

 #header h1 {
    display:block;
    float:left;
    width:467px;
    height:116px;
    background:url(img/logo.png)  no-repeat 0 0;
    text-indent:-10000px;
  }
  
    #header h1 a {
    display:block;
    width:100%;
    height:100%;
  }
  
    #header h1 a:hover {
    background:url(img/logo.png) no-repeat 0 -116px;
}
  #header ul {
    display:block;
    float:right;
    width:468px;
    height:116px;
    background:url(img/menu.png) no-repeat 0 0;
    list-style:none;
  }
    #header ul li {
    display:block;
    float:left;
    height:116px;
    text-indent:-10000px;
  }
  
    #controlpanel {
    width:156px;
  }
  #forum {
    width:156px;
  }
  #dixel {
    width:156px;
  }
  #header ul li a {
    display:block;
    width:100%;
    height:100%;
  }
  
    #controlpanel a:hover {
    background:url(img/menu.png) no-repeat 0 -116px;
  }
  #forum a:hover {
    background:url(img/menu.png) no-repeat -156px -116px;
  }
  #dixel a:hover {
    background:url(img/menu.png) no-repeat -312px -116px;
  }

 p#featuredText {
    display:block;
    position:relative;
	top:20px;
    left:70px;
    float:left;
    width:100%;
    height:375px;
    background:url(img/featured2.png) no-repeat 0 0;
    text-indent:-10000px;
  }
  #monitor {
  position: absolute;
  top:0px;
  right:110px;
}
#content{
	float:left;
	left:300px;
	background:url(img/content.png) no-repeat 0 0;
	width:948px;
    height:303px;
}
#content2 {
	position:absolute;
	    margin:30px 0px 0px  55px;
	
    width:265px;
    height:250px;
	float:left;

  }
  .one h2 {
    font:bold 20px  Verdana, Geneva, sans-serif;
	margin:0px 0px 12px  0px;
    color:#0f83bc;
    text-transform:uppercase;

  }
  .one p {
    font:normal 12px/18px Verdana, Geneva, sans-serif;
    color:#0c3b4a;

  }
    #footer {
    clear:both;
    width:940px;
    border-top:1px  dashed #094e64;

  }
  #footer p {
    margin:15px 0;
    font:bold 12px  Arial, Helvetica, sans-serif;
    color:#094e64;
	margin:0px 0px 0px  75px;
  }
    span.logoHover {
    display:block;
    width:100%;
    height:100%;
    background:url(img/logo.png) no-repeat 0 -116px;
  }
    span.logoHover a {
    display:block;
    width:100%;
    height:100%;
  }









.grid p {
  line-height: 16px;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h1 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h2 {
    font:bold 20px  Verdana, Geneva, sans-serif;
	margin:0px 0px 12px  0px;
    color:#0f83bc;
    text-transform:uppercase;
}

.grid h3 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h4 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h6 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

/* --- Grid --- */

.grid {
  width: 798px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 22px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 238px;
}

.grid-m2 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 238px;
}

.grid-m3 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 238px;
}



.campo {
width: 254px;
	height: 30px;
	margin-bottom: 20px;
	border: 1px Solid #84AA00;
	background: #84AA00;

	background-repeat: no-repeat;
	padding: 2px;
	color: #669966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(img/bg1f.png);

}