body {
	margin:0 auto;
	border-top: 10px solid #9d2e2c;
}

div {
	width:60%;
	min-width:300px;
	margin:0 auto;
	font-size:100%;
}

div:after {
	content:"";
	display:block;
	clear:both;
	height:10px;
}

.button img {
	opacity: 0.8;
}

.button img:hover {
	opacity: 1;
}

.button2 img {
	opacity: 0.8;
}

.button2 img:hover {
	opacity: 1;
}


h1 {
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#333;
}

h1.small {line-height:90%;}


h2 {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	margin:20px 0 0;
	color:#666;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	float:left;
	width:100%;
	padding:5px 0;
}

h2 span {
	font-size:0.7em;
	font-weight:normal;
	text-transform:none;
}

h3 {
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	width:100%;
	padding:0px 0;
}

h4 {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	margin:20px 0 0;
	color:#666;
	float:left;
	width:100%;
	padding:0px 0;
	font-size:0.7em;
	font-weight:normal;
}

p {
	font:0.9em Arial, Helvetica, sans-serif;
}


ul {
	width:100%;
	background:#ccc;
	list-style:none;
	float:left;
	padding:0 0 2.5% 0;
	margin-top:0px;
}

ul li {
	width:30%;
	float:left;
	margin:2.5% 0 0 2.5%;
	position:relative;
}

ul li img {
	max-width:100%;
	float:left;
	border:2px solid #eee;
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
			box-sizing:border-box;
}


/*----------------------------------------
	Gallery 
-----------------------------------------*/
.gal-5 li {
	-webkit-transition:all 0.6s ease;
		-moz-transition:all 0.6s ease;
			-o-transition:all 0.6s ease;
				-ms-transition:all 0.6s ease;
					transition:all 0.6s ease;
	opacity:0.8;
	position:relative;
}

.gal-5 li:hover {
	opacity:1;
}

.gal-5 li:target {
	-webkit-transform:scale(2.2) translate(0px,30px);
		-moz-transform:scale(2.2) translate(0px,30px);
			-o-transform:scale(2.2) translate(0px,30px);
				-ms-transform:scale(2.2) translate(0px,30px);
					transform:scale(2.2) translate(0px,30px);
	z-index:2;
	opacity:1;
}

.gal-5 li:target img {
	-webkit-box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
			box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
}

.close {
	display:none;
	font:0.2em/.7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	background:#c15252;
	padding:2px 2px;
	-webkit-border-radius:1px;
		-moz-border-radius:1px;
			border-radius:1px;
			
	color:#fff;
	position:absolute;
	top:-1px;
	right:0;
	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);
			box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);
}

.close:hover {
	background:#d06464;
}

.gal-5 li:target .close {
	display:inline;
}


/* ---------------------------------
		Footer
------------------------------------*/
footer {
	font:normal 1em Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:11px;
	height; 11px;
	line-height: 11px;
	color: #666666;
	clear: both;
}