/*
Site: http://www.frontburner.com
Author: Zack Spreacker
Created: 01/25/2011 
Last Modified: 9/12/2014
Modified By: Zack Spreacker
*/


/*CSS RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;margin-right: 0;margin-bottom: 0;margin-left: 0; margin-top:0;}
body {line-height: 1.25;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/*MAIN STRUCTURE */
html {overflow:auto;background:url(../images/bg-foam.jpg) repeat;}


body {
	color:#FFF;
	text-align:center;
	font-family:"Myriad Pro", Arial, 'Sans Serif';
	font-size:13px;
}


#page {
	width:100%;
	clear:both;
	overflow: hidden;
	padding:150px 0 0 0;
	display:block;
}

.container {
	background:url(../images/shadow.png) center repeat-y;
	clear:both;
	overflow: hidden;
	position:relative;
	display: table;
	height:1%;
	width:100%;
}

.container .inner {
	padding:0px;
	width:1020px;
	margin:auto;
	text-align:left;
}

#footer {
	background:url(../images/backgrounds/footer.jpg) center;
	clear:both;
	overflow: visible;
	position:relative;
	display: table;
	margin-top:-90px;
	height:490px;
	width:100%;
}

.bass {
    float: right;
    left: 524px;
    margin-top: -900px;
    position: relative;
    width: 600px;
    z-index: 1000;
}
	


/* TYPOGRAPHY */
a:link {

	color: #cf4c18;
	text-decoration: none;
}

a:visited {

	text-decoration: none;
	color: #cf4c18;
}

a:hover {

	text-decoration: none;
	color: #98B843;
}

a:active {

	text-decoration: none;
	color: #cf4c18;
}

h1 { font-size:24px;}
h2 { font-size: 30px; color:#f5efe4; font-family: Georgia, San-serif; font-style:italic;padding-bottom: 10px;text-shadow: 0px 1px 1px black;}
h3 { font-size: 14px;}

.textArea span { font-size:14px; font-weight:bold;}



ul,li { list-style-type: none; }


/* HEADER */

#header {
	overflow: hidden;
	position:fixed;
	display: block;
	width:100%;
	height:150px;
	z-index:999;
}

#header .inner {
	padding:0px;
	width:1020px;
	height: 150px;
	margin:auto;
	text-align:left;
	background: url(../images/backgrounds/header-bg-clean.jpg) center no-repeat;
}

.logo { 
	width:190px;
	height:150px;
	display:block;
	float:left;
	margin-left:35px;
}

/* NAVIGATION */

#header .inner ul.nav {
	display:block;
	float:left;
	margin:0;
	padding-left:0px;
	margin-top:25px;
	overflow:hidden;
	width:425px;
}

#header .inner ul.nav li {
	width:80px;
	height:auto;
	background:url(../images/nav/knobs-bg.png) 0 0 no-repeat;
	display:inline;
}
	
	
#header .inner ul.nav li a {
	color:#CCCCCC;
	float:left;
	text-align:center;	
	display:block;
	width:35px;
	height:35px;
	margin:12px 22px;
	background:url(../images/nav/dial.png) 0 0 no-repeat;
	 -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	outline:none;
}

#header .inner ul.nav li a:hover {
	color:#cf4c18;
	float:left;
	display:block;
	width:35px;
	height:35px;
	margin:12px 22px;
	background:url(../images/nav/dial.png); 
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}



#header .inner ul.nav li a:active {
	color:#cf4c18;
	background:url(../images/nav/dial.png); 
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}



#header .inner ul.nav li span { 
	display:inline; 
	width:80px; height:100px; 
	padding-top:9px;
	margin:auto;
	background:url(../images/nav/knobs-bg.png) 0 0 no-repeat;
	float:left;
	text-align:center;
	margin-right:11px;
}

#header .inner ul.nav li span:hover { 
	color:#cf4c18;
	display:inline; 
	width:80px; height:100px; 
	margin:auto;
	background:url(../images/nav/knobs-bg.png) 0 -101px no-repeat;
	float:left;
	text-align:center;
	margin-right:11px;
}




