@charset "utf-8";
/* CSS Document */

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
*********************************************************/
body {background:#fff; font-family:Tahoma, Geneva, sans-serif}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
/*a {color:#3366FF; font-weight:normal; text-decoration:none}
a:hover {color:#3366FF; text-decoration:underline}*/
img {border:none}
/*ul {list-style:none; padding:0; margin:0}*/

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
/*100% css here*/
#logo-bg-re{width:100%; height:114px; background-image:url(../images/logo-bg.jpg);}
#head-bg{width:100%; height:459px; background:url(../images/head-bg.jpg) repeat-x;}
#menu-bg-re{width:100%; height:47px; background:#973721;}
#bottom-bg-re{width:100%; height:32px; background:#5a616b}
#content-main{width:100%; height:731px; background:#fff;}
#service-main{width:100%; height:228px; background:url(../images/ser-bg.jpg) repeat-x;}
#footermain{width:100%; height:58px; background:#973721}
#comany-main{width:100%; height:auto; bottom:0; background:#fff;}
#companys-main{width:100%; height:820px; background:#fff;}
#enquiry-main{width:100%; height:770px;  background:#fff;}
#contact-main{width:100%; height:730px;  background:#fff;}
#fire-main{width:100%; height:580px;  background:#fff;}
#Sprinkler-main{width:100%; height:530px;  background:#fff;}
#fm-main{width:100%; height:600px;  background:#fff;}
#maintenace{width:100%; height:600px;  background:#fff;}
#clients-main{width:100%; height:2750px; background:#fff;}
#project-main{width:100%; height:450px; background:#fff;}

/*menu*/
#menu-bg{width: 998px; height:47px; margin: 0 auto; padding: 0px 0 0; list-style: none; z-index: 999;}
#menuline{width:2px; height:47px; background:#973721 url(../images/menu-line.jpg) right no-repeat;}
#menu ul {
    width:998px;
    margin:0;
    padding:0;
}
#menu ul li{ 
    height:47px;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    position:relative;

    line-height:47px;
	background:#973721 url(../images/menu-line.jpg) right no-repeat;
}
#menu ul li a{
    text-align:center;
    color:#ffffff;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
    height:47px;
    width:120px;
    display:block;
}
#menu ul li a:hover{
    color:#973721;
}
#menu ul ul{
    position:absolute;
    visibility:hidden;
}
#menu ul li ul
{
	width:120px;
}
#menu ul li ul li
{
	 height:47px;
    margin:0;
    padding:0;


}
#menu ul li:hover ul{
    visibility:visible;
}
#menu li:hover{
background:url(../images/hover-bg.jpg) right repeat;
/*
background: -moz-linear-gradient(#F7D828, #C8A437); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7D828), color-stop(100%,#C8A437)); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F7D828),color-stop(1, #C8A437));	
background: -webkit-linear-gradient(#F7D828, #C8A437);	
background: -o-linear-gradient(#F7D828, #C8A437);
background: -ms-linear-gradient(#F7D828, #C8A437);
background: linear-gradient(#F7D828, #C8A437);*/
}


/*998px css here*/
#logo-bg{margin:0 auto; height:114px; width:998px; background-image:url(../images/logo-bg.jpg);}
#head-main{width:998px;  height:459px; margin:0 auto}
#top{width:998px; height:118px; margin-top:2px; margin-bottom:2px}
#logo{height:114px; width:300px; float:left; margin-top:0px;} 
.view-all{height:60px; width:220px; float:left; margin-left:80px; margin-top:20px; background:url(../images/view-all.jpg) no-repeat;} 
#top_links{width:698px; float:left; height:114px;}
.top_link{font-family:Verdana, Geneva, sans-serif; font-size:7pt; color:#000000}

.login-txt{width:250px; height:60px; float:left; margin-left:8px; margin-top:10px; line-height:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:#060;}
.log-iner{width:250px; height:95px; float:left; margin-left:5px; _margin-left:2px margin-top:0px;  background:#960;}
.txt{_float:left; margin-left:4px; _margin-left:1px; margin-top:12px; width:70px; height:20px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:#060;}
.inputs{width:160px; height:14px; float:right; background:#060; }
.new-user{width:60px; height:14px; float:right; margin-right:6px; margin-top:10px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; background:#060;}
.log{width:40px; height:14px; float:right; margin-right:6px; margin-top:10px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; background:#060;}
#flash{width:998px;  height:300px; margin:0 auto}
#bottom-bg{width:998px; height:32px; margin: 0 auto; padding: 0px 0 0; list-style: none; z-index: 999; background:#5a616b;}
.box{_float:right; height:14px; margin-right:4px; margin-top:10px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:#C00;}


.login-bg{width:260px; height:105px; float:right; background:url(../images/login-bg.jpg) no-repeat;}

.iner{width:250px; height:95px; float:left; padding-left:10px; 
}
.mem{float:left; height:14px; width:70px; margin-left:4px; margin-top:8px; line-height:22px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; 
}

.newuser{float:right; height:14px; width:160px; margin-right:6px; margin-top:10px;  
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline;
}
.a2{float:right; height:14px; width:160px; padding:6px; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline;
}

#head-bg{width:100%; height:347px;
}



.flotl{float:left;}
.flotr{float:right;}
.padding{padding:8px;}
.color{color:#600;}
.color:hover{color:#09F; text-decoration:none;}
.link{font-weight:bold;}

.search{width:460px; height:32px; float:right; padding-right:10px;}
.search-bg{width:350px; height:32px; float:left; padding:5px; background:url(../images/search-bg.png) no-repeat;}
.search-icon{width:32px; height:32px; float:right; background:url(../images/search-icon.png) no-repeat;}
.search-txt{float:left; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:14pxpx; font-weight:bold; color:#ffffff;}
.search-box { border:1px solid transparent; }
.login-box {margin:5px; float:right; margin-right:10px;}
#container{width:998px; height:auto; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.container-l{width:730px; float:left; height:auto; margin:auto; padding-top:10px; line-height:20px;}
.container-re{width:260px; height:auto; margin:auto; float:right; padding-top:4px;}

.hofform{width:195px; height:208px; float:left; background:url(../images/hof-forms.jpg) no-repeat;}

.con-form{ width:530px; float:right;}

.top{width:260px; height:36px; background:url(../images/forms.jpg);}
.mid{padding-bottom:0px;  border:1px solid #CCCCCC; border-top:none; line-height:22px;}

.clear{clear:both;}

.formlist {list-style-image:url(../images/bullet.jpg); padding-left:30px;}
	
.formlist li{background:url(../images/form-line.jpg) bottom no-repeat; padding-top:2px; padding-left:5px;}

	
.getq{width:189px; height:30px; }
.getq2{width:189px; height:20px; }
.get-tex{width:87px; height:20px; float:left;  font-family:Verdana, Geneva, sans-serif; font-size:7pt; color:#000000}
.download{width:62px; height:20px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:7pt; color:#000000}
.login{width:40px; height:20px;float:left;font-family:Verdana, Geneva, sans-serif; font-size:7pt; color:#000000}
.bficon{margin-right:10px;}



#footer{width:998px; height:33px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF}
#footer-left{width:499px; height:33px; line-height:33px; float:left}
.kat{text-decoration:none; color:#fff}
.kat a{text-decoration:none; color:#fff}
a:hover.kat {text-decoration:underline; color:#fff}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */