body {
	border-top:16px solid #000000;
	margin:0px;
	padding-top:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;}
	
a:focus {
	outline:none;}
	
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:14pt;
	font-style:italic;
	margin-bottom:-5px;}
	
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
	font-style:italic;
	color:#666666;}
	
h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
	margin-bottom:-5px;}

p {
	line-height:1.5;
	text-align:justify;}
	
.footer {
	font-style:italic;}
	
.c {
	font-style:italic;
	font-size:14pt;}
	
/*************************/
	
#center {
	margin:auto;
	width:969px;
	background:;
	height:620px;
	*height:660px;}

#centerbio {
	margin:auto;
	width:969px;
	background:;
	height:1330px;
	*height:1330px;}
	
#centerworks {
	margin:auto;
	width:969px;
	background:;
	height:610px;
	*height:640px;}
	
#centernews {
	margin:auto;
	width:969px;
	background:;
	height:670px;
	*height:670px;}
	
#centerworkstitle {
	margin:auto;
	width:969px;
	background:;
	height:570px;
	*height:600px;}
	
#centercoverart {
	margin:auto;
	width:969px;
	background:;
	height:1370px;
	*height:1370px;}
	
#centeroriginals {
	margin:auto;
	width:969px;
	background:;
	height:2930px;
	*height:2930px;}
	
/*************************/

#head {
	margin-top:40px;}
	
#logo {
	height:60px;
	width:409px;
	float:left;
	margin-right:36px;}
	
#navi{
	text-indent:-9000px;
	height:60px;}
	
#navi a{
	margin:30px 11px;
	float:left;
	display:block;}
	
#biography a{
	background:url(biografia.gif) no-repeat;
	float:left;
	width:67px;}
	
#biography a:hover{
	background:url(biografiah.gif) no-repeat;}
		
#works a{
	background:url(trabajos.gif) no-repeat;
	height:17px;
	width:61px;}
	
#works a:hover{
	background:url(trabajosh.gif) no-repeat;}
	
#coverart a {
	background:url(portadas.gif) no-repeat;
	height:17px;
	width:64px;}
	
#coverart a:hover{
	background:url(portadash.gif) no-repeat;}
	
#news a{
	background:url(noticias.gif) no-repeat;
	height:17px;
	width:59px;}
	
#news a:hover{
	background:url(noticiash.gif) no-repeat;}
	
#originals a{
	background:url(originales.gif) no-repeat;
	width:74px;}
	
#originals a:hover{
	background:url(originalesh.gif) no-repeat;}
	
#contact a{
	background:url(contacto.gif) no-repeat;
	height:17px;
	width:64px;
	margin-right:0px;}
	
#contact a:hover{
	background:url(contactoh.gif) no-repeat;}
	
/*************************/

#body {
	margin-top:50px;
	height:;} /*altura*/

#alfonso {
	width:436px;
	height:387px;
	float:left;
	margin-top:10px;}
		
#sidebar {
	float:right;
	height:190px;
	width:455px;}
	
#cita {
	padding:10px 0px;}
	
#welcome {
	margin-top:20px;}
	
#social {
	margin-top:30px;
	margin-bottom:20px;
	height:120px;}
	
#social2 {
	height:120px;}
	
#social2 a{
	float:left;
	display:block;
	height:28px;
	margin:30px 10px;
	text-indent:-9000px;}

#youtube a{
	background:url(youtube.gif) no-repeat;
	width:70px;}
	
#youtube a:hover{
	background:url(youtubeh.gif) no-repeat;}

#facebook a{
		background:url(facebook.gif) no-repeat;
		width:91px;}
	
#facebook a:hover{
		background:url(facebookh.gif) no-repeat;}

#twitter a{
		background:url(twitter.gif) no-repeat;
		width:95px;}
		
#twitter a:hover{
		background:url(twitterh.gif) no-repeat;}
		
/*************************/
	
#footer {
	text-align:center;
	margin-top:40px;
	padding:25px 0px;
	background:#ffa304;}
	
/*************************/
/*BIOGRAPHY*/

#intro{
	border-bottom:solid 1px #ffa304;
	margin-bottom:30px;
	padding-bottom:20px;}
	
#intro p{
	margin-left:515px;
	margin-bottom:0px;
	width:415px;
	font-size:14pt;
	font-weight:bold;
	font-style:italic;
	line-height:normal;}
	
#columnas{
	width:890px;
	margin:auto;
	height:200px;}

#columnas p{
	line-height:normal;
	font-size:11pt;}

.columna1{
	float:left;
	width:415px;
	margin-right:60px;}
	
.columna2{
	float:left;
	width:415px;}
	
.columnanews{
	float:left;
	width:415px;
	margin-right:60px;
	float:left;}
	
.columnanews2{
	float:left;
	width:415px;}
	
.columnanews2 img{
	margin-top:70px;}
	
.columnanews img{
	float:left;
	margin:0px 10px 90px 0px;
	border:solid 1px #666666;}
	
#award	{
	height:79px;
	width:375px;
	text-align:center;
	border-top:solid 1px #ffa304;
	border-bottom:solid 1px #ffa304;
	padding:10px 0px;
	margin:auto;
	margin:30px auto 30px auto;}
	
#desk {
	background: url(desk.jpg) no-repeat;
	height:386px;
	width:455px;
	margin-bottom:20px;
	margin-left:-20px;}

/*************************/
/*WORKS*/

.workstumb {
	font-size:10pt;
	display:block;
	height:130px;
	text-align:justify}

.workstumb img {
	border:solid 1px #333333;
	float:left;
	margin-right:10px;
	margin-bottom:20px;}
	
.workstumb h1{
	font-size:14pt;
	margin:0px;}
	
.workstumb a{
	text-decoration:none;
	margin-top:5px;}
	
#worktitle h1{
	font-style:italic;
	font-weight:bold;
	margin:0px;}
	
#worktitle h2{
	font-style:normal;
	font-weight:bold;
	font-size:12pt;
	color:#333333;
	margin-top:0px;}
	
#worktitle a{
	font-style:italic;
	font-weight:bold;
	color: #999999;
	text-decoration:none;}
	
#worktitle a:hover{
	color: #666666;}
		

/*************************/
/*GALLERY*/

#cover {
	width:200px;
	height:269px;
	float:left;
	border:solid 1px #333333;
	margin-right:10px;}

#gallerytumb img{
margin-top:3px;
	border:solid 1px #333333;}

/*************************/
/*COVERARTGALL*/

#coverartgall {
	width:880px;
	margin:auto;
	text-align:center;}
	
#coverartgall img {
	border:solid 1px #666666;
	margin:10px;}


/*************************/
/*CONTACTO*/

#contact{}

#contactmail a{
	text-decoration:none;
	color: #666666;}

#contactmail a:hover{
	text-decoration:underline;}
	
#saf {
	border:solid 0px #666666;
	padding:13px;
	height:60px;
	text-align:left;}

#saf img{
	float:left;
	margin-right:14px;}

/*************************/
/*ORIGINALS*/

#item {
	padding:10px;
	border-top:solid 1px #FF9900;
	height:140px;}
	
#mail a{
	text-decoration:none;
	color: #666666;}

#mail a:hover{
	text-decoration:underline;}

#item img{
	float:left;
	margin-right:25px;
	border:solid 1px #666666;}
	
#item p{
	line-height:1.5;}
	
.item {
	font-style:;
	font-weight:bold;}

/*************************/
	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; background:url(images/bullet.png) }