/* Produced By: Jake Alger */

*           { margin: 0; padding: 0; }
html        { background:#660000 url(../images/html.png) repeat-x; }
body        { color:#fff; text-align: center; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; }
h1 a        { text-indent: -9000px; width: 194px; height: 59px; margin: 21px 0 0 19px; display: inline; background: url(../images/logo.png) no-repeat; float: left; }
h2          { text-indent: -9000px; }
img         { border: 0; vertical-align: bottom; }
a           { color:#fff; outline: none; text-decoration: none; overflow: hidden; }
ul          { list-style-type: none; }
li          { display: inline; }
em          { font-style: normal; }
address     { font-style: normal; }
input       { vertical-align: middle; font-size: 12px; }
select      { font-size: 11px; font-weight: normal; color: #12395A; }
option      { padding-left: 5px; }
textarea    { font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.right  { float: right; }
.left   { float: left; }

#wrapper { width: 887px; margin: 0 auto; text-align: left; }

span.call-today { margin: 44px 40px 0 0; width: 305px; height: 20px; float: right; text-indent: -9000px; background: url(../images/call-today.png) no-repeat; }

#navigation                 { margin-top: 10px; width: 887px; float: left; }
#navigation ul              { text-align: center; padding-left: 18px; height: 29px; }
#navigation ul li           { font-family: Trebuchet MS; font-size: 14px; }
#navigation ul li a         { padding: 4px 35px 5px 35px; border-right:#242424 2px solid; float: left; }
#navigation ul li a:hover   { color:#ffbd54; border-bottom:#ffbd54 2px solid; }

#container      { width: 850px; padding: 0 5px; float: left; border-left:#3b0202 13px solid; border-right:#3b0202 13px solid; }
#image_rotator  { margin-bottom: 10px; }

#content                { background-color:#121110; float: left; }
#content h2#sprojects,
#content h2#services,
#content h2#products    { margin: 22px 0 15px 31px; font-size: 16px; display: inline; float: left; }
#content h2#sprojects   { width: 297px; height: 26px; background: url(../images/sprojects-header.png) no-repeat; }
#content h2#services    { width: 480px; height: 20px; background: url(../images/services-header.png) no-repeat; }
#content h2#products    { width: 480px; height: 20px; background: url(../images/products-header.png) no-repeat; }

#about                      { width: 331px; margin: 27px 0 0 25px; display: inline; float: left; }
#about h2                   { width: 331px; height: 38px; background: url(../images/about-header.png) no-repeat; }
#about p                    { margin: 25px 0; width: 300px; }
#about span a.newsletter    { width: 330px; height: 54px; text-indent: -9000px; float: left; background: url(../images/newsletter-download-large.png) no-repeat; }

span a.contact-us { width: 308px; height: 54px; text-indent: -9000px; float: right; background: url(../images/contact-us.png) no-repeat; }

#touch-panel,
#hand-held                      { width: 325px; height: 128px; padding-left: 135px; float: right; }
#touch-panel h3,
#hand-held h3                   { font-family: tahoma; font-size: 12px; font-weight: normal; float: left; }
#touch-panel                    { background: url(../images/touch-panel.png) no-repeat; }
#hand-held                      { background: url(../images/hand-held.png) no-repeat; }
#touch-panel div.inside,
#hand-held div.inside           { padding: 15px 0 0 10px; width: 315px; height: 87px; background-color:#090808; float: left; }
#touch-panel div.inside p,
#hand-held div.inside p         { width: 100%; clear: both; font-size: 12px; color:#bdbdbd; }
#touch-panel div.inside span a,
#hand-held div.inside span a    { width: 77px; height: 21px; margin-bottom: 10px; padding: 6px 0 0 24px; color:#ffbd54; font-size: 12px; float: right; text-decoration: underline; background: url(../images/more-info.png) repeat-y; }
#touch-panel div.inside         { margin-top: 15px; }
#hand-held div.inside           { margin-top: 21px; }

#quick-links                    { width: 330px; float: right; }
#quick-links ul                 { }
#quick-links ul li              { display: block; }
#quick-links ul li a            { margin-top: 10px; width: 330px; height: 54px; text-indent: -9000px; float: right;  }
#quick-links ul li a.contact-us { background: url(../images/contact-us-large.png) no-repeat; }
#quick-links ul li a.newsletter { background: url(../images/newsletter-download-large.png) no-repeat; }

#company        { margin: 22px 0 0 27px; width: 485px; display: inline; float: left; }
#company h2     { width: 144px; height: 20px; font-size: 16px; background: url(../images/company-header.png) no-repeat; }
#company p      { font-size: 12px; margin-top: 15px; }
#company p a    { color:#ff9933; text-decoration: underline; }
#company span   { color:#ff3300; margin-top: 15px; font-weight: bold; float: left; }

#projects           { clear: both; padding-left: 20px; }
#projects h3        { font-family: tahoma; font-size: 18px; }
#projects ul        { margin: 13px 0 25px 0; }
#projects ul li     { margin: 0 5px; }
#projects ul li a   { }

#s-listing      { padding: 0 27px; }
#s-listing h3   { font-size: 12px; color:#ff9933; font-family: tahoma; }
#s-listing p    { margin: 15px 0; font-size: 12px; }
#s-listing p a  { color:#ff9933; text-decoration: underline; }

#p-listing          { padding-left: 25px; margin: 25px 0; float: left; }
#p-listing div      { width: 260px; margin: 10px 5px; display: inline; float: left; }
#p-listing div span { text-align: center; }
#p-listing div p    { font-size: 12px; margin-top: 5px; }

#contact                    { width: 850px; float: left; }
#contact h2                 { width: 177px; height: 20px; margin: 22px 75px 0 31px; display: inline; float: left; background: url(../images/contactus-header.png) no-repeat; }
#contact p,
#contact address            { font-size: 14px; }
#contact p                  { color:#ec9c1d; margin: 15px 0 3px 0; font-weight: bold; }
#contact #l-inputs          { width: 200px; margin: 40px; display: inline; float: left; }
#contact #l-inputs div      { margin-bottom: 10px; }
#contact #r-inputs          { width: 405px; margin-top: 40px; float: left; }
#contact div label          { font-size: 12px; margin-bottom: 4px; float: left; }
#contact div input          { width: 198px; }
#contact div input.submit   { width: auto; margin-top: 10px; float: right; }
#contact div textarea       { width: 100%; height: 100px; }
#contact div span           { margin: 15px 15px 0 0; font-size: 12px; float: right; }

#affiliates                     { padding: 0 5px 35px 5px; background-color:#121110; width: 840px; float: left; }
#affiliates ul                  { text-align: center; }
#affiliates ul li               { }
#affiliates ul li a             { width: 140px; height: 60px; opacity: 0.18; filter: alpha(opacity=18); text-indent: -9000px; float: left; }
#affiliates ul li a:hover       { opacity: 1; filter: alpha(opacity=100); }
#affiliates ul li a.monster     { background: url(../images/affiliate-monster.png) no-repeat; }
#affiliates ul li a.rti         { background: url(../images/affiliate-rti.png) no-repeat; }
#affiliates ul li a.vudu        { background: url(../images/affiliate-vudu.png) no-repeat; }
#affiliates ul li a.crestron    { background: url(../images/affiliate-crestron.png) no-repeat; }
#affiliates ul li a.panasonic   { background: url(../images/affiliate-panasonic.png) no-repeat; }
#affiliates ul li a.integra     { background: url(../images/affiliate-integra.png) no-repeat; }
#affiliates ul li a.stewart     { background: url(../images/affiliate-stewart.png) no-repeat; }
#affiliates ul li a.omni        { background: url(../images/affiliate-omni.png) no-repeat; }
#affiliates ul li a.dynaudio    { background: url(../images/affiliate-dynaudio.png) no-repeat; }
#affiliates ul li a.vantage     { background: url(../images/affiliate-vantage.png) no-repeat; }
#affiliates ul li a.lutron      { background: url(../images/affiliate-lutron.png) no-repeat; }
#affiliates ul li a.sonance     { background: url(../images/affiliate-sonance.png) no-repeat; }

#bottom                 { background-color:#330000; border-top:#272523 7px solid; width: 887px; float: left; }
#bottom ul              { padding: 20px; float: left; }
#bottom ul li           { }
#bottom ul li span      { padding: 0 2px 0 4px;; }
#bottom ul li a         { }
#bottom ul li a:hover   { text-decoration: underline; }
#bottom address,
#bottom p               { font-size: 12px; width: 400px; text-align: right; float: right; }
#bottom address         { padding: 10px 20px 3px 0; color:#ffbd54; }
#bottom p               { padding-right: 20px; color:#fff; }

#footer         { width: 873px; float: left; padding: 7px; }
#footer p       { float: left; }
#footer span    { color:#ffbd54; float: right; }
#footer span a  { color:#ffbd54; text-decoration: underline; }