.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
	

body, td { 
color: #DDD; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 12px; 
letter-spacing: 1.5px;
 
}
	
body {
background-color:#000;
background-image:url(../gifhome/newbkgd11.jpg);
background-repeat:repeat;
background-position:center top;
text-align:center;
margin-bottom: 30px;
}



a { 
color: #FFF; 
text-decoration: none; 
letter-spacing: 1.5px; 
}

.big { letter-spacing: 10px; }

.red { color: #ff0000 }

.red:hover { color: #FF0000 }
		
a:hover { color: #FF0000; }
		
a:active { color: #AA00AA; }

.cabaret { color: #444499; font-size: 12px; letter-spacing: 1.5px; }

.sisters { color: lime; font-size: 12px; letter-spacing: 1.5px; }

.sistersbkgd { background: #FFFFFF; }

.elevenpx { font-size: 11px; letter-spacing: 1.5px; }

.navigation { background: #FFFFFF; position: absolute; top:65px; left:-180px; width: 190px; height: 300px}



#santi         {
	font-size: 16px;
	letter-spacing: 10px;
	position: relative;
	top: 10px;
	left: 10px;
	width: 880px;
	height: 65px;
	visibility: visible;
	display: block
}



#indextable       {
	position: relative;
	top: 40px;
	left: 0px;
	height: auto;
	visibility: visible;
	display: table;
	background-color:#000000;
	z-index: 1;
}


#randomcontenthome { width:445px; height:auto; text-align:center; font-size:11px; vertical-align:top;}

#santibio { width: 184px; height: 356px; text-align:justify; font-size:10px; vertical-align:top;}

#artiststatement { width: 230px; height: 359px; text-align:justify; font-size:10px;vertical-align:top;}
	
#lifediv { position:relative; top:2px; left: 9px; width: 160px; height: 150px; z-index:1; text-align:center; border-style:dotted; border-color:#777; border-width:1px; font-size: 10px; margin-left:0px; margin-top:0px; background-image:url(images/santihands.gif); background-repeat:no-repeat; padding-bottom:5px; }


#cuerpoinsert  { 
position: relative; 
top: 30px; 
/*left: 0px;*/ 
width: 880px;
height: auto;
visibility: visible; 
background-color: #000; 
wmode: transparent;
}

#cuerpo  { 
position: relative; 
top: 30px; 
/*left: 0px;*/ 
width: 880px;
height: auto;
visibility: visible; 
background-color: #000; 
wmode: transparent;
}



#mainbody {
	position: relative;
	top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: auto;
	text-align: left;
	background-color: #000;
	padding: 10px 10px 50px 10px;
	border-style:groove;
	border-width:2px;
	border-color:#DDD;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#comments {
	position: relative;
	left: 116px;
	width: 450px;
	height: auto;
	top: 0px;
}

#santihandsbig {
	border-color:#999;
	border-style:groove;
	border-width:2px;
}

.floatframe { wmode: transparent; z-index: 1; margin-left: 10px; }

#sitesearch {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 160px;
	height: 30px;
	background-color:#000;
	color: #DDD;
	text-align:center;
}

#queryfield { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background-color:#CCC; }

#searchbtn { font-family:Arial, Helvetica, sans-serif; font-size:10px; }



/*<<<<<< NAVIGATION >>>>>*/

#homenav       {
	position: relative;
	top: 16px;
	left: 0px;
	width: 898px;
	height: 40px;
	visibility: visible;
	display: block;
	z-index: 50;
	background-color:#222;
	margin-top: 10px;
	border-width:1px;
	border-color: #444;
	border-style:groove;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#flash, #photos, #real, #poems, #artexpos, #links, #ut, #email, #blog, #resume, #share, #sites, #comm {
	font-size: 12px;
	position: absolute;
	top: 10px;
	height: 22px;
	visibility: visible;
	display: block;
	width: 71px;
} 

#flash_sub, #photos_sub, #real_sub, #carmen_sub, #poems_sub, #sites_sub, #carmen, #congame {

position: absolute;
background-color: #222;
text-align:left;   
top: 20px; 
left: -12px; 
width: 140px; 
height: auto; 
visibility: hidden; 
display: block;
border-bottom-style:groove;
border-bottom-color:#222;
border-bottom-width:2px;
border-right-style:groove;
border-right-color:#222;
border-right-width:2px;
border-left-style:groove;
border-left-color:#222;
border-left-width:2px;

}

#links_sub {  
position: absolute;
background-color: #222;
text-align:center;   
top: 20px; 
left: -12px; 
visibility: hidden; 
display: block; 
height: 300px; 
width: 180px; 
overflow:auto;
padding: 5px;
border-bottom-style:groove;
border-bottom-color:#222;
border-bottom-width:2px;
border-right-style:groove;
border-right-color:#222;
border-right-width:2px;
border-left-style:groove;
border-left-color:#222;
border-left-width:2px;
}

#flash_sub, #photos_sub, #real_sub, #carmen_sub, #poems_sub, #sisters_sub, #sites_sub,  #photos_paris_sub, #photos_istanbul_sub, #photos_bogota_sub, #cabaret_sub, #qtvr_sub {

padding: 10px;

}

#photos_paris, #photos_istanbul, #photos_bogota, #cabaret, #qtvr, #sisters {

position: relative;
width: 80px; 
height: auto; 
visibility: inherit; 
display: block;
z-index: 2;
background-color: #222;

}

#photos_paris_sub, #photos_istanbul_sub, #photos_bogota_sub, #cabaret_sub, #qtvr_sub {
 
position: absolute; 
background-color: #222; 
top: -10px; 
left: 79px; 
width: 120px; 
height: auto; 
visibility: hidden; 
display: block;
border-bottom-style:groove;
border-bottom-color:#222;
border-bottom-width:2px;
border-right-style:groove;
border-right-color:#222;
border-right-width:2px;
border-top-style:groove;
border-top-color:#222;
border-top-width:2px;
}

#sisters_sub {
 
position: absolute; 
background-color: #222; 
top: -180px; 
left: 79px; 
width: 120px; 
height: auto; 
visibility: hidden; 
display: block;
border-bottom-style:groove;
border-bottom-color:#222;
border-bottom-width:2px;
border-right-style:groove;
border-right-color:#222;
border-right-width:2px;
border-top-style:groove;
border-top-color:#222;
border-top-width:2px;
}
 
#flash    {
	left: 10px;
	width: 60px;
}

#real    {
	left: 92px;
	width: 60px;
}

#photos     {
	left: 166px;
	width: 60px;
}

#poems     {
	left: 238px;
	width: 50px;
}

#artexpos     {
	left: 268px;
	width: 68px;
}

#links     {
	left: 664px;
	width: 40px;
}

#ut      {
	left: 363px;
	width: 60px;
}

#email      {
	left: 587px;
	width: 40px;
}

#blog      {
	left: 527px;
	width: 40px;
}

#resume      {
	left: 445px;
	width: 60px;
}

/*#share      {
	left: 648px;
	width: 125px;
}*/

#share      {
	left: 764px;
	width: 70px;
}

#sites      {
	left: 308px;
	width: 44px;
}