@charset "utf-8";
/* CSS Document */

body{padding:0px; margin:0px;}

#matteson{width:450px; height:86px; background:url(../images/matteson.png); margin-left:-10px; margin-top:-22px; padding-left:190px; padding-top:20px;}

#mattesonhead{font-family:Arial, Helvetica, sans-serif; font-size:18px;  }
#mattesonhead2{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding:0px; }
#matteson a{text-decoration:none; font-size:12px; color:#03C; }
#matteson a:hover{color:#09F;}
#mattesonbutton{
	position:absolute;
	left: 612px;
	top: 102px;
}

#socialmedia{
	width:130px;
	position:absolute;
	left: 720px;
	top: 73px;
	height: 27px;
}

#divider{width:500px; height:2px; float:left; margin-left:60px; margin-top:20px; background-color:#999;}
.zoom_searchbox{width:100px; padding:0px;  margin:0px; height:15px;}
.zoom_button{ width:25px; height:20px; font-size:10px;}
#search{ width:138px; margin-left:5px; font-family:"Arial Narrow", Arial, sans-serif; color:#FFF; font-size:10px; float:left;}

#anchornav{ list-style:none; display:inline; display:block; width:510px; height:30px; margin-left:70px; }

#anchornav li{display:inline; display:block; float:left; margin-right:20px;}

#anchornav a{text-decoration:none; color:#03C; font-family:"Arial Narrow", Arial, sans-serif; font-size:16px;}

#anchornav a:hover{color:#09F;}

#container{width:811px; margin-left:auto; margin-right:auto; position:relative;}
#header{height:70px; background:url(../images/slices/mainheader.png); }
#menu{height:23px; background:url(../images/slices/menuback.png); background-position:0 -7px; }
#container2{width:811px;  float:left; background:url(../images/slices/dropshadow.png); background-repeat:repeat-y; float:left;}
#container1{float:left;  width:792px; background:url(../images/slices/Sidebarbg.png); background-repeat:repeat-x;}
#sidebar{width:146px; float:left;}
#content{ background:#FFF; width:636px; float:left; min-height:200px; padding-left:10px; padding-top:22px; padding-bottom:20px;}
#sidemenu{ width:135px; height:585px; float: left; margin-left:11px; margin-top:30px;}
/*#footer{background-color:#09033f; width:662px; float:left;  font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#fff; padding-top:10px; padding-bottom:20px; padding-left:135px; }*/
a.footer{ font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF; text-decoration:none; display:block; margin-bottom:5px; }
a.footer:hover{color:#09C;}

.sites{list-style:none; margin:5px; float:left; margin-top:10px; }

.company{list-style:none; margin:5px; float:left; margin-top:10px}

.productinfo{list-style:none; margin:5px; float:left; margin-top:10px}


#footer{background:#09033f; width:798px; float:left;  font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#fff;  padding-bottom:20px;  }

#footer2{background:url(../images/slices/footer.png); float:left;  width:811px; height:20px;  background-repeat:no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#fff; }
#footertext{ width:200px; float:left; padding-left:15px;}
#dropshadow2{background:url(../images/slices/dropshadow2.png); width:811px;  float:left; background-repeat:repeat-y; float:left;}

#thumbs{width:636px; float:left; margin-top:20px;}

.thumb{width:91px; float:left; margin-right:10px;}

.thumb img{border:solid 1px #000;}

#smarttrapheader{background:url(../images/slices/smarttrap-title.png); width:636px; height:110px; background-repeat:no-repeat; float:left; background-position:-2px 0px;}
 .smarttrapfamily{
	float:left;
	position:absolute;
	z-index:1;
	left: 157px;
	top: 181px;
}
#smarttrapcolumn1{float:left; width:205px; margin-left:430px;}
#smarttrapcolumn2{
	float:left;
	width:250px;
	margin-top:60px;
	margin-left:20px;
	height:680px;
}
#sconce{
	position:absolute;
	left: 478px;
	top: 671px;
}
#fullroundside{
	position:absolute;
	left: 145px;
	top: 988px;
	width: 321px;
}

