html,
body {
   margin:0;
   padding:0;
   height:100%;
   background-color:#666666;
}

img.preload{
visibility:hidden;
display:none;
}	

.blackBorder { border:1px solid #000000;}

a:link {
	color: #FF6600;
	text-decoration:none;
}
a:visited {
	color: #FF6600;
	text-decoration:none;
}
a:hover {
	color: #FF0000;
	text-decoration:none;
}
a:active {
	color: #FF6600;
	text-decoration:none;
}



#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#000;
   padding:15px;
}
#body {
padding-left:10%;
padding-top:20px;
padding-bottom:60px;   /* Height of the footer */
}

#content {
border:2px solid #000000;
width:991px;
background-color:#FFFFFF;
background-image:url(../layout/contentbg.jpg);
background-repeat:repeat-y;
}


/* Header */
#headerBG {
background-image:url(../layout/header_bg.jpg);
width:991px;
height:69px;
}




.shieldImage {
position:absolute;
left:9.4em;
top:2em;
}
/*end Header */


/*Nav */
#NavBG {
float:left;
width:194px;
background-color:#181818;
background-image:url(../layout/navbg.jpg);
background-repeat:no-repeat;
min-height:434px;
border-right: 1px solid #000000;
}

#nav {

width:194px;
display:block;
position:relative;
margin-left:-40px;
margin-top:40px;
}

#nav ul.list {
height: 22px;
width: 194px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10PX;
line-height: 20px;
color:#FFFFFF;
list-style:none;
display:block;
position:relative;

}



#nav ul.list li {
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-color:#000000;
border-top:1px solid #333333;
margin-bottom:0px;
*margin-bottom:-2px;



}


#nav ul.list li.contact {
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-color:#000000;
border-top:1px solid #333333;
border-bottom:1px solid #333333;

}

#nav ul.list li a {
color:#ffffff;
text-align: left;
padding: 0px 15px;
*padding: 1px 15px;
display: block;
float: left;
height: 22px;
text-decoration:none;
}

#nav ul.list li a:hover {
color:#000;
text-align: left;
padding: 0px 15px;
*padding: 1px 15px;
display: block;
float: left;
height: 22px;

}





#nav ul.list li.sprinkler:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/1n.jpg);

}


#nav ul.list li.inspections:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/2n.jpg);

}


#nav ul.list li.alarms:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/3n.jpg);

}


#nav ul.list li.suppression:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/4n.jpg);

}


#nav ul.list li.ext:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/5n.jpg);

}


#nav ul.list li.hood:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/6n.jpg);

}



#nav ul.list li.mon:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/7n.jpg);

}


#nav ul.list li.fab:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/8n.jpg);

}

#nav ul.list li.parts:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/9n.jpg);

}


#nav ul.list li.about:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/10n.jpg);

}


#nav ul.list li.employment:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/11n.jpg);


}


#nav ul.list li.contact:hover{
text-align: left;
display:block;
position:relative;
height: 22px;
width:194px;
background-image:url(../layout/12n.jpg);
}

/*end Nav */


/*Content */
#contentArea {
width:991px;
background-color:#FFFFFF;
background-image:url(../layout/contentbg.jpg);
background-repeat:repeat-y;
}


#contentAreaHome {
float:left;
width:566px;
background-color:#FFFFFF;
min-height:434px;
margin:0 auto;
background-image:url(../layout/home_content_bg.png);
background-repeat:no-repeat;
background-position:bottom right;
}


#contentAreaContact {
float:left;
width:566px;
background-color:#FFFFFF;
min-height:434px;
margin:0 auto;
}

#teasersp0s {
float:left;
width:229px;
background-color:#FFFFFF;
min-height:434px;
margin:0 auto;
border-left:1px solid #000;
}


#teasers {
background:url(../layout/teasers/teaserbg.jpg) no-repeat;
width:229px;
height:144px;
}


#teasers h1{
margin:0;
padding: 8px 5px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6600;
text-transform:uppercase;
}


#teasers p{
margin:0;
padding:10px 0px 0px 0px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
line-height:10px;
width:120px;
}

#teasers .pic {
margin-left:10px;
margin-top:10px;
border:1px solid #000000;
}

#more {
width:75px;
height:19px;
display:block;
margin-left:146px;
margin-top:95px !important;
}


#more a{
width:75px;
height:19px;
display:block;
background-image:url(../layout/more_off.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:10px;
text-decoration:none;
padding-left:23px;
padding-top:2px;

}


#more a:hover{
width:75px;
height:19px;
display:block;
background-image:url(../layout/more_on.png);
background-repeat:no-repeat;
color:#000;

}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
line-height:20px;
margin-left:10px;

}

.text {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
line-height:20px;
}


#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:20px;
margin-left:13%;
padding-top:10px;
*padding-top:0px;
}

#copyright a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}

#copyright a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
}




#players {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
line-height:5px;
margin-left:35%;
*margin-left:28%;
padding-top:4px;

padding-bottom:4px;
}

#players a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
}

#players a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-decoration:none;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin-left:10px;
font-weight:bold;
color:#333333;
*padding-top:10px;
*margin-bottom:-10px;
}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#333333;
margin:0;
}

.bottomLogoHome {
width:46px;
height:53px;
margin-left:516px;
margin-top:-40px;
*margin-top:-33px;
}



.hidden{display:none;}

.jibber {
width:150px;
height:40px;
margin-left:10px;
margin-top:59px;
*margin-top:50px;
padding-bottom:10px;
}


.jibber1 {
width:150px;
height:40px;
margin-left:10px;
margin-top:2px;
}

.jibberfont {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
}

a {
outline: 0;
} 

.borderBottom {
border-bottom:1px solid #000;}

.jibberheader {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
text-decoration:underline;
}

.lineStyle {
width:545px;
margin-left:10px;
padding-top:2px;
padding-bottom:0px;
height:1px;
}


.left12 {
margin-left:10px;
}
/*end Content */


#bottomNav {
font-family:Arial, Helvetica, sans-serif;
font-size:.54em;
*font-size:9px;
color:#000000;
margin-left:14px;
width:970px;
margin-top:2px;

}

#bottomNav a {
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
text-decoration:none;
border-right:1px solid #000000;
border-bottom:1px solid #000;
padding: 0 4px;
}


#bottomNav a.one {
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
text-decoration:none;
border-right:1px solid #000000;
border-left:1px solid #000000;
padding: 0 4px;
}

#bottomNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#ffffff;
text-decoration:none;
}


#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#000;
}