* {margin: 0; padding: 0;}

body {
	background: #e9f0f4;
	font-size:12px;
	color:#ccc;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8;
	margin: 0px;
	height: 100%;
}




@font-face {
    font-family: 'MavenProBlack';
    src: url('css/maven_pro_black-webfont.eot');
    src: url('css/maven_pro_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/maven_pro_black-webfont.woff') format('woff'),
         url('css/maven_pro_black-webfont.ttf') format('truetype'),
         url('css/maven_pro_black-webfont.svg#MavenProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MavenProBold';
    src: url('css/maven_pro_bold-webfont.eot');
    src: url('css/maven_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/maven_pro_bold-webfont.woff') format('woff'),
         url('css/maven_pro_bold-webfont.ttf') format('truetype'),
         url('css/maven_pro_bold-webfont.svg#MavenProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MavenProMedium';
    src: url('css/maven_pro_medium-webfont.eot');
    src: url('css/maven_pro_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/maven_pro_medium-webfont.woff') format('woff'),
         url('css/maven_pro_medium-webfont.ttf') format('truetype'),
         url('cssmaven_pro_medium-webfont.svg#MavenProMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MavenProRegular';
    src: url('css/maven_pro_regular-webfont.eot');
    src: url('css/maven_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/maven_pro_regular-webfont.woff') format('woff'),
         url('css/maven_pro_regular-webfont.ttf') format('truetype'),
         url('css/maven_pro_regular-webfont.svg#MavenProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasRegular';
    src: url('css/bebas___-webfont.eot');
    src: url('css/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/bebas___-webfont.woff') format('woff'),
         url('css/bebas___-webfont.ttf') format('truetype'),
         url('css/bebas___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



.topstrip {
height: 4px;
width: 100%;
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.03, #8EC63F),
    color-stop(0.33, #067783),
    color-stop(0.66, #1158A9),
    color-stop(1, #861074)
);
background-image: -moz-linear-gradient(
    left center,
    #8EC63F 3%,
    #067783 33%,
    #1158A9 66%,
    #861074 100%
);
}


#holder {
	width:320px;
	margin:150px auto;
	position:relative;
	text-align:center;
	
}

.Welcome p {
 text-shadow: 0px 1px 1px #fff;
 color: #6d8897;
 font-size: 32pt;
 font-family: 'BebasRegular';
}

.twitter a{
color: #444;
text-decoration: none;
}

.twitter a:hover {
   color: #4099ff;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
    -webkit-transition: color .3s ease-out;
}

.gowalla a {
color: #444;
text-decoration: none;
}

.gowalla a:hover {
   color: #e83e01;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
    -webkit-transition: color .3s ease-out;
}

.instagram a{
color: #444;
text-decoration: none;
}

.instagram a:hover {
   color: #908a83;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
    -webkit-transition: color .3s ease-out;
}

@media only screen and (max-device-width: 480px) {

.topstrip {
height: 2px;
}

#holder {
margin: 90px auto;
width: 90%;
}

img {
width: 100%;
}
}