/* home: visual sections (home-only) */

/*#contentVisual {
   espacio 
	position: relative;
	float: left;
	clear: right;
	left: 4%;
	top: 25px;
	width: auto; 600px;
	z-index: 6;
         typo 
        font-family: Geneva, Verdana, Arial, sans-serif;
        font-size: 11px;
}*/

/* home only (this cascades from #content rules from the other stylesheets) */

#root { width: 630px; margin: 0 auto; }

#contentVisualBorderLeft {
        position: absolute;
        width: 3px;
        background-color: #F7F7DE; 
        height: 100%;
        top: 0;
        left: 10%;
        z-index: 1099;
}


#contentVisualBorderRight {
        position: absolute;
        width: 3px;
        background-color: #F7F7DE; 
        height: 100%;
        top: 0;
        left: 90%;
        z-index: 10100;
}

/* this is used to center the home page contents, the flash plus photos */
#contentVisual {
        width: 100%; /*margin: 0 auto; border: 1px red solid; */ /* original width: 600 */
        border-left: 1px #F7F7DE dotted; 
        border-right: 1px #F7F7DE dotted; 
}

/*#contentVisual { height: 100%; }*/

#contentVisual #fotorama {
  /* espacio */ 
	position: relative;
	clear: left;
	float: left;
	left: 0;	
	width: 174px;
	height: 150px;
	/*padding: 2px;*/
	vertical-align: middle;
	/* color 
	border: 1px #006699 solid;*/		
}
#contentVisual #fotorama #fotoramaImage {
/*	width: 170px;
	height: 146px;*/
	padding: 2px;
	/* color */
	border: 1px #006699 solid;
}
#contentVisual #fotorama #fotoramaDesc {
        /* espacio */
        position: absolute; 
        left: 2%; 
        top: 175px; 
        width: 170px;
        height: 150px; 
        padding: 5px; 
        visibility: hidden;
        /* typo */ 
        font-size: 10px;
        font-family: Geneva, Verdana, Arial, sans-serif;
        letter-spacing: 0;
}

#contentVisual #contentVisualNav {
        /* espacio */
        /* thanks to netscape 7 "pseudo bug" this position: is the same to relative or absoulte with exactly these CSS-P */
	/*position: relative;
	left: 0;
	top: 150px;*/
	vertical-align: middle;	
	white-space: nowrap;
}
#contentVisual #philosophy {
  /* espacio */
	position: relative;
	left: 0;
	clear: none;
	float: left;
	width: 255px;
	height: 150px;
	/*padding: 2px;*/
	vertical-align: middle;
	/* color 
	border-top: 1px #006699 solid;
	border-bottom: 1px #006699 solid;
	border-left: none;
	border-right: none;*/
}
#contentVisual #philosophy #philosophyImage {
/*	width: 266px;
	height: 146px;*/
	padding: 2px;
        /* color */
	border-top: 1px #006699 solid;
	border-bottom: 1px #006699 solid;
	border-left: none;
	border-right: none;
         
}
#contentVisual #philosophy #philosophyDesc {
        /* espacio */
        position: absolute; 
        left: 2%; 
        top: 175px; 
        width: 250px;
        height: 150px; 
        padding: 5px; 
        visibility: hidden;
        /* typo */ 
        font-size: 10px;
        font-family: Geneva, Verdana, Arial, sans-serif;
        letter-spacing: 0;
}

#contentVisual #philosophyNav {
        /* espacio 
	position: absolute;
	left: 170px;
	top: 0;*/
	vertical-align: middle;	
	white-space: nowrap;
}
#contentVisual #javadev {
  /* espacio */
	position: relative;
	clear: right;
	float: left;
	right: 0;
	top: 0;
	width: 164px;
	height: 150px;
	/*padding: 2px;*/
        display: inline;
	/* color 
	border: 1px #006699 solid;*/
}
#contentVisual #javadev #javadevImage {
/*	width: 160px;
	height: 146px;*/
	padding: 2px;
	/* color */
	border: 1px #006699 solid;
}
#contentVisual #javadev #javadevDesc {
        /* espacio */
        position: absolute; 
        left: 2%; 
        top: 175px; 
        width: 140px; 
        height: 150px;
        padding: 5px; 
        visibility: hidden;
        /* typo */ 
        font-size: 10px;
        font-family: Geneva, Verdana, Arial, sans-serif;
        letter-spacing: 0;
}

#contentVisual #javadevNav {
        /* espacio */
	position: static;
	vertical-align: middle;	
	white-space: nowrap;
        text-align: left;
}
#contentVisual span.contentVisualIcons {
	/* espacio */
	width: 15px;
	height: 20px;
	/*text-align: center;*/
	margin-left: 1px;
	margin-right: 3px;
	vertical-align: middle;
}
#contentVisual span.contentVisualText {
	/* typo */
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	/*letter-spacing: 1px;*/
}
#contentVisual span.contentVisualText a {
        text-decoration: none;
}

#contentVisual #contentDescription {
        position: relative;
        top: 40px;
        font-size: 11px;
        clear: both;
}

#contentVisual #contentDescription a {
	text-decoration: none;
        font-weight: bold;
}
/* end home: visual sections (home-only) */