/* CSS Document */

* {
	padding:0;
	margin:0;
}

body {
background-attachment:scroll;
background-image:url(../images/gradient_bg.gif);
background-repeat:repeat-x;
text-align:center;
}

#top{
background-repeat: repeat-x; 
width:100%; 
height:131px; 
position: fixed; 
top:0px; 
left:0px;
z-index:2;
}

#logo {
	margin:0 auto;
height:112px;
top:0px;
text-align:left;
}

#topcontainer
{
	padding:0;
	margin: 0 auto;
	margin-left:-475px;
	position:fixed;
	left:50%;
	height:112px;
    top:0px;
	z-index:3;
}

#container
{
    margin:0;	
	margin-left: auto;
	margin-right: auto;
    position: relative;
    width: 950px;
    top:10em;
	min-height:100%;
	height:100%; /* IE height */
	text-align:center;
}

#nav
{
z-index:3;
margin:0 auto;
margin-top:0px;
position: relative;
width:950px; /* IE width */
height:131px;
text-align: left;
}


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:lighter;
color: #CC0000;
line-height:2px;
}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
font-style:italic;
font-weight:100;
color:#000000;
line-height:2px;
}


h3 {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:8pt;
color: #000000;
line-height:2px;
}


h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
font-style:italic;
font-weight:lighter;
color:#000000;
line-height:2px;
}


h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:lighter;
color:#000000;
line-height:30px;
margin-left:10px;
}


h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}

table {
margin-right:auto;
margin-left:auto;
margin-top:auto;
}

a:link {
color:#990000;
}

a:visited {
color:#FF0000;
}

a:hover {
color:#000099;
}

a:active {
color:#3399FF;
}

p {margin:0; padding:0;
}

.links{
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:lighter;
color: #CC0000;
line-height:2px;
}

.link {
color:#FFFFFF;
text-align: center;
font-family: Verdana,san-serif;
font-size: 12pt;
}

.homebttn{
background-image:url(../images/home_bttn_down.gif);
text-decoration:none;
height:19px;
width:89px;
position:absolute;
bottom:0px;
left:0px;
}

.homebttn:hover{
background-image: url(../images/home_bttn_over.gif);
}

.aboutbttn{
background-image: url(../images/about_bttn_down.gif);
text-decoration: none;
height:19px;
width:85px;
position:absolute;
bottom:0px;
left:89px;
}

.aboutbttn:hover{
background-image: url(../images/about_bttn_up.gif);
}

.contactbttn{
background-image: url(../images/contact_bttn_down.gif);
text-decoration: none;
height:19px;
width:90px;
position:absolute;
bottom:0px;
left:174px;
}

.contactbttn:hover{
background-image: url(../images/contact_bttn_over.gif);
}

.faqbttn{
background-image: url(../images/faq_bttn_down.gif);
text-decoration: none;
height:19px;
width:90px;
position:absolute;
bottom:0px;
left:264px;
}

.faqbttn:hover{
background-image: url(../images/faq_bttn_over.gif);
}

.linksbttn{
background-image: url(../images/links_bttn_down.gif);
text-decoration: none;
height:19px;
width:88px;
position:absolute;
bottom:0px;
left:354px;
}

.linksbttn:hover{
background-image: url(../images/links_bttn_over.gif);
}

.distributebttn{
background-image: url(../images/security_bttn_down.gif);
text-decoration: none;
height:19px;
width:200px;
position:absolute;
bottom:0px;
left:442px;
}

.distributebttn:hover{
background-image: url(../images/security_bttn_over.gif);
}

.contractorbttn{
background-image: url(../images/hvac_bttn_down.gif);
text-decoration: none;
height:19px;
width:156px;
position:absolute;
bottom:0px;
right:0px;
}

.contractorbttn:hover{
background-image: url(../images/hvac_bttn_over.gif);
}
 
 /* position:fixed */
 .outer { position:fixed; top:0; left:0; width:100%; height:112px; z-index:5; text-align:center}
 
 /* certering */
 .middle { height:100%; display:table; margin:0 auto; }
 .inner { vertical-align:top; display:table-cell; z-index:5; white-space:nowrap; }