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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-family: 'Oswald', sans-serif;
vertical-align: baseline;
color:white;

}

p,h1{
	pointer-events:none;
}

p>a, h1>a{
	pointer-events:auto;
	white-space: nowrap;
}

body{
	overflow-x:hidden;
}

.container{
	border-top:1px solid #AAA;
	border-bottom:1px solid #666;

	z-index:13;
	position:relative;
	background:url(http://media.paradigmwebsites.com/decibelwebsites/mask4.jpg);
	background-size:cover;
	opacity:0.9;
	filter: alpha(opacity=0.9);
	
}

#container_main{
	z-index:1000;
	opacity:1;
	filter: alpha(opacity=1.0);
	min-height:50px;
}

.background_light,.background_dark{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.9);
}

.background_dark{
	background-color:rgba(0,0,0,0.9);
}

.container2{ /*dark*/
	border-top:1px solid #AAA;
	border-bottom:1px solid #666;

	z-index:13;
	position:relative;
	background:url(http://media.paradigmwebsites.com/decibelwebsites/mask4.jpg);
	background-size:cover;
	opacity:0.9;
	filter: alpha(opacity=0.9);
}

#bglayer{
	width:100%;
	height:100%;
	background:url(http://media.paradigmwebsites.com/decibelwebsites/mask4.jpg);
	opacity:0.15;
	filter: alpha(opacity=0.15);
}

#backgroundslider{
	z-index:10;
	background-color:black;
	position:fixed;
	overflow:hidden;
	width:100%;
	height:100%;
	background-position:center top !important;
	background: black; 
}

#sliderimage1{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/1.jpg);
	background-size:cover;

}

#sliderimage2{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/2.jpg);
	background-size:cover;
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=0);

}

#sliderimage3{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/3.jpg);
	background-size:cover;
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=0);
}

#sliderimage4{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/4.jpg);
	background-size:cover;
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=0);
}

.sliderimage{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-position:center top !important;

}

#menu{
	position:absolute;
	left:5%;
	top:15%;
	width:21%;
	/*background-color:rgba(0,0,0,0.1);*/
	z-index:200;

	overflow:visible;
	height: 75%;
}

#header{
	width:100%;
	height:80px;
	position:fixed;
	top:-80px;
	background-color:black;
	border-bottom:1px solid #AAA;
	z-index:2000;
}

#menudescription{
	position:absolute;
	top:15%;
	width:55%;
	left:40%;
	background-color:rgba(255,255,255,0.8);
	opacity:1;

	height: auto;
	border-radius:5px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+0,0.5+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */


}


.container_container{
	max-width:1000px;

	height:100%;
	margin:0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

.container_container > h1{
	text-align:center;
	font-size:48px;
	padding-top:110px;
	padding-bottom:50px;
}

.container_container > p{
	text-align:justify;
	font-size:20px;
}

.background_light > .container_container > p, .background_light > .container_container > h1{
	color:black;
}

#header > p > a{
	text-decoration:none;
	pointer-events:auto;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px;
}

#header > p > a:hover{
	color:black;
	background-color:#fed447;
}

#header > p{
	font-size:24px;
	text-align:center;
	margin-top:20px;
	pointer-events:none;
}


.menudesc{
	display:none;
	pointer-events:none;
	display: inline-block;
    width: 100%;
}

.menudesc_a{
	display:inline-block;
	padding:10px;
	pointer-events:auto;
	text-decoration:none;
	
	float:right;

	height:100%;
	background-color:white;
	color:black;
	border-radius:5px;
	border:1px solid #AAA;
	margin-right:60px;
}

#menudescription > p{
	margin:30px;
	font-size: 25px;
    font-size: 2.8vw;
	color:black;
	text-shadow:1px 1px 3px rgba(255,255,255,0.5);
}

h1{
	/*text-shadow:1px 1px 2px #777;*/
}

#menu > h1{
	font-size: 30px;
    font-size: 3.3vw;
}

.menuoption{
	width:100%;
	min-height: 14%;
	border-bottom:2px solid #888;
	

}

.menuoption:hover{
	width:100%;
	opacity:1;
}

#menu_introduction{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/introduction.png);
	background-color:rgba(0,0,0,0.5);
	background-size:100% 100%;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
	border-top:2px solid #888;
}

#menu_introduction:hover{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/introduction2.png);
	background-color:#FFFFFF;
	background-size:100% 100%;
	cursor:pointer;
}

#menu_freetrial{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/freetrial.png);
	background-color:rgba(0,0,0,0.7);
	background-size:100% 100%;
}

#menu_freetrial:hover{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/freetrial2.png);
	background-color:#FFFFFF;
	background-size:100% 100%;
	cursor:pointer;
}

#menu_examples{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/examples.png);
	background-color:rgba(0,0,0,0.5);
	background-size:100% 100%;
}

#menu_examples:hover{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/examples2.png);
	background-color:#FFFFFF;
	background-size:100% 100%;
	cursor:pointer;
}

#menu_purchase{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/purchase.png);
	background-color:rgba(0,0,0,0.7);
	background-size:100% 100%;
}

#menu_purchase:hover{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/purchase2.png);
	background-color:#FFFFFF;
	background-size:100% 100%;
	cursor:pointer;

}