/* SOCIAL MEDIA LINKS */


#header .innerHome {
background:url(../images/nav/btn-power.jpg) no-repeat 26px 36px;
display: block;
float: left;
height: 100px;
margin-top: 25px;
padding-right: 20px;
width: 80px;
}

#header .innerHome a {
color:#CCCCCC;
display: block;
height: 100px;
margin: auto;
padding-top: 10px;
text-align: center;
width: auto;
}

#header .innerHome a:hover {color:#cf4c18;}

#smHeader {
float: right;
height: 80px;
padding-right: 55px;
padding-top: 35px;
width: 200px;
}
#smHeader p {color:#CCCCCC;width: 200px; height:auto; text-align:center; padding-bottom: 8px;}
#smHeader a {float: right;width:40px; height:40px;overflow: hidden; margin-right:25px;}
#smHeader a.smFB { background:url(../images/nav/sm-icons.jpg) no-repeat 1px 1px;}
#smHeader a.smFB:hover { background:url(../images/nav/sm-icons.jpg) no-repeat 1px -41px;}
#smHeader a.smYT { background:url(../images/nav/sm-icons.jpg) no-repeat -61px 1px;}
#smHeader a.smYT:hover { background:url(../images/nav/sm-icons.jpg) no-repeat -61px -41px;}
#smHeader a.smSC { background:url(../images/nav/sm-icons.jpg) no-repeat -122px 1px;}
#smHeader a.smSC:hover { background:url(../images/nav/sm-icons.jpg) no-repeat -122px -40px;}


/* HOMEPAGE */


#homepage.container { padding-top:0px; z-index:6;}

#homepage .inner {
	width:1020px;
	height:500px;
	background:url(../images/backgrounds/amp-fender.jpg) top center no-repeat;
}

#homepage .gallery { width: 820px; height:300px; padding-top:120px; margin-left:100px;}

#featuredVideo { width:100px; float:right; margin-right:150px; margin-bottom: 50px; z-index:10;}

/* ABOUT US */

#about .container {  }

#about .inner {
	width:1020px;
	height:499px;
	background:url(../images/backgrounds/section-about-voxAmp.jpg) top center no-repeat;
}

/* TABS */
ul.tabNavigation {
	width:745px;
	list-style: none;
	padding-top: 70px;
	margin-left:155px;
}

ul.tabNavigation li {
	display: inline;
}


ul.tabNavigation li a {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	color: #b9a483;
	text-decoration: none;
	display:inline-block;
	width:218px;
	height:23px;
	background:url(../images/aboutUs/light-sprite.jpg) 0px 0px no-repeat ;
	padding-right:25px;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {
	color: #cabeac;
	background:url(../images/aboutUs/light-sprite.jpg) 0px -23px  no-repeat;

}

ul.tabNavigation li a:focus { outline: 0; }

div.tabs > div {
	position:relative;
	padding-left: 20px;
	padding-top: 25px;
	height:325px;
	width:890px;
	margin:auto;
}

div.tabs > div h2 {
	margin-top: 15px;
}



#first img { width:200px; height:200px; float:right; clear:left; border: solid 5px #f5efe4;
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		margin-right:20px;
}
		
#first img:hover {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}

#first .textArea,#second .textArea,#third .textArea { width: 610px;}

.sideBar { width: 220px; height: 300px; float:right;}

#second img { width:200px; height:200px; float:right; clear:left; border: solid 5px #f5efe4;
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		margin-right:20px;
}
		
#second img:hover {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}


.blakePhoto {margin-top:10px; margin-right:20px;
		width:135px; height:135px; float:right; clear:left; border: solid 5px #f5efe4;
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
}
		
.blakePhoto:hover {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}

.rustyPhoto { margin-top:10px; margin-right:18px;
	width:135px; height:135px; float:right; clear:left; border: solid 5px #f5efe4;
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
}
		
.rustyPhoto:hover {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}


.waste {
	min-height: 500px;
}


/* AUDIO PLAYER */
#audio .container { }

