/* >>>> The Who What
------------------------------------------------------- 
  MN_top.css

  Copyright (C) Your Media Coverage <justinribeiro@yourmediacoverage.com>
  Project Page - http://www.yourmediacoverage.com/
------------------------------------------------------- 
*/

/* >>>> Main Page Settings
------------------------------------------------------- */
body 
{
    margin: 0 0 0 0;
	text-align: center; /* for IE */ 
	font:small Verdana,Sans-serif;
	line-height: 1.5em;
	color: #333;
	background: url("/inc/img/containerBB.jpg") repeat;
}

a 
{
  color: #183A4D;
  text-decoration: none;
  border-bottom: 1px dotted #183A4D;
}

a:visited 
{
  color: #336699;
  border-color: #899;
}

a:hover  
{
  color: #339900;
  border-color: #339900;
  border-bottom-style: solid;
}

a IMG 
{
  text-decoration: none;
  border-bottom-style: none;
}

a:hover IMG  
{
  text-decoration: none;
  border-bottom-style: none;
}
p 
{
  margin: 0 0 1em 0;
}
  
/* >>>> DIV alignments
------------------------------------------------------- */

#containerTB 
{
	width: 100%px;
	height: 40px;
	background: url("/inc/img/containerTB.jpg") repeat;
	margin: 0 0 0 0;
}
#containerCB 
{
	position: relative;
	width: 100%px;
	height: 633px;
	background: url("/inc/img/repeater_block.jpg") repeat-x;
}

#sections
{
	width: 1000px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	padding: 0px 0px;
}
#leftside
{
  position: relative;
  width: 309px;
  height: 633px;
  float: left;
  background: url("/inc/img/left_piece.jpg") no-repeat;
}
#centershot
{
  position: relative;
  width: 332px;
  height: 633px;
  float: left;
  background: url("/inc/img/center_piece.jpg") no-repeat;
}
#rightside
{
  width: 309px;
  height: 633px;
  float: left;
  background: url("/inc/img/right_piece.jpg") no-repeat;
}
#content
{
  position: absolute;
  top: 230px;
  left: 0px;
  background-color: transparent;
}
#content p
{
  margin-top: -7px;
  margin-left: 15px;
}


/* >>>> Navigation
------------------------------------------------------- */
#navigation
{
  margin: auto;
  width: 700px;
}

#nav 
{
  float: left;
  width: 700px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 80%;
}

#nav li 
{
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav a 
{
  float: left;
  padding: 6px 10px 6px 30px;
  text-decoration: none;
  color: #fff;
  border-bottom: none;
}

#nav a:hover, #nav a.active 
{
  color: #000;
  
}

#sounds
{
  position: absolute;
  top: 450px;
  left: 75px;
}