/*--------------------------------------------------
	Outer Structure
	body - background-color: beige, same as arrows
	#outer-container - background-color: white (coverso beige) with horizontal red bar
	#footer - background-color: transparent (see body through) with arrows
--------------------------------------------------*/
body
{
	
}

#outer-container,
#outer-footer
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

/*--------------------------------------------------
	Inner Structure
--------------------------------------------------*/
#container,
#content,
#footer
{
	margin: 0 auto;
	overflow: hidden;
}
#container,
#content
{
	padding: 0;
	width: 60em;
}
#content h4#intro
{
  margin: 5px 0 20px 0;
}
#footer
{
	padding: 1em;
	width: 58em;
}

/*--------------------------------------------------
	header
--------------------------------------------------*/
#header
{
	position: relative;
	height: 115px;
	padding: 0;
}

#header #logo,
#header #logo *
{
	border: 0;
}
#header #logo
{
	position: absolute;
	top: 10px;
	right: 0.5em;
	width: 200px;
	height: 55px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#header #logo img
{
	position: absolute;
	top: 0;
	left: 0;
}

#header #main_menu
{
	position: absolute;
	top: 25px;
	left: 0;
}

#header #bread
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40px;
	padding: 0;
	width: 100%;
}

#header #bread a
{
	line-height: 40px;
	padding: 0 0 0 1.5em;
}

/*--------------------------------------------------
	content
--------------------------------------------------*/

/*
	Index
*/

#content #l_home,
#content #c_home,
#content #r_home
{
	position: relative;
	display: block;
	margin: 0.75em auto;
	text-align: justify;
	width: 17em;
}

#content #l_home
{
	float: left;
	padding: 0 2.5em 0 0;
}
#content #c_home
{
	float: none;
	padding: 0 2.0em 0 2.0em;
}
#content #r_home
{
	float: right;
	padding: 0 0 0 2.5em;
}

#content a.more
{
	position: relative;
	display: block;
	padding: 0 0 1.75em 0;
	text-align: right;
}

/*
	Page
*/
#modal #main,
#content #main,
#content #sub
{
	position: relative;
	display: block;
}
#modal #main
{
	margin: 0;
	padding: 0 1.5em 1.5em 1.5em;
}
#content #main,
#content #sub
{
	margin: 0.75em auto;
	padding: 1.5em;
}
#content #main
{
	float: left;
	width: 38em;
	padding-right: 0;
}
#content #sub
{
	float: right;
	width: 17em;
	padding: 0 0 0 2.5em;
	margin: 0.75em auto;
}

#content #main img
{
	float: none;
	position: relative;
	clear: both;
	margin: 0.5em auto;
	padding: 0;
	z-index: 99;
}

#content #main p.l_cont,
#content #main p.r_cont
{
	position: relative;
	display: block;
	padding-right: 1.5em;
	width: 17.5em;
	text-align: justify;
	float: left;
}
#content #main p
{
  text-align: justify;
}

/*--------------------------------------------------
	footer nav
--------------------------------------------------*/
#nav
{
  display: block;
  font-size: 0.9em;
  font-weight: normal;
}


#nav a
{
  display: block;
  width: 40%;
  line-height: 1.5;
  padding: 0.5em 0;
  color: #666;
  text-decoration: none;
  background-repeat: no-repeat;
  background-color: transparent;
}
#nav a#l_nav:hover,
#nav a#r_nav:hover
{
  color: #FFF;
  background-color: #E20A16;
  background-image: none;
}

#nav a#l_nav
{
  float: left;
  text-align: left;
  padding-left: 2em;
  background-image: url(prev.png);
  background-position: left center;
}
#nav a#r_nav
{
  float: right;
  text-align: right;
  padding-right: 2em;
  background-image: url(next.png);
  background-position: right center;
}



/*--------------------------------------------------
	footer
--------------------------------------------------*/
#footer #l_foot,
#footer #r_foot
{
	position: relative;
	display: block;
}
#footer #l_foot
{
	float: left;
	text-align: left;
	width: 24em;
	padding: 1.5em 0 1.5em 1.5em;
}
#footer #r_foot
{
	float: right;
	text-align: right;
	width: 30em;
	padding: 1.5em 1.5em 1.5em 0;
}