@charset "utf-8";

html { background: #000000; }

body { margin: 0px; padding: 0px; font: 12px Verdana, Geneva, sans-serif; text-align:center; color: #D8D8D8; background: #000; }

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


acronym { border-bottom: 1px dashed #999; }
/*--------------------------Block elements----------------------------------------------------------------*/
#container { height: auto; width: 980px; position: relative; text-align:left; margin: 10px auto 100px; padding-bottom:50px; }

#divHeader { position: relative; height: 100px; width: 100%; margin: 0px; padding: 0px; }

#divNav { position: relative; height: 28px; z-index: 1000; background: #202020; padding-left: 32px; }

#divBanner { height: auto; width: 100%; background: transparent; margin-bottom: 35px; }

#divMainContent { position: relative; background: #292929; top: 0px; }
th { text-align: left; }
#contact  #divMainContent { background: #292929; }

th { text-align: left; }                     

#home #divMainContent { margin: 0px; padding: 0px; background: #292929; height:500px }
#divCentreBlock  { padding: 0px 0px 25px; margin: 0px 25px; }
#about  #divCentreBlock { background: url(../images/media-design-inc-team.jpg) no-repeat 15px 12px; padding-left: 278px; margin-right: 90px; height: 320px; }


#home #divBanner { width: 100%; background: #292929 url(../images/bannerbg.jpg) no-repeat; margin: 0; padding: 0px; }

#divFooter { color: #666; font-size: 10px; clear: both; height: 45px; background: #333 url(../images/bg-footer.png) no-repeat 800px center; margin-bottom:25px; }
div#topNav { position: absolute; width: 155px; top: 13px; text-align: right; margin: 0px; padding: 0px; left: 817px; }

/*------------------------------------------Hx elements----------------------------------------------------------*/
h1 {url(../images/h1-home.png); text-indent: -9999px; }


h2 { color: #FFFFFF; }
#solutions #li2 a { }


h1.h1Header { margin: 0px; padding: 0px; width: 100%; height: 100px; background: url(../images/header-logo.png) no-repeat 0px -45px; text-indent: -9999px; }

h3 { background: url(../images/h-technical.png) no-repeat 65px center; height: 35px; text-indent: -9999px; margin-top: 15px; margin-bottom: 10px; }

/*--------------------------------------text styles*--------------------------------------------------------------*/
p { line-height: 1.5em; margin: 0px; padding: 0px; }

p.pBelowList { clear: both; }

span.spanId { text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.rightAlign { text-align: right; }

.alignCtr { text-align: center; }

.textEmphasis { font-weight: bold; color: #FFFFFF; }

.formText { color: #FFFFFF; background: #333333; }

/* ----------------- thumbnail formatting ---removed images 8th May using text links-------------------*/


#divMainContent #thumbs { height: 23px; padding-top: 13px; padding-left: 160px; background: #202020 url(../images/bg-solutions-navlines.png) no-repeat 132px -3px; }

#divMainContent #thumbs a:link { color: #999; }
#divMainContent #thumbs a:visited{ text-decoration: none;  color: #666;}
#divMainContent #thumbs a:active { color: #999; }
#divMainContent #thumbs a:focus { color: #999; }

/* ----------------- parent container formatting ------------------*/
#divMainContent #panelContainer { width: 980px; background: #292929; margin: 0 auto; padding: 0px 0px 10px; }


/*----------------------link styles-----------------------------------------------------------------------*/
a:link { color: #CCC; text-decoration: underline; }

a:visited { color: #666; text-decoration: underline; }

a:hover { color: #FFF; text-decoration: none; }

a:active { color: #78C63C; text-decoration: underline; }



form { margin-top: 2em; }

#home #divMainContent h1 { height: 40px; width: auto; background: url(../images/h1-home.png) no-repeat -15px 15px; margin-top: 0px; padding-top: 15px; }

#about #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-about.png) no-repeat 0px 15px; margin-top: 0px; padding-top: 15px; }

#careers #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-careers.png) no-repeat 0px 15px; margin-top: 0px; padding-top: 15px; }

#testimonials #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-testimonials.png) no-repeat 0px 15px; margin-top: 0px; padding-top: 15px; }

#solutions #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-solutions.png) no-repeat -5px 15px; margin: 0px; padding: 0px; }

#contact #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-contact.png) no-repeat 0px 15px; margin-top: 0px; padding-top: 15px; }

#portfolio #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-portfolio.png) no-repeat 0px 15px; margin-top: 0px; padding-top: 15px; }

#commercial #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-commercial.png) no-repeat 0px 15px; margin-top: 0px; padding-top: 15px; }

#resources #divMainContent h1 { height: 45px; width: auto; background: url(../images/h1-resources.png) no-repeat -5px 15px; margin-top: 0px; padding-top: 15px; }
#tabResources td { width: 33%; }


#careers #divCentreBlock #divInnerBlock { margin: 0px 0px 25px 220px; }





.fltlft { float: left; }
span#contextid1 { background: url(../images/membership-logo.png) no-repeat 0px 25px; height: 150px; display: block; }

#apDiv1 { position:absolute; width:318px; height:127px; z-index:1; visibility: visible; left: 560px; top: 61px; }

#apDiv2 { position:absolute; width:147px; height:115px; z-index:1; left: 49px; top: 569px; color: #E9E9E9; }
#apDiv3 { position:absolute; width:367px; height:115px; z-index:1; left: 393px; top: 232px; color: #E9E9E9; }
#apDiv4 { position:absolute; width:306px; height:142px; z-index:1; left: 397px; top: 569px; }


#divCentreBlock p { margin-top: 0px; padding-top: 10px; padding-bottom: 5px; }

#divFooter p { padding-left:15px; padding-top:15px; color: #666; text-decoration: none; font-size: 0.9em; }

#divFooter .pBlock a {display: block;  color: #666; text-decoration: none; margin-bottom:25px;}

#divFooter p a { color: #666; text-decoration: none; }

#divFooter .pLink a { color: #666; text-decoration: none; }

#testimonials #divCentreBlock  { background: url(../images/bg-testimonials.jpg) no-repeat center 35px; height: 750px; }

#testimonials  #divCentreBlock #divInnerCentre { position: relative; height: 770px; color: #FFF; }

#contact  table { margin: 50px auto 100px; }

#commercial #divCentreBlock { height: auto; }

.fltlftcedia { margin: 15px 15px 55px 0px; float: left; }

#solutions #panel0 h2 { text-indent: -9999px; background: url(../images/h2-home-theater.png); height: 35px; }


#solutions #panel1 h2 { text-indent: -9999px; background: url(../images/h2-home-theater.png) no-repeat 45px 10px; height: 45px; }

#solutions #panel2 h2 { text-indent: -9999px; background: url(../images/h2-video-solutions.png) no-repeat 35px 10px; height: 45px; }

#solutions #panel3 h2 { text-indent: -9999px; background: url(../images/h2-phones.png) no-repeat 35px 10px; height: 45px; }

#solutions #panel4 h2 { text-indent: -9999px; background: url(../images/h2-lighting.png) no-repeat 35px 10px; height: 45px; }

#solutions #panel5 h2 { text-indent: -9999px; background: url(../images/h2-whole-house.png) no-repeat 35px 10px; height: 45px; }

#solutions #panel6 h2 { text-indent: -9999px; background: url(../images/h2-control-systems.png) no-repeat 35px 0px; height: 35px; }

#home  #divCentreBlock { }

#divMainContent #thumbs a { text-decoration: none; padding-left: 20px; }

#divMainContent #thumbs a:hover { text-decoration: none; color: #ccc; }



#resources #tabResources  a:link { color: #999; }

#resources #tabResources a:visited { color: #666; }


#resources #tabResources a:active { color: #999; }

#resources #tabResources a:hover { color: #72C537; text-decoration: none; }

#about  #divCentreBlock { }
span#spanBrh { width: 285px; display: block; float: right; font-size: 10px; padding: 5px 18px 5px 5px; text-align: right; margin-top: -25px; position: absolute; right: 88px; top: 262px; }

#divMembership { margin: 0px 0px 0px 34px; padding: 0px; }

#home #divCentreBlock { padding-bottom: 25px; }

#about #divMainContent { }

#solutions #divSolutionsBody { background: #292929; padding-right: 25px; padding-left: 25px; }

#resources #tabResources tr { vertical-align: top; }

#commercial #divCentreBlock { padding-left: 15px; background: url(../images/bg-commercial.jpg) no-repeat; padding-right: 15px; margin: 0px; padding-top: 0px; position: relative; }
#solutions .article #thumbs #Home { display: none; }

#about #container #divMainContent { height: auto; }

span.underline { text-decoration: underline; }

#solutions #container #divMainContent #divCentreBlock { margin: 0px; }

#container #divMainContent #divMembership #membership { margin-top: 22px; }
#about #container #divMainContent #divMembership { }



#about p.pTop { margin-top: 55px; }

#about #divAboutTextBox { padding-left: 15px; padding-top: 5px; }
.ulContact { line-height: 1.8em; }

#resources  #divCentreBlock div p { padding-left: 10px; padding-bottom: 16px; }

#about #container #divMainContent #divMembership { padding-top: 0px; margin: 0px; padding-left: 37px; padding-bottom: 25px; }

/*#solutions #container #divNav #MenuBar1 li #li2 { color: #666; background: url(../images/bg-nav-select.png) no-repeat left center; }*/

span.lose { display: none; background: #F00; }

p.topSpace { margin-top: 50px; background: #F00; }

#solutions  #panel0 .topSpace { padding-top: 65px; }

#home  div.HomeRight { background: url(../images/bg-about-CentreBlock.jpg) no-repeat right bottom; position: absolute; height: 199px; width: 284px; left: 680px; top: 263px; font-size: 10px; }

#home  .HomeRight p { padding: 25px; }

p.commercialTop { padding-top: 300px; }

#commercial  #divCentreBlock .commercialTop { padding-top: 200px; width: 50%; }

#commercial #divCentreBlock .commercial50Left { padding-top: 15px; width: 50%; padding-bottom: 35px; }

#commercial #divCentreBlock #apDiv5 p { padding-right: 220px; font-size: 10px; padding-top: 37px; }

#products #divCentreBlock  h1 { background: url(../images/h1-products.png) no-repeat; height: 45px; }

#products  table  td { width: 33%; text-align: center; }

#products  #divCentreBlock  table  a img { border-width: 0px; border-style: none; }

#oops #container #divMainContent { height: 600px; }

#oops #container #divMainContent #divMembership { margin-top: 1em; }

div.divLose { display: none; }