body {
	font-family: "Futura", "Helvetica", "Arial";
	font-size: 14px;
}

a {
       font-family: "Futura", "Helvetica", "Arial";
       outline:none;
}

a:link { 
	text-decoration: none;
}

a:visited { 
	text-decoration: none 
}

a:hover { 
	text-decoration: none 
}

a img {
border-style: none;
border-width: 0;
text-decoration: none;
background-color: #FFFFFF;
}

#main {
	width:900px; /*ancho total de la pagina*/ 
	height:700px;
	/*border:1px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	/*background-color:#FFF8F0;*/
	margin:0px 100px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	float:right;
	position: relative;				
}

#home {
	position: absolute;
	top: 180px;
	left:60px;					
}		
#nav {
	position: absolute;
	top: 50px;
	right: 20px;				
	height: auto;
	width: auto;	
	z-index:10;
}			
#nav img {				
	margin: 0px;
	border: 0px solid #ffffff;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	padding: 0px;
}
#buttons{
	position: absolute;
	top: 210px;
	left: 150px;
	height: auto;
	width: auto;
	z-index:1;				
}	
#buttons img {				
	margin: 10px;
	border: 0px solid #ffffff;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	padding: 0px;				
}	
#bottom {
	position: absolute;
	top: 380px;
	left: 20px;
	height: auto;
	width: auto;		
}	
#design {
	position: absolute;	
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}	
#illustration {
	position: absolute;	
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}	
#inportfolio {
	position: absolute;	
	top: 200px; 
	left: 0px;
	height: auto;
	width: auto;
	float: left;
	z-index:3;
}				
#album {
	POSITION: relative; 								
	top: 200px; 
	left: 250px;		
	height: auto;
	width: auto;
	z-index:10;
}	

#album img {				
	margin: 10px;
	border: 0px solid #ffffff;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	padding: 0px;				
}
#invitations {
	position: absolute;
	top: 0px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}
#inportfolioinvitations {
	position: absolute;
	top: 200px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
	text-decoration: none;
}
#advertising {
	position: absolute;
	top: 25px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}
#inportfolioadvertising {
	position: absolute;
	top: 225px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}
#packaging {
	position: absolute;
	top: 50px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}	
#inportfoliopackaging {
	position: absolute;
	top: 250px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}	
#corporate {
	position: absolute;
	top: 78px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}	
#inportfoliocorporate {
	position: absolute;
	top: 278px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}	
#posterflyers {
	position: absolute;
	top: 103px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}
#inportfolioposterflyers {
	position: absolute;
	top: 303px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}
#publishing {
	position: absolute;
	top: 125px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}	
#inportfoliopublishing {
	position: absolute;
	top: 327px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}	
#nonprofit {
	position: absolute;
	top: 150px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}
#inportfoliononprofit {
	position: absolute;
	top: 350px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}

#webdesign {
	position: absolute;
	top: 180px;
	left: 70px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}
#inportfoliowebdesign {
	position: absolute;
	top: 375px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:1;
}

#cartoon {
	position: absolute;
	top: 50px;
	left: 585px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#inportfoliocartoon {
	position: absolute;
	top: 200px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#productlabels {
	position: absolute;
	top: 75px;
	left: 585px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#inportfolioproductlabels {
	position: absolute;
	top: 225px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#collage {
	position: absolute;
	top: 100px;
	left: 585px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#inportfoliocollage {
	position: absolute;
	top: 250px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#bookcovers {
	position: absolute;
	top: 130px;
	left: 585px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#inportfoliobookcovers {
	position: absolute;
	top: 280px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#spotillustrations {
	position: absolute;
	top: 155px;
	left: 585px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}

#inportfoliospotillustrations {
	position: absolute;
	top: 305px;
	left: 75px;
	height: auto;
	width: auto;
	float: left;
	z-index:2;
}
#contact {
    position: absolute;
	top: 180px;
	left: 235px;
	height: auto;
	width: auto;
	z-index:2;
}

#hiddenstyle {
	position: absolute;	
	visibility: hidden;
	z-index:0;
}

#aboutlaianne {
    position: absolute;
	top: 160px;
	left:90px;	
	height: auto;
	width: auto;
	z-index:2;
}