@font-face {
	font-family: 'Gotham-Book';
	src: url('fonts/gothambook.eot');
	src: url('fonts/gothambook.eot?#iefix') format('embedded-opentype'),
			 url('fonts/gothambook.svg#gothambook') format('svg'),
			 url('fonts/gothambook.woff') format('woff'),
			 url('fonts/gothambook.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; overflow: hidden; }

body {
    font-size: 12px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background: #dcdde1;
    min-width: 100%;
}

h1 {color:#666;}

a { color: #000; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none;  }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: 'Gotham-Book'; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.wrapper { width:100%; height:100%;	position:absolute; top:0; left:0; overflow:hidden; }
.mask { width: 500%; height:100%; }

.logo { width: 328px; height: 200px; padding: 0 0 0 50px; }
.logo a { display: block; height: 205px; background: url(../images/band_ex_logo.png) no-repeat; }

.social-media {width: 25px; height: 25px; z-index: 2000; position: absolute; margin-top: 120px; margin-left: 230px;}
.social-media2 {width: 25px; height: 25px; z-index: 2000; position: absolute; margin-top: 145px; margin-left: 230px; padding-top: 5px;}

.navigation { padding: 22px 0 0 0 ;}
.navigation ul { list-style-type: none; }
.navigation ul li { float: left; font-size: 12px; line-height: 24px; padding: 0 14px 0 0; }
.navigation ul li a { color: #000; }
.navigation ul li a:hover { color: #b9b9b9; }

.section { width: 1192px; height: 802px; position: relative; padding: 0 239px 0 0; float: left; display: inline; }
.section img { position: absolute; bottom: 0; left: 30px; }

#home { background: url(../images/home_bkgrnd.jpg); background-repeat: no-repeat; background-size: 100%; background-position: bottom right; }
#contact { background: url(../images/home_bkgrnd.jpg); background-repeat: no-repeat; background-size: 100%; background-position: bottom right; }
#learn { background: url(../images/guitar_bkgrnd.jpg); background-repeat: no-repeat; background-size: 100%; background-position: top right; }
#connect { background: url(../images/mic_bkgrnd.jpg); background-repeat: no-repeat; background-size: 100%; background-position: top right; }
#watch { background: url(../images/bass_bkgrnd.jpg); background-repeat: no-repeat; background-size: 100%; background-position: top right; }
#insider { background: url(../images/home_bkgrnd.jpg); background-repeat: no-repeat; background-size: 100%; background-position: bottom right; }

#home .content { padding: 0px 0 0 0; position: relative; left: -47px; width: 85%;}
#home .cl { padding: 100px 0 0 0; position: relative; left: -80px; width: 85%;}
#home .social { padding: 40px 0 0 0; position: relative; left: 400px; width: 85%;}

#connect .content { position: relative; left: -47px; padding: 20px 0 0 0; }
#connect .content p.big { padding: 0 0 21px 0; }
#connect .social { padding: 40px 0 0 0; position: relative; left:400px; width: 85%; clear: left;}

.main { float: left; display: inline; padding: 50px 0 0 80px; width: 582px; position: relative; z-index: 2; }

#contact .main { width: 592px; }
#learn .content { padding: 50px 0 0 0; position: relative; left: -47px; }
#learn .content p.big { padding: 0 0 26px; }

#watch .content { padding: 20px 0 0 0; position: relative; left: -47px;}
#watch .content p.big { padding: 0 0 33px 0; }

#insider .content { padding: 162px 0 0 15px; }

.big { font-size: 24px; }
.big a:hover { color: #b9b9b9; }
.small { font-size: 14px; }
.small a { color: #000; }

.contact-us { padding: 37px 0 0 54px; }
.contact-us p { padding: 0 0 4px 2px; }

.row, .row label { display: block; }
.row { padding: 0 0 5px 0; }
.row label { line-height: 23px; padding: 0 0 0 2px; }

.field { width: 365px; height: 30px; background: #b9b9b9; border: 0; padding: 0 10px; }
.textarea { width: 365px; height: 139px; background: #b9b9b9; border: 0; resize: none; overflow: auto; padding: 10px; }
.post-button { width: 51px; height: 18px; border: solid 1px #807f7f; cursor: pointer; font-size: 12px; margin: 4px 0 0 0; }

.select-holder { padding: 0 0 0 164px; }

.select-row { padding: 0 0 14px 0; }
.select-row label { display: block; font-size: 14px; padding: 0 0 8px 0; }
.select-row select { width: 246px; text-align: left; }

.ss-form-question { text-align: left; }
.ss-form-entry { width: 300px; }
.button {
	background:url(../images/submit.png) no-repeat;
	margin: 20px auto 0 auto;
	cursor:pointer;
	width: 150px;
	height: 38px;
	border: none;
}

#inline_content ul {list-style-position:inside; display: inline; text-indent: 20px; }
#inline_content ol {list-style-position:inside; display: inline; text-indent: 40px; }