/*
  style.css
  ==
  These CSS markups are for styling purposes only.
*/





div.showcase {
    float: left;
    width: 600px;
	background:#FFF;
    }

div.showcase ul.indexwork {
    margin: 0px;
    padding: 0px;
    }

div.showcase ul.indexwork li {
    float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
	position:relative;
	top:-40px;
	left:20px;
    padding: 4px 8px 4px 8px;
	margin:2px;
   list-style: none;
	background:url(../imagenes/indexwork.jpg);
	border:solid;
	border-width:1px;
	color:#FC0;
    }
	
div.showcase ul.indexwork  a{
	color:#FFF}
	
div.showcase ul.indexwork  a.active:link{
	color:#000}
	

    
div.showcase div.caption {
    float: right;
    position:absolute;
	top:0px;
	left:350px;
	width:240px;
	background:#F8F8F8;
	padding:10px;
	height:190px;
	
    }

div.showcase a.prevwork { float:left; padding:4px; }
div.showcase a.nextwork { float:left; padding:4px; }

div.showcase ul.layers {
    width: 360px;
    height: 200px;
    background: #000;
    }

    div.showcase ul.layers li {
	width: 360px;
	height: 200px;
	background: #000;
	
        }

    div.showcase ul.layers li { margin-right:5px; }

    div#showcase3 ul.layers li { margin-left:5px; margin-right:0; }


br { clear:both; }