html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, small, strong {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
body { display: block; -webkit-text-size-adjust: 100%;}
html { overflow-y: scroll; }
::-moz-selection{ background: #121212; color: #e5e5e5; text-shadow: none; }
::selection { background: #121212; color: #e5e5e5; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #121212; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Primary Styles */

body {
	padding: 0px;
	font: 1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color: #e5e5e5;
	background-color: #cccccc;
}
.title, .top {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}

.top {
	background-color: #f2f2f2;
}
.top img {
	width: 240px;
	height: 240px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -120px;
}

.title {
	background-color: #dddddd;
	text-align: center;
}

.copyrighttxt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 38px auto;
	color: #ffffff;
	font-size: 0.6em; 
	line-height: 2;
	letter-spacing: 0.2em;
}


/* EFFECTS */

a .mask {
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}
a:hover .mask {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

a .mask2 {
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}
a:hover .mask2 {
	opacity: 0.4;
	filter: alpha(opacity=40);
}


/* Media Queries */

/* Column Control Media Queries */

@media screen and (min-width:100px) {
	body {
		max-width: 2400px;
		margin: 0 auto;
		padding: 0px;
		overflow: hidden;
	}
	.title, .top {
		position: relative;
		top: 0;
		overflow: hidden;
	}
	div{
		position: absolute;
	}
}


/* One Column */

@media screen and (min-width:100px) {
	.top {
		width: 100%;
		margin: 0 0 0 0;
		padding-bottom: 540px;
	}
	.top img {
		width: 180px;
		height: 180px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-90px 0 0 -90px;
	}
	.title {
		width: 100%;
		margin: 0 0 0 0;
		padding-bottom: 100px;
	}
}

/* Two Column */

@media screen and (min-width:600px) {
	.top {
		width: 100%;
		margin: 0 0 0 0;
		padding-bottom: 540px;
	}
	.top img {
		width: 200px;
		height: 200px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-100px 0 0 -100px;
	}
	.title {
		width: 100%;
		margin: 0 0 0 0;
		padding-bottom: 100px;
	}
}


@media screen and (min-width:800px) {
	.top img {
		width: 240px;
		height: 240px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-120px 0 0 -120px;
	}
}