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



/*
  Linkin paikka kuvassa
*/
div#showcase {
    width: 450px;
    background: white;
}

div#showcase ul.indexwork {
	position: absolute;
	top: 5px;
	left: 5px;
    margin: 0px;
    padding: 0px;
	background: white;
}

div#showcase ul.indexwork li {
    float: left;
    list-style: none;
	font-weight: bold;
	margin-right: 2px;
	background: white;
}

div#showcase ul.indexwork li a {
	background: white;
	color: #FFFFFF;
	padding: 2px 5px;
}

div#showcase div.caption {
    position: absolute;
	right: 10px;
	bottom: 0px;
}

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

div#showcase ul.layers {
    width: 450px;
    height: 200px;
    background: #FFF;
}


/*
  Kuvan koko 450 x 200
*/

div#showcase ul.layers li {
	width: 450px;
	height: 200px;
   background: #FFF;
}
div#showcase ul.layers li div.container { padding:20px; }

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




/*
  Linkin paikka kuvassa
*/
div#showcase2 {
    width: 225px;
    background: white;
}

div#showcase2 ul.indexwork {
	position: absolute;
	top: 0px;
	left: 0px;
    	margin: 0px;
    	padding: 0px;
	background: white;
}

div#showcase2 ul.indexwork li {
    	float: left;
    	list-style: none;
	font-weight: bold;
	margin-right: 0px;
	background: white;
}

div#showcase2 ul.indexwork li a {
	background: white;
	color: #FFFFFF;
	padding: 2px 5px;
}

div#showcase2 div.caption {
    position: absolute;
	right: 10px;
	bottom: 0px;
}

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

div#showcase2 ul.layers {
    width: 225px;
    height: 110px;
    background: #FFF;
}


/*
  Kuvan koko 210 x 99
*/

div#showcase2 ul.layers li {
	width: 225px;
	height: 110px;
   background: #FFF;
}
div#showcase2 ul.layers li div.container { padding:20px; }

div#showcase2 ul.layers li { margin-right:0px; }