/*  CSS by VANTAGE STUDIOS INC. - 2006  */


/* ---------- basic elements ---------- */

body {
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	font: 11px/16px helvetica, arial, sans-serif;
	color: #111;
	background: #fff;
}

body, div, ul, li, dl, dd, dt, p, table, tr, th, td, img {padding: 0; border: 0; margin: 0;}

a { outline: none; }

h1, h3 {padding: 0; margin: 0;}

h2 {
	font: 18px/20px helvetica, arial, sans-serif;
	color: #c00000;
	margin: 0; padding: 0 0 5px 0;
	text-transform: uppercase;	
}

h3 {
	font: 12px/14px helvetica, arial, sans-serif;
	color: #444;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;
	text-transform: uppercase;
}

p {
	clear: left;
	font: 13px/16px helvetica, arial, sans-serif;
	color: #111;
	margin: 0;
	padding: 5px 0 10px 0;
}

p img {
	clear: both;
	border-style: solid; border-width: 1px; border-color: #ccc;
	padding: 5px; margin: 0 8px 8px 0;
	float: left;
}

p a:link {
	font: 12px/16px helvetica, arial, sans-serif;
	color: #0f7ad1;
	text-decoration: none;
}

p a:visited {
	font: 12px/16px helvetica, arial, sans-serif;
	color: #0f7ad1;
	text-decoration: none;
}

p a:hover {
	font: 12px/16px helvetica, arial, sans-serif;
	color: #8cf;
	text-decoration: none;
}

ul { margin: 0 0 12px 35px; font: 12px/16px helvetica, arial, sans-serif; }

form {margin: 0; padding: 0;}

hr {display:none;}

textarea {font: 14px/16px helvetica, arial, sans-serif; overflow:auto;}

.submit {background: #eee; border: 1px outset #fff;}

.email {padding: 0 8px 0 0; color: #bbb; border: 1px inset #ddd;}

.txtbox {padding: 0 8px 0 0; color: #bbb; border: 1px inset #ddd;}


/* ---------- layout ---------- */

#container {
	background: #fff;
	padding: 0;
	text-align: center;
	width: 765px;
	max-height: 100px;
	margin: 20px auto 0 auto;
}

#innercontainer {
	clear: both;
	width: 765px;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}

#contentMask {
	float: left;
	text-align: left;
	padding: 0 5px 0 18px;
	margin: 0 auto 0 auto;
	voice-family: "\"}\"";
 	voice-family: inherit;
 	width: 550px;
 	}
 	
 	html>body #contentMask { width: 550px;}

#content {float: left;}

#dropem {float:left; height: 225px; width: 10px; color: #333; padding: 0; margin: 0;}
#scrollme {float:left;}

#scrollytext {
	float: left;
	width: 600px;
	text-align: left;
	padding: 10px 0 0 0;
	margin: 0 auto 0 auto;
}

#left {
	clear: both;
	float: left;
	width: 154px;
	height: 286px;
	text-align: left;
	padding: 0;
	margin: 0;
	background: #ccc;
}

h1#title a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 765px;
	height: 87px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(images/header.gif) top left no-repeat;
}

#contact {
	float: right;
	text-align: right;	
	margin: 0 auto 0 auto; padding: 30px 7px 0 0;
}

h3#textyo {
	float: left;
	width: 535px;
	height: 97px;
	text-indent: -9999px;
	margin: 0; padding: 0;
	background: #fff url(images/textyo.gif) top left no-repeat;
}

#flashcontent_header{ margin: 0; padding: 0;}

#dropit { padding: 85px 0 0 0; }

h5#aud, h5#aud a:link, h5#aud a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 154px;
	height: 65px;
	text-indent: -9999px;
	text-decoration: none;	
	background: url(images/aubibel.gif);
}

h5#aud a:hover {
	display: block;
	margin: 0;
	padding: 0;
	width: 154px;
	height: 65px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(images/audibelo.gif);
}

#loc_left {
	float: left;
	width: 250px;
	text-align: left;
	padding: 0;
	margin: 0 20px 0 0;
}

