/*
  style.css
  ==
  These CSS markups are for styling purposes only.
*/
div#container {
    width: 1000px;
    margin: 0px auto;
}

div.showcase {
    float: left;
    }

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

div.showcase ul.indexwork li {
    float: left;
    padding: 4px 8px 4px 8px;
    list-style: none;
    }

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

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

div#showcase2 {
    width: 630px;
    margin-bottom: 10px;
    }

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

div#showcase2 ul.indexwork li {
    float: left;
    padding: 4px 8px 4px 8px;
    list-style: none;
    }

div#showcase2 a.prevwork { float:left; padding:4px; background:#fff; color:#666; text-decoration:none; margin:1px; border:solid 1px #ccc;}
div#showcase2 a.nextwork { float:left; padding:4px; background:#fff; color:#666; text-decoration:none; margin:1px; border:solid 1px #ccc;}
div#showcase2 ul.indexwork li { padding:4px; color:#666; text-decoration:none; margin:2px; }
div#showcase2 ul.indexwork li a { text-decoration:none; background:#fff; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; font-weight:bold; color:#666; border:solid 1px #ccc;}
div#showcase2 ul.indexwork li a.active {
    color: #fff;
	background:#666;
	padding:5px;
	margin:0px;
    text-decoration: none;
    border:solid 1px #666;
	}
div#showcase2 ul.layers {
    width: 630px;
    }

    div#showcase2 ul.layers li {
        width: 630px;
        height: 460px;
        }
    div#showcase2 ul.layers li div.container { }

    div#showcase2 ul.layers li { }


br { clear:both; }