#menu_contact{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/contact.png);
	background-color:rgba(0,0,0,0.5);
	background-size:100% 100%;
	border-bottom-left-radius:0%;
	border-bottom-right-radius:0%;
}

#menu_contact:hover{
	background:url(http://media.paradigmwebsites.com/decibelwebsites/contact2.png);
	background-color:#FFFFFF;
	background-size:100% 100%;
	cursor:pointer;
	
}

#menu > h1 > a > span:hover{

	border-bottom:2px solid rgba(255,255,255,1);
	background-color:rgba(255,255,255,0.2);
	
}

.phone_only, .campaignoption{
	display:none;
}

#campaignoptions_information{
	display:block;
}

#container_introduction{
	display:none;
}


.example{
	width:45%;
	background-color:white;
	border-radius:10px;
	margin-bottom:100px;
	display: inline-block;
}

.example:hover{
	background-color:#fed447;
}

.example > p{
	padding:30px;
	color:black;
	text-align:justify;
}

.exampleleft{
	float:left;
}

.exampleleft{
	float:right;
}

@media screen and (max-width: 800px) {
	.computer_only, #headerlogo{
		display:none;
	}
	
	.phone_only{
		display:block;
	}
	
	#header > p{
		font-size:20px;
		margin-top:24px;
	}
	
	#container_introduction{
		display:block;
	}
	
	.example{
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	
	#header > p{
		font-size:16px;
		margin-top:27px;
	}
}

@media screen and (max-width: 430px) {
	
	#header > p{
		font-size:12px;
		margin-top:29px;
	}
}




.emaildiv{
    color: #888;
    
    text-align: justify;
    top: 170px;
	margin:0 auto;

	width:527px;
}

.emailtable {
    border-collapse: collapse;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;

}

#emailtable th {
	border:none;
    color: #000033;
    font-size: 13px;
    font-weight: normal;
    padding: 25px;
}

td {
    
    color: #666699;
    padding: 3px;
	width:100%;
}

.paralink{
	text-align:right;
	font-family: 'Oswald', sans-serif;
	color:#000;
	font-size:20px;
}

.send{
display:inline-block;
margin-bottom:50px;
}




#emaildiv{
	margin:0 auto;

}

input{
	padding:10px;
	color:white;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	background-color:black;
	border-radius:10px;
}

textarea{
	padding:10px;
	width:600px;
	color:white;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	background-color:black;
	border-radius:10px;
}

.campaignoption > p,#html5yes > p,#html5no > p,.campaignoption > div > p{
    color: #DDD;
    text-align: justify;
	overflow:visible;
}

#html5no{
	display:none;
}

.button{
	background-color:white;
	color:black;
	text-decoration:none;
	padding:10px;
	border-radius:10px;
	border:1px solid #AAA;
}

.button:hover{
	text-decoration:underline;
	background-color:black;
	color:white;
}

.backnext{
	margin-top:15px;
}

.send:hover{
	text-decoration:none;
}

.lightbutton{
	background-color:#FFFFFF;
	color:black;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;
	border:1px solid rgba(0,0,0,0.7);
	
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	
 background-image: -webkit-linear-gradient(top, #FFFFFF, #AAAAAA);
 background-image: -moz-linear-gradient(top, #FFFFFF, #AAAAAA);
 background-image: -ms-linear-gradient(top, #FFFFFF, #AAAAAA);
 background-image: -o-linear-gradient(top, #FFFFFF, #AAAAAA);
 background-image: linear-gradient(to bottom, #FFFFFF, #AAAAAA);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#AAAAAA);
}

.darkbutton{
	background-color:#ffdd66;
	color:black;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;
	border:1px solid rgba(0,0,0,0.3);
	
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	
 background-image: -webkit-linear-gradient(top, #FFEA80, #FEBF12);
 background-image: -moz-linear-gradient(top, #FFEA80, #FEBF12);
 background-image: -ms-linear-gradient(top, #FFEA80, #FEBF12);
 background-image: -o-linear-gradient(top, #FFEA80, #FEBF12);
 background-image: linear-gradient(to bottom, #FFEA80, #FEBF12);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFEA80, endColorstr=#FEBF12);
}

.darkbutton:hover{
	background-color:#FFF;
	color:black;
	
 background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F7B2);
 background-image: -moz-linear-gradient(top, #FFFFFF, #F2F7B2);
 background-image: -ms-linear-gradient(top, #FFFFFF, #F2F7B2);
 background-image: -o-linear-gradient(top, #FFFFFF, #F2F7B2);
 background-image: linear-gradient(to bottom, #FFFFFF, #F2F7B2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F2F7B2);
}

.lightbutton:hover{
	color:#FFFFFF;
	background-color:#000;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	
 background-image: -webkit-linear-gradient(top, #000000, #000000);
 background-image: -moz-linear-gradient(top, #000000, #000000);
 background-image: -ms-linear-gradient(top, #000000, #000000);
 background-image: -o-linear-gradient(top, #000000, #000000);
 background-image: linear-gradient(to bottom, #000000, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#000000);
}

.menudesc_a{
	padding:10px;
	margin-right:60px;
}

.menudesc{
	display:none;
}

#desc_introduction{
	display:block;
}