#audio .inner {
	width:1020px;
	height:210px;
	position:relative;
	overflow:hidden;
	background:url(../images/backgrounds/audio-player.jpg) top center no-repeat;	
}

#audio .player { width:610px; height:150px;float:left; padding-left:85px; padding-top:30px;}

#audio .vuMeter { width: 200px; height:73px; float:right; padding-right:93px; padding-top:40px;}
/* PHOTOS */

#photos h2 {width:150px; margin-top:15px;}

#photos .container { }

#photos .inner {
	width:1020px;
	height:500px;
	position:relative;
	overflow:hidden;
	background:url(../images/backgrounds/section-photos-contact-blkAmp.jpg) top center no-repeat;
	padding-top:0px;
}



/*clients*/

.ldrgif img { display:block; width: 20px;height:20px;padding:0 ;margin: 0 auto; border:none;}

.clients-Container {float: left;width: 820px;height:500px;margin-top: 35px;padding-left: 70px;}
.clients-Container img{margin: 8px;padding:0px;text-align: left; border: 3px solid white;}
.clients-Container p {padding-bottom:5px;}
#mygalone {float: left;width: 850px;height:500px;margin: 0px 0px 12px 0;line-height: 1px; overflow:hidden;}
#mygalone .stripViewer li {list-style:none;}



/* CONTACT */

#contact.container { z-index:5;	}

#contact .inner {
	width:1020px;
	height:500px;
	position:relative;
	background:url(../images/backgrounds/section-photos-contact-blkAmp.jpg) top center no-repeat;
	padding-top:15px;
	overflow:hidden;
}


input {
background:url(../images/transpBlack25.png) repeat-x ;
border:1px solid #939598;
height:24px;
width:350px;
color:#cf4c18;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding:2px;
}

input:focus {
border:1px solid #00aeef;background:url(../images/transpBlack50.png) repeat;
}

textarea {
background:url(../images/transpBlack50.png) repeat;
border:1px solid #939598;
height:100px;
width:350px;
color:#cf4c18;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding:2px;
}

textarea:focus {
border:1px solid #00aeef;background:url(../images/transpBlack50.png) repeat;
}

#submit {
background:url(../images/submit.png) no-repeat;
width:192px;
height:39px;
border:none;
}

#contact .left {
float:left;
display:block;
width:400px;
margin-left:70px;
margin-top:35px;
}


#contact .right {
float:right;
display:block;
width:400px;
}

#response { 
color:#00aeef;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding-bottom:10px;}


#contact .right img { margin:20px 0px;}

 /*******MAP STYLES*******/
 .mapContainer {float: right;width:470px;margin:155px 18px 0 0;line-height: 18px;z-index:100;}
 
.map {width: 400px;height: 200px;overflow: hidden; border:1px solid #939598;}
.tooltip {font-family: "Lucida Sans", "Lucida Sans Unicode", arial;font-size: 9pt;width: 170px;overflow: hidden;}
.tooltip .top{background: url(../images/map/bubble.png) no-repeat;height: 5px;overflow: hidden;}
.tooltip .middle{background: url(../images/map/bg.png) repeat;background-position: -173px top;padding: 0px 5px;color: #FFF;}
.tooltip .middle img{margin: 5px 0px;clear: both;}
.tooltip .bottom{background: url(../images/map/bubble.png) no-repeat;height: 25px;background-position: left bottom;overflow: hidden;}


.like {margin-top:100px}

/*** JS SLIDER TOP***/

#slider {
    width: 820px; /* important to be same as image width */
    height: 270px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 820px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
}
.sliderImage {
    float: left;
    position: relative;
}
.sliderImage span {
    position: absolute;
    width: 820px;
	color: #fff;
}
.clear {
	clear: both;
}
.sliderImage span h1 {
    font-size: 30px; color:#f5efe4; font-family: Georgia, San-serif; font-style:italic;padding-bottom: 20px;text-shadow: 0px 1px 1px black;
}

.right {
	right: 0;
	bottom: 0;
	width: 450px !important;
	height: 240px;
	
	}
	
.right p { font-size:14px;}