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

div.showcase {
    float: left;
	padding:10px;

    }

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

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

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

div.showcase ul.layers {
    height: 295px;
	background:url(../img/bg-content-banner.jpg) no-repeat;
    }
    div.showcase ul.layers li { margin-right:5px; }

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

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

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

div#showcase2 a.prevwork { }
div#showcase2 a.nextwork { }
div#showcase2 ul.indexwork li { padding:4px; padding-left:1px; padding-right:1px; color:#fff; text-decoration:none; margin:4px; margin-left:1px; margin-right:1px; }
div#showcase2 ul.indexwork li a { 
    color: #fff;
	background:#707070;
	padding:7px;
	margin:0px;
    text-decoration: none;
    border:solid 1px #707070;
	font-size:16px;
	font-weight:bold;
}
div#showcase2 ul.indexwork li a.active {
    color: #fff;
	background:#707070;
	padding:5px;
	margin:0px;
    border:solid 1px #707070;
	text-decoration:underline;
	}
div#showcase2 ul.layers {
    width: 770px;
    }

    div#showcase2 ul.layers li {
        width: 770px;
        }
    div#showcase2 ul.layers li div.container { }

    div#showcase2 ul.layers li { }


br { clear:both; }