/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, 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%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: Arial, Helvetica, sans-serif;  background-image: url("../img/he-sad-wood.jpg");
  background-repeat: repeat; }
.speakers {
	background-image: url("../img/theplx.png");
	background-repeat: no-repeat;
	max-width: 420px;
	height: 139px;
	text-align: center;
	margin: 0 auto;
	
}

img {
	vertical-align: middle;
	border-style: none;
}
.white { background-color: #EEE; margin: 20px 0 10px auto; clear:both;   }
h2 { color:white; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.container-main { max-width: 1000px; margin: 0 auto; clear: both; }
#tabs { width: 100%; height: auto; padding-right: 2px; margin-top: 28px; margin-bottom: 0px; }
#soundbaord { margin:0px; }
a { cursor:pointer; color:white;  }
a:hover, a:visited, a:active { cursor:pointer; color:red;  }
.config a { cursor:pointer; color:red; font-size:25px }
#tabs li {
	margin: 0 3px 12px 3px;
	list-style: none;

	/* margin-right: 5px; */
	outline: none;
	/* margin-bottom: 10px; */
}
#tabs li a { font-family:Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: brown; ; padding-top: 20px; padding-left: 7px; padding-right: 7px; padding-bottom: 20px; display:block; background: #FFF; text-decoration:none; outline:none; }
#tabs li a.inactive { padding-top:20px; padding-bottom:19px; padding-left: 8px; padding-right: 8px; color:#666666; background: #EEE; outline:none; border-bottom: solid 1px #CCC; }
#tabs li a:hover, #tabs li a.inactive:hover { color: brown; outline:none; }
.container { clear:both; width:100%; border-left: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; text-align:left; padding-top: 0px; padding-right: 0px; padding-left: 0px; }

.clearfix::after { content: ""; clear: both; display: table; }
 @media screen and (min-width: 568px) {
.container { max-width: 100%; }
}
 @media screen and (min-width: 992px) {
.container { max-width: 100%; }
}
@media screen and (min-width: 768px) {
.container { max-width: 100%; }
}