/* CSS Document */
/* Kmc - http://kmc.com.co */

body{
  margin:0;
  padding:0;
  background:#f8f2dc url(bg.jpg);
  font-family:Georgia, "Times New Roman", Times, serif;
}

#centerBox{
  width:800px;
  padding:36px 50px 0 21px;
  background:url(bg_texture.jpg) no-repeat left top;
}


/* Header */

#header{
  padding:20px 0 0 20px;
  background:url(bg_header.jpg) no-repeat;
  height:129px;
}

#logo{
  width:306px;
  height:51px;
  background:url(logo_carta.gif);
}

#logo h1 a{
  display:block;
  width:306px;
  height:51px;
  background:url(logo_carta.gif);
}

/* Main Navigation */

#nav{
  margin:15px 0 0 0;
}

#nav ul li{
  margin:0;
  padding:0;
  display:inline;
  list-style:none;
}

#nav ul li a{
  padding:0 10px 0 5px;
  color:#000;
  text-transform:lowercase;
  font-size:90%;
  border-right:1px solid #000;
}

#nav ul li a.last{
  border-right:none;
}

#nav ul li a.selected{
  color:#c00;

}

/* Home Feature */

#feature{
  width:380px;
  padding:30px 60px 40px 290px;
  margin:0 0 0 20px;
  background:url(../img/header_03.gif) no-repeat top left;
}

#feature h1{
  font:normal 150% Georgia, "Times New Roman", Times, serif;

}

#feature h1 strong{
  display:block;
  color:#930;
  font-weight:normal;
}

#feature p{
  font-size:80%;
}

/* Content */

#contentBox{
  padding:0 30px 0 0;
  background:url(bg_paper.jpg) repeat-y;
}

#content{
  width:100%;
  padding:0 0 20px 0;
  margin:0 0 0 20px;
}

#contentLeft{
  float:left;
  width:24%;
}

#contentRight{
  display:inline; /* Double margin hack */
  margin:0 60px 0 0;
  padding:0 0 0 20px;
  float:right;
  width:65%;
  background:url(bar.gif) no-repeat top left;
}

.interviewBox{
	clear:both;
}

.interviewBox .picture{
	float:left;
	width:20%;
}

.interviewBox .brief{
	float:right;
	width:80%;
}

/* Footer */

#footer{
  width:740px;
  margin:0 0 20px 0;
  padding:0 20px 30px 0;
  background:url(bg_footer.jpg) no-repeat bottom left;
}

/* Headings, text & links */

#contentLeft h2{
  margin:10px 0 5px 0;
  font-size:100%;
  font-weight:normal;
  color:#900;
}

#contentLeft ul li{
  margin:0 0 0 10px;
  list-style:none;
  line-height:1.3;
}

#contentLeft ul li a{
  font-size:80%;
  font-weight:normal;
  color:#000;
}

#contentLeft ul li a.selected{
  font-weight:bold;
}

#contentRight h1.padding, #contentRight h2.padding{
	margin:5px 0 20px 0;
}

#contentRight h2.paddingHeader{
	margin:20px 0 0 0;
}

#contentRight h1, #contentRight h2.news{
  font-size:140%;
  font-weight:normal;
  color:#000;
}

#contentRight h2{
  font-size:130%;
  font-weight:normal;
  color:#000;
}

.red{
	padding-bottom:5px;
	border-bottom:1px dashed #960;
}

#contentRight ul{
	margin:0 0 0 20px;
}

#contentRight ul li{
	margin:0 0 10px 0;
	list-style-image:url(bullet_red.gif);
	line-height:1.5;
}

#contentRight ol li{
	margin:0 0 10px 0;
	line-height:1.5;
}

p{
  line-height:1.3;
	text-align:justify;
}

p.writer{
  margin:0 0 10px 0;
  padding:0;
  font-size:80%;
}

#footer p{
  margin:0;
  padding:20px 0 0 0;
  background:url(hr.gif) no-repeat top right;
  text-align:right;
}

a{
  color:#c00;
}

a:hover, #contentLeft a:hover, #nav a:hover{
  color:#f00;
}

a:visited, #contentLeft ul li a:visited{
  color:#606;
}

a.pdf{
	background:url(pdf.gif) no-repeat top left;
	padding-left:20px;
}

dt{
	margin:10px 0;
	font-weight:bold;
}

dd{
	line-height:1.4;
}


/* Html */

h1, h2, h3, ul{
  margin:0;
  padding:0;
}

/* Forms */

input, textarea, select{
	width:60%;
	margin:10px 0;
	padding:3px 5px;
	border:1px solid #666;
	font:90% Georgia, "Times New Roman", Times, serif;
}

input.send{
	width:100px;

}

label{
	font-size:100%;
	font-weight:bold;
}

fieldset{
	padding:0;
	border:none;
}

legend{
	display:none;
}

/* Tricks */

.cleaner{
  clear:both;
  overflow:hidden;
  height:1px;
  margin-top:-1px;
}

img{
  border:0px;
}

img.bio{
	float:right;
	padding:0 10px 5px 20px;
}

img.news{
	float:right;
	padding:10px 0 10px 20px;
}

.hidden, h1 span, h2 span, li span, h3 span, q span{
  display:none;
}