/* Filterable Portfolio Stylesheet */


/* Simple Reset
------------------------------------------------------------ */
html, body, div, h1, h2, ul, li, dl, dd, dt, p {
	margin: 0;
	padding: 0;
}
ul { list-style: none; }


/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* General Styles
------------------------------------------------------------ */
body { color: #000000; }

#wrap {
	max-width: 600px;
	min-height: 600px;
	overflow: hidden;
background-color: #; 		background-image: url(../images/natural-marble-crop.png);
	background-repeat: no-repeat;
	background-position: -2px top;
	background-color: #000000;
}

a { color: #444; text-decoration: underline; -moz-transition: 0.4s all linear; -webkit-transition: 0.4s all linear; -o-transition: 0.4s all linear; transition: 0.4s all linear; outline-color: #aaa; }
a:hover { color: #4f0d4d; }


/* Filter */
dl {
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 34px;
	margin-left: 212px;
}
dt, dd { float: left; }
dt { margin-right: 5px; }
.filter li { float: left; }
.filter li:after { content: "|"; }
.filter li:last-child:after { content: ""; }
.filter a { padding: 0 10px; color: #777; text-decoration: none; }
.filter a:hover, .current a { color: #ffffff; }

/* Portfolio Items */
.portfolio li { float: left; margin-right: 4px; margin-bottom: 4px; }
.portfolio li:nth-child(4n) { margin-right: 4px; }
.portfolio a { display: block; text-decoration: none; }
.portfolio img { width: 71px; height: 73px; display: block; }

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;