#loc_right {
	float: left;
	width: 250px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#loc_bottom {
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

#listn {clear: both; float: left;}
#listn ul {margin: 0; padding: 0px; list-style: none;}
#listn ul li {
	border: 0;
	float: left;
	width: 180px;
	font-weight: bold;
	text-align: center;
	display: inline;
	margin: 0;
	padding: 0 0 20px 0;
}

#nav {clear: both; float: left;}
#nav ul {margin: 0; padding: 0px; list-style: none; height: 30px;}
#nav ul li {
	border: 0;
	float: left;
	text-indent: -9999px;
	display: inline;
	margin: 0;
	padding: 0;
}	

li#nav-about, li#nav-about a:link, li#nav-about a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-about.gif);
}

li#nav-about a:hover, li#nav-about.current a:link, li#nav-about.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-abouto.gif);
}

li#nav-loss, li#nav-loss a:link, li#nav-loss a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 88px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-loss.gif);
}

li#nav-loss a:hover, li#nav-loss.current a:link, li#nav-loss.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 88px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-losso.gif);
}

li#nav-test, li#nav-test a:link, li#nav-test a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 113px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-test.gif);
}

li#nav-test a:hover, li#nav-test.current a:link, li#nav-test.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 113px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-testo.gif);
}

li#nav-systems, li#nav-systems a:link, li#nav-systems a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-systems.gif);
}

li#nav-systems a:hover, li#nav-systems.current a:link, li#nav-systems.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-systemso.gif);
}

li#nav-listening, li#nav-listening a:link, li#nav-listening a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-devices.gif);
}

li#nav-listening a:hover, li#nav-listening.current a:link, li#nav-listening.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-deviceso.gif);
}

li#nav-locations, li#nav-locations a:link, li#nav-locations a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 72px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-locations.gif);
}

li#nav-locations a:hover, li#nav-locations.current a:link, li#nav-locations.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 72px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-locationso.gif);
}

li#nav-contact, li#nav-contact a:link, li#nav-contact a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 79px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-contact.gif);
}

li#nav-contact a:hover, li#nav-contact.current a:link, li#nav-contact.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 79px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-contacto.gif);
}

li#nav-careers, li#nav-careers a:link, li#nav-careers a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 96px;
	height: 30px;
	text-decoration: none;	
	background: url(images/nav-careers.gif);
}

li#nav-careers a:hover, li#nav-careers.current a:link, li#nav-careers.current a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 96px;
	height: 30px;
	text-decoration: none;
	background: url(images/nav-careerso.gif);
}

#footer {
	clear: both;
	float: left;
	height: 52px; width: 764px;
	background: #fff url(images/footer.gif) top center repeat-x;
	margin: 0; padding: 0;
}

#flashfooter {
	clear: both;
	float: none;
	height: 52px; width: 765px;
	background: #848484;
	margin: 0; padding: 0;
}

/*---- Table ---*/

table {margin: 5px 0 5px 0;}
table p {
	clear: left;
	font: 12px/14px helvetica, arial, sans-serif;
	color: #111;
	margin: 0;
	padding: 5px;
	}
.stripe1 {background: #ddd;}
.stripe2 {background: #eee;}
.stripe1y {background: #f68d91; text-align: center; margin: 0 auto 0 auto;}
.stripe1n {background: #7fb8dd; text-align: center; margin: 0 auto 0 auto;}
.stripe2y {background: #fababd; text-align: center; margin: 0 auto 0 auto;}
.stripe2n {background: #b2d4eb; text-align: center; margin: 0 auto 0 auto;}

th h3 {text-align: left;}
#yep h3 {color: #c00; text-align: center; margin: 0 auto 0 auto;}
#nope h3 {color: #0f7ad1; text-align: center; margin: 0 auto 0 auto;}
/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/

.sIFR-hasFlash h2,
.sIFR-hasFlash h3 {
	visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  margin-left: -3px;
}

.sIFR-hasFlash h2 {
	font-size: 18px;
  display: block;
}

.sIFR-hasFlash h3 {
	font-size: 12px;
}