/* A container should group all your columns. */
#wrapper {
	width: 950px;
	height:450px; 
	margin: 0 auto;
	background-image:url(../images/bkground.jpg);
	background-repeat:no-repeat;
	}
body {
	margin:30px 0;
	background-color:#edf9fd;
	}

#header{
	float:right;
	height:98px;
	width:330px;
	margin-top:10px;
	background-image:url(../images/titulo.png);
	background-repeat:no-repeat;
	}

#frontimage{
	height:450px;
	width:431px;
	background-image:url(../images/front.png);
	background-repeat:no-repeat;
	z-index:1;
	position:absolute;
	}

#bottomimage{
	height:136px;
	width:155px;
	background-image:url(../images/nautilus-bottom.png);
	background-repeat:no-repeat;
	z-index:2;
	position:absolute;
	margin:314px 0 0 795px;
	}

#navigation{
	float:right;
	margin-top:300px;
	width:800px;
	padding-right:150px;
	padding-left:0px;
	list-style:none;
	font-size: 1em;
	background-color:#e991f5;
	margin-top:20px;
	}
	
#navigation li{
	float:right;
	padding:0;
	list-style:none;
	}
	
#navigation a {
	display:block;
	margin:0;
	padding-bottom:10px;
	padding:0px 8px 8px 8px;
	color: #fff;
	text-decoration:none;
	z-index:5;
	position:relative;

	}

#content{
	float:left;
	margin-top:160px;
	width: 475px;
	padding:0px 100px 20px 400px;
	line-height:1.4em;
	z-index:30;
	position:absolute;
	}
	
#content a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

#content-bio{
	float:left;
	margin: 160px 0 0 400px;
	width: 400px;
	padding:0px 10px 20px 0px;
	line-height:1.4em;
	z-index:30;
	position:absolute;
	overflow-y:scroll;
	height: 150px;
	}
	
#contacto1 {
	width: 180px;
	float:left;
	}
	
#contacto2 	{
	width:260px;
	float:left;
	margin:32px 0 0 15px;
	}
	
#content-bar{
	float:left; 
	width: 950px;
	background-color:#43c1da;
	margin-top: 50px;
	filter:alpha(opacity=70);
	moz-opacity:.70;opacity:.70;
	}
	
#content a img{
	border:none;
	margin:5px;	
	}	
	
#copy{
	clear:both;
	width:950px;
	margin:0 auto;
	font-size: 80%;
	text-align:right;
	color:#CCC;
	}

#copy a{ 
  text-decoration:none;
  text-align:right;
  color:#CCC;
	}

/*ghosts empiezan aqui. They make the content bar grow, while the content stays in a top layer & front image between.*/
	
#content-ghost{
	float:left; 
	width: 475px;
	padding:0px 100px 20px 400px;
	line-height:1.4em;
	visibility:hidden;
	}	
	
	#content-ghost-bio{
	float:left; 
	width: 400px;
	padding:0px 100px 20px 400px;
	line-height:1.4em;
	visibility:hidden;
	overflow-y:scroll;
	height: 160px;
	}	

	
#content-ghost a img{
	border:none;
	margin:5px;	
	}	

#contacto1-ghost{
	width: 180px;
	float:left;
	}
	
#contacto2-ghost{
	width:260px;
	float:left;
	margin:32px 0 0 15px;
	}


/*forma empieza aqui*/

.name {
	margin-left:2px;
	}
	
.mail {
	margin-left:9px;
	}
  
.textarea{
	width: 150px;
	height: 70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	} 

input{
	width: 150px;
	color:#333333;
	}
  
.submitbutton{
	width: 55px;
	margin-left:54px;
	}
	
fieldset {
border: 0;
}


.clear { clear:both; }