//Developed and Supported by No12 Creative
//http://no12creative.com - 2013

html{
	height: 100%;
}

* {
	padding:0;
	margin:0;
	outline:none;
	text-decoration:none;
	vertical-align:baseline;
	font-family: 'Arvo', serif;
}

p{
	font-size: 14px;
}

body{
	background-color: #1b1b1b;
	height: 100%;
	width: 100%;
	margin: 0,0;
}

#top{
	height: 460px;
	width: 100%;
	border-top: 5px solid #525252;
	background-color: #fff;
}

#bottom{
	position: absolute;
	top: 460px;
	padding: 100px, 0, 0, 0;
	width: 100%;
	height: 500px;
	text-align: center;
	background: url(../images/bg-zigzag-15x8.gif) repeat-x #1b1b1b;
}

#logo{
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 40px;
	width: 941px;
	height: 373px;
	text-indent: -5000px;
	background: url(../images/logo-941x373.jpg) no-repeat;
}

#email{
	margin-top: 70px;
}

#form{
	height: 60px;
}

input#name{
	width: 538px;
	height: 59px;
	padding-top: 2px;
	padding-left: 20px;
	color: #fff;
	font-size: 12px;
	background: #525252;
	border: 0;
}

::-webkit-input-placeholder {
	color: #fff;
}

:-moz-placeholder {
	color: #fff;
}

::-ms-input-placeholder {
	padding-left: 20px;
	color: #fff;
} 

button#submit{
	width: 60px;
	height: 60px;
	margin: 0 0 0 12px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	background: #d0112b;
	border: 0;
}

button#submit:hover{
	color: #000;
}

#quote{
	margin-top: 45px;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 1.4em;
	color: #525252;
}
	
.qmark{
	color: #d0112b;
	padding: 0 5px;
}

#soundcloud{
	margin: 45px auto 0 auto;
	width: 620px;
}

#play{
	float: left;
	width: 60px;
	height: 60px;
	background: #d0112b;
}

#screen{
	float: right;
	width: 540px;
	height: 60px;
	background: #525252;
}

#social{
	width: 330px;
	margin: 60px auto 0 auto;
}

.social-ch{
	float: left;
	width: 62px;
	height: 45px;
	margin: 0 10px;
}

#fb{
	background: url(../images/img-social-fb.png) no-repeat;
}

#fb:hover{
	background: url(../images/img-social-fb-hover.png) no-repeat;
}

#tw{
	background: url(../images/img-social-tw.png) no-repeat;
}

#tw:hover{
	background: url(../images/img-social-tw-hover.png) no-repeat;
}

#sc{
	background: url(../images/img-social-sc.png) no-repeat;
}

#sc:hover{
	background: url(../images/img-social-sc-hover.png) no-repeat;
}

#rddt{
	background: url(../images/img-social-rddt.png) no-repeat;
}

#rddt:hover{
	background: url(../images/img-social-rddt-hover.png) no-repeat;
}


/*  /////////////////////////////////////  CONTACT FORM  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#contact-box{
	width: 940px;
	margin: 0 auto;
}

#thanksbox{
	display: block;
	width: 630px;
	height: 70px;
	margin: 70px auto;
}

#thanks{
	float: left;
	width: 518px;
	height: 39px;
	padding-top: 20px;
	padding-left: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	background: #525252;
	border: 0;
}

#return{
	display: inline;
	float: left;
	width: 80px;
	height: 40px;
	padding-top: 20px;
	margin: 0 0 0 12px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	background: #d0112b;
	border: 0;
}

#return:hover{
	color: #000;
}