h1{font-family:Arial, Helvetica, sans-serif; font-size:36px; margin:0px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:26px; margin:0px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0px;}
h4{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding-bottom:10px;}
h5{ font-family:"Arial Narrow", Arial, sans-serif; font-size:18px; margin:0px; padding:0px; color:#336600; }
.subhead{margin-top:20px;}
h6{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#fff; text-transform:uppercase; letter-spacing:1px; margin:0px; margin-bottom:10px;}
p.slogan{margin:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; font-size:12px; margin-left:20px;}

#readmore{width:150px; float:right; margin-left:150px; padding-top:10px;}
#readmore a{font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#666; text-decoration:none; font-style:oblique; font-weight:400;}
#readmore a:hover{color:#09F;}

#newstories{float:left; width:636px; padding-top:10px;}
#story{ float:left; padding-top:20px; width:636px;}
#storypic{width:250px; float:left;}
#storydate{padding-left:10px; width:375px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px;}
#storytitle{color:#C00;}
#storytext p.story{font-family:"Arial Narrow", Arial, sans-serif; font-size:16px; letter-spacing:1px; width:365px; float:left; padding-left:10px; padding-top:10px;}

#content p{
	font-family:"Arial Narrow", Arial, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	margin-bottom:5px;
}

#photo{width:375px; float:right; padding-left:10px; padding-top:10px;}
#photo img{border-width:thin; border-color:#000; border-style:solid;}
.ownwords{font-size:13px;}
#content p a{color:#06C; text-decoration:none;}
#content p a:hover{color:#09F}
#signature{font-style:normal; font-size:10px; float:right; }

#text2{font-family:"Arial Narrow", Arial, sans-serif; font-size:14px; letter-spacing:1px; margin-bottom:5px; float:left; width:636px;}
#text2 p a{color:#06C; text-decoration:none;}
#text2 p a:hover{color:#09F}

#text.column{width:450px; float:left;}

#title.contact{ margin-left:0px;}
#headquarters{width:300px; float:left; margin-top:20px; }
#sidebar2{width:290px; float:left; margin-top:20px; padding:10px; margin-left:15px;     background:#C6B493; border:solid; border-width:1px; border-color:#000;}
#profile2{padding-bottom:20px; float:left;  }
#profile2 .image{width:150px; float:left;}
#profile2 .profile2text{font-family:"Arial Narrow", Arial, sans-serif; font-size:12px; width:140px; float:left;}
#sidebar3{width:290px; float:left; margin-top:20px; padding:10px; margin-left:15px;     background:#C6B493; border:solid; border-width:1px; border-color:#000;}
#profile3{padding-bottom:20px; float:left; width:290px;  }
#profile3 .image{width:150px; float:left;}
#profile3 .profile2text{font-family:"Arial Narrow", Arial, sans-serif; font-size:12px; width:140px; float:left;}
#contactsheet{float:left; width:300px; font-family:"Arial Narrow", Arial, sans-serif; font-size:12px;}
#link{width:300px; float:left;}
#link a{color:#06C; text-decoration:none;}
#link a:hover{color:#09F}

#artpic{width:150px; float:left; padding:10px;}
#artsign{
	position:absolute;
	left: 868px;
	top: 1072px;
}
#search{ padding-top:40px; padding-left:1px; float:left; }
#featuredproduct{width:636px; float:left; margin-top:40px;}
#productshot{float:left; width:300px; }
#title.columntitle{ float:left; width:300px; margin:0; text-transform:uppercase;}
#title.productname{ float:left; width:250px; margin-left:50px; padding-top:10px; letter-spacing:1px;}
#text.column2{width:330px; float:left; padding-top:10px; font-family:"Arial Narrow", Arial, sans-serif; font-size:18px; letter-spacing:1px;}

#title{margin-left:40px;}
#title2{margin-left:0px; float:left; width:636px;}
#subhead{ margin-left:40px; width:500px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; }
#subhead.slogan{margin-left:40px;width:500px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:300;padding-bottom:20px;}

#nav{ margin:0; padding:0; margin: 20px 0px; float:left;}
#nav li{ list-style:none; height:30px; width:135px; display:block; float:left; border:none; }
#nav li a{ height:30px; width:135px;  text-decoration:none; display:block; border:none;}
#nav li a:visited{border:none;}
#nav li a:active{border:none;}

#profile{ float:left; width:636px; margin-bottom:20px;}
.picture{width:230px; float:left;}
.picture2{width:300px; float:left;}
.picture img{margin:0px; padding:0px; margin-bottom:40px;}
.description{width:390px; float:left; font-family:"Arial Narrow", Arial, sans-serif; font-size:14px; font-style:normal; padding-left:10px; margin-bottom:20px;}
.description2{width:310px; float:left; font-family:"Arial Narrow", Arial, sans-serif; font-size:14px; font-style:normal; padding-left:10px; margin-bottom:20px;}


#nav li.tubetrap a{background:url(../images/slices/menu.png);}
#nav li.tubetrap:hover a{background:url(../images/slices/menu.png); background-position: -140px 0px;}

#nav li.studio a{background:url(../images/slices/menu.png); background-position:0px -30px}
#nav li.studio:hover a{background:url(../images/slices/menu.png); background-position: -140px -30px;}

#nav li.hifi a{background:url(../images/slices/menu.png); background-position:0px -60px;}
#nav li.hifi:hover a{background:url(../images/slices/menu.png); background-position: -140px -60px;}

