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

html {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
height:100%;
}

body {
margin:0;
padding:0;
background:#000;
height:100%;
}

.fixer {
clear:both;
}

.centerImage {
text-align:justify;
}

.h1heading {
margin:0;
}

div#headContain {
background:url(images/headerBG.gif) top left repeat-x;
}

p#aboutcontact {
margin:0;
padding:8px 0 5px 0;
text-align:right;
font-size:12px;
}

p#aboutcontact a {
color:#666;
}

p#aboutcontact a:hover {
color:#fff;
}

div#header {
width:780px;
margin:0 auto 0 auto;
}

img#logo {
float:left;
margin:0 0 0 5px;
border:0;
}

div#container {
width:780px;
margin:0 auto 0 auto;
}

div#container div#leftColIndex {
width:523px;
}

div#container div#rightCol {
width:475px;
float:right;
padding-right:25px;
}

div#container div#leftColIndex p, div#container div#rightCol {
line-height:22px;
font-size:14px;
text-align:justify;
margin-left:3px;
margin-right:5px;
}

div#container div#rightColIndex {
width:240px;
float:right;
margin-top:25px;
}

div#container div#rightColIndex img {
border:0;
}

.breakLine {
border-bottom:1px dashed #444;
margin:10px 0;
}

/* TOP NAVIGATION BUTTONS WITH HOVER EFFECTS */

ul.main_nav {
list-style-type:none;
margin:0 5px 0 0;
padding:0 0 0 0;
float:right;
}

ul.main_nav li{
display:inline;
}

a.nav1 {
margin:0 0 0 10px;
padding: 0;
float: left;
text-decoration:none;
width:79px;
height:86px;
color:#fff;
background:url(images/hometheatreButton.gif) top no-repeat;
}

a.nav1:hover {
background:url(images/hometheatreButton.gif) bottom no-repeat;
}

a.nav2 {
margin:0 0 0 10px;
padding: 0;
float: left;
text-decoration:none;
width:79px;
height:86px;
color:#fff;
background:url(images/homesecurityButton.gif) top no-repeat;
}

a.nav2:hover {
background:url(images/homesecurityButton.gif) bottom no-repeat;
}

a.nav3 {
margin:0 0 0 10px;
padding: 0;
float:left;
text-decoration:none;
width:91px;
height:86px;
color:#fff;
background:url(images/homeautomationButton.gif) top no-repeat;
}

a.nav3:hover {
background:url(images/homeautomationButton.gif) bottom no-repeat;
}
 
a.nav4 {
margin:0 0 0 10px;
padding: 0;
float:left;
text-decoration:none;
width:105px;
height:86px;
color:#fff;
background:url(images/multiroomButton.gif) top no-repeat;
}

a.nav4:hover {
background:url(images/multiroomButton.gif) bottom no-repeat;
}

a.nav5 {
margin:0 0 0 10px;
padding: 0;
float:left;
text-decoration:none;
width:96px;
height:86px;
color:#fff;
background:url(images/wiringButton.gif) top no-repeat;
}

a.nav5:hover {
background:url(images/wiringButton.gif) bottom no-repeat;
}

/* The CSS that's required to position the footer */
#nonFooter
{
position: relative;
min-height: 95%;
}

* html #nonFooter
{
height: 100%;
}

#footer
{
position: relative;
margin: 0 auto 0 auto;
background:url(images/footerBG.gif) top left repeat-x;
height:97px;
text-align:center;
}
#footer p {
padding-top:35px;
margin:0;
font-size:12px;
}
#footer p a {
color:#fff;
text-decoration:none;
}
#footer p a:hover {
border-bottom:1px dashed #fff;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer
{
margin-top: -5px;
}

/* THIS IS FOR THE ROUNDED CORNERS */
div#leftColInfo {
width:252px;
float:left;
margin-top:10px;
}
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#232323; margin:0 5px;}
.b2f {height:1px; background:#232323; margin:0 3px;}
.b3f {height:1px; background:#232323; margin:0 2px;}
.b4f {height:2px; background:#232323; margin:0 1px;}
.contentf {background: #232323;}
.contentf div {margin-left: 5px;}
.contentf div p {
margin:0;
font-size:12px;
padding:5px 8px 5px 5px;
line-height:19px;
text-align:justify;
}

p#sectionImageHolder {
width:240px;
margin:10px auto 0 auto;
padding-left:3px;
}

p#sectionImageHolder img {
border:0;
}

P.brandLogos {
text-aling:justify;
}

P.brandLogos img {
padding:2px 4px;
border:0;
}

table#contactForm {
border:1px solid #494949;
margin-top:10px;
padding-bottom:10px;
}

table#contactForm .labels {
text-align:right;
padding-right:10px;
}