/* simple reset */
img {margin:0;padding:0;border:none;}

h2 {margin:0;padding:0;border:none;}

div {margin:0;padding:0;border:none;}

body {margin:0;padding:0;border:none;}

html {margin:0;padding:0;border:none;}

html {
	font:1em Arial, Helvetica, sans-serif;
	color:#444;
}
h1 {text-align:center;}
.clear {overflow:auto;}
#horizontal {
	margin:0px 0px;
	width:305px;
	text-align: center;
}
#vertical {
	margin:0px 0px;
	width:290px;
}
#horizontal div {
	margin-right:0px;
	float:left;
	width:305px;
	height:145px;
	border:0px solid #999;
	position:relative;
	overflow:hidden;
}
#vertical div {
	margin-right:2px;
	float:left;
	width:296px;
	height:130px;
	border:0px solid #999;
	position:relative;
	overflow:hidden;
}
#horizontal img {
	position:absolute;
	margin-top: 0;
	top: 0px;
	left: 0px;
}
#vertical img {
	position:absolute;
	margin-top: 0;
}

.emphasize-border {
  box-shadow: inset 0 0 0 7px rgba(255,255,255,.5);
}
.boxShadow
{
	-webkit-box-shadow: 1px 1px 3px gray, -1px -1px gray;
	-moz-box-shadow: 1px 1px 3px gray,-1px -1px gray;
	box-shadow: 1px 1px 3px gray, -1px -1px gray;
}
.textShadow
{
	text-shadow: 2px 2px #d1d1d1;
}