#nav li.hometheater a{background:url(../images/slices/menu.png); background-position:0px -90px;}
#nav li.hometheater:hover a{background:url(../images/slices/menu.png); background-position: -140px -90px;}

#nav li.soundproofing a{background:url(../images/slices/menu.png); background-position:0px -120px;}
#nav li.soundproofing:hover a{background:url(../images/slices/menu.png); background-position: -140px -120px;}

#nav li.churches a{background:url(../images/slices/menu.png); background-position:0px -150px;}
#nav li.churches:hover a{background:url(../images/slices/menu.png); background-position: -140px -150px;}

#nav li.classroom a{background:url(../images/slices/menu.png); background-position:0px -180px;}
#nav li.classroom:hover a{background:url(../images/slices/menu.png); background-position: -140px -180px;}

#nav li.arch a{background:url(../images/slices/menu.png); background-position:0px -210px;}
#nav li.arch:hover a{background:url(../images/slices/menu.png); background-position: -140px -210px;}

#nav li.soundfence a{background:url(../images/slices/menu.png); background-position:0px -240px;}
#nav li.soundfence:hover a{background:url(../images/slices/menu.png); background-position: -140px -240px;}

#nav li.bafflers a{background:url(../images/slices/menu.png); background-position:0px -270px;}
#nav li.bafflers:hover a{background:url(../images/slices/menu.png); background-position: -140px -270px;}

#nav li.contact a{background:url(../images/slices/menu.png); background-position:0px -300px;}
#nav li.contact a:hover{background:url(../images/slices/menu.png); background-position: -140px -300px;}

#nav li.articles a{background:url(../images/slices/menu.png); background-position:0px -330px;}
#nav li.articles a:hover{background:url(../images/slices/menu.png); background-position: -140px -330px;}

#nav li.clearance a{background:url(../images/slices/menu.png); background-position:0px -360px;}
#nav li.clearance a:hover{background:url(../images/slices/menu.png); background-position: -140px -360px;}

#nav li.prices a{background:url(../images/slices/menu.png); background-position:0px -390px;}
#nav li.prices a:hover{background:url(../images/slices/menu.png); background-position: -140px -390px;}

#nav li.jobs a{background:url(../images/slices/menu.png); background-position:0px -420px;}
#nav li.jobs a:hover{background:url(../images/slices/menu.png); background-position: -140px -420px;}

#nav li.whatsnew a{background:url(../images/slices/menu.png); background-position:0px -450px;}
#nav li.whatsnew a:hover{background:url(../images/slices/menu.png); background-position: -140px -450px;}

#nav li.ads a{background:url(../images/slices/menu.png); background-position:0px -480px;}
#nav li.ads a:hover{background:url(../images/slices/menu.png); background-position: -140px -480px;}

#nav li.dealers a{background:url(../images/slices/menu.png); background-position:0px -510px;}
#nav li.dealers a:hover{background:url(../images/slices/menu.png); background-position: -140px -510px;}

#nav li.home a{background:url(../images/slices/menu.png); background-position:0px -540px;}
#nav li.home a:hover{background:url(../images/slices/menu.png); background-position: -140px -540px;}

#nav li.mainpage a{background:url(../images/slices/soundfencemenu.png);}
#nav li.mainpage:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px 0px;}

#nav li.residential a{background:url(../images/slices/soundfencemenu.png); background-position:0px -30px}
#nav li.residential:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -30px;}

#nav li.heatpump a{background:url(../images/slices/soundfencemenu.png); background-position:0px -60px;}
#nav li.heatpump:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -60px;}

#nav li.industrial a{background:url(../images/slices/soundfencemenu.png); background-position:0px -91px; }
#nav li.industrial:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -91px;}

#nav li.faq a{background:url(../images/slices/soundfencemenu.png); background-position:0px -120px;}
#nav li.faq:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -120px;}

#nav li.specifications a{background:url(../images/slices/soundfencemenu.png); background-position:0px -150px;}
#nav li.specifications:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -150px;}

#nav li.casestudies a{background:url(../images/slices/soundfencemenu.png); background-position:0px -180px;}
#nav li.casestudies:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -180px;}

#nav li.quote a{background:url(../images/slices/soundfencemenu.png); background-position:0px -210px;}
#nav li.quote:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -210px;}

#layoutbutton1{
	position:absolute;
	left: 171px;
}
#nav li.contact2 a{background:url(../images/slices/soundfencemenu.png); background-position:0px -240px;}
#nav li.contact2:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -240px;}

#nav li.home2 a{background:url(../images/slices/soundfencemenu.png); background-position:0px -270px;}
#nav li.home2:hover a{background:url(../images/slices/soundfencemenu.png); background-position: -139px -270px;}