html, body
{
	width: 100%;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

body
{
	background: fixed;
	background-image: url(../images/dots.png);
	background-repeat: repeat;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #000;
	line-height: 1.5em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: justify;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	-o-user-select: none;
	user-select: none;
}

header
{
	width: 100%;
	height: 125px;
}

header div a
{
	position: absolute;
	top: 20px;
	left: 46.5%;
	width: 103px;
	height: 124px; 
	margin: 0 auto;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	z-index: 1002;
}

h1
{
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 5px;
}

hr
{
	width: 100%;
	max-width: 500px;
	margin: 40px auto;
	padding: 0;
	border: 0;
	height: 4px;
	background-image: linear-gradient(to right, transparent, #F00, transparent);  
	opacity: 70%;
}

#bag
{
	position: absolute;
	top: 20px;
	left: 91%;
	z-index: 1003;
}

img
{
	display: inline-block;
}

#container
{
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
	padding-top: 80px;
}

#pizzle
{
	padding: 0 20px 0 20px;
}

#battlegearlong
{
	display: block;
	background-repeat: no-repeat;
}

#battlegearstacked
{
	display: none;
	background-repeat: no-repeat;
}

.contact
{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.contact ul
{
	position: relative;
	padding: 0px 0px;
}

.contact ul li
{
	display: inline-block;
	padding-right: 15px;
}

.email:hover
{
	background:url(../images/emailglow.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.phone:hover
{
	background:url(../images/phoneglow.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.fb:hover
{
	background:url(../images/fbglow.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.yt:hover
{
	background:url(../images/ytglow.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.linkedin:hover
{
	background:url(../images/linkedinglow.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.twitter:hover
{
	background:url(../images/twitterglow.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.gram:hover
{
	background:url(../images/gramglow.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

footer
{
	width: 100%;
	bottom: 0px;
	height: 1100px;
	padding: 200px 0 0 0;
	background-color: #000;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	border-top: 5px solid #333;
}

footer a
{
	color: #FFF;
	text-decoration: none;
}

@media only screen and (max-width: 625px) 
{
body
{
	background: fixed;
	background-image: url(../images/dots.png);
	background-repeat: repeat;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #000;
	line-height: 1.5em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	-o-user-select: none;
	user-select: none;
}

header div a
{
	position: absolute;
	top: 20px;
	left: 40.25%;
	width: 103px;
	height: 124px;
	margin: 0 auto;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}

#bag
{
	position: absolute;
	top: 20px;
	left: 84%;
	z-index: 1111;
}

#container
{
	width: 100%;
	margin: 0 auto;
	max-width: 900px;
	padding-top: 150px;
}

#pizzle
{
	padding: 0 20px 0 20px;
}

#battlegearlong
{	
	display: none;
	background-repeat: no-repeat;
}

#battlegearstacked
{
	display: block;
	background-repeat: no-repeat;
}
}