/* CSS Document */

body, h2, ul, li, h1, p, h3, h4, h5{
	padding:0px;
	margin:0px;
}
a {
	border:none;
	outline:none;
}
body {
	text-align:center;
	background:url(images/1.jpg);
}
.main {
	background:#FFFFFF;
}
.header {
	background:url(images/2.jpg) repeat-x;
}
.logo {
	padding:0px 0px 0px 0px;
	border:none;
	outline:none;
}
h2 {
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#ff0101;
	padding:0px 0px 0px 0px;
}
.headsub {
	color:#807f7f;
}
/*.nev ul {
	list-style-type:none;
}
.nev li {
	list-style-type:none;
	background:url(images/3.jpg) no-repeat top left;
	width:102px;
	text-align:center;
	float:right;
	margin:0px 0px 10px 10px;
	line-height:10px;
}
.nev li.active {
	list-style-type:none;
	background:url(images/3.jpg) no-repeat bottom left;
	width:102px;
	text-align:center;
	float:right;
	margin:0px 0px 10px 10px;
	line-height:10px;
}
.nev a {
	font:12px Arial, Helvetica, sans-serif;
	color:#fefefe;
	text-decoration:none;
	padding:8px 0px;
	display:block;
}
.nev a:hover {
	background:url(images/3.jpg) no-repeat bottom left;
}*/
.welcome {
	background:url(images/4.jpg) repeat-x #FFFFFF;
}
h1 {
	font:bold 30px Arial, Helvetica, sans-serif;
	color:#005bab;
	padding:22px 0px 26px 0px;
}
.welchead {
	color:#231f20;
}
.bodytext {
	font:12px Arial, Helvetica, sans-serif;
	color:#444444;
	text-align:justify;
	line-height:18px;
}
.catalogue {
	background:url(images/5.jpg) no-repeat top left;
	height:142px;
}
.catalogue ul{
list-style-type:none;
}
.catalogue li{
background:url(images/home_contactbg.gif) no-repeat;
font:bold 11px Arial, Helvetica, sans-serif;
color:#ffffff;
line-height:10px;
padding:7px 0px 8px 10px;
margin:3px 15px 0px 15px;
}
.catalogue a{
display:block;
font:bold 11px Arial, Helvetica, sans-serif;
color:#ffffff;
line-height:10px;
text-decoration:none;
padding:0px 0px 0px 0px;
}
.catalogue a:hover{
color:#cccccc;
}
h3 {
	font:18px Arial, Helvetica, sans-serif;
	color:#1179d4;
	padding:24px 0px 50px 13px;
}
h5 {
	font:18px Arial, Helvetica, sans-serif;
	color:#1179d4;
	padding:20px 0px 10px 13px;
}
.click {
	margin:0px 0px 21px 137px;
	border:none;
	outline:none;
}
.readmore {
	margin:16px 0px 0px 0px;
}
.products {
	background:#FFFFFF;
}
.productstab {
	background:url(images/8.jpg);
}
.tab {
	background:url(images/13.jpg) repeat-y;
}
h4 {
	font:18px Arial, Helvetica, sans-serif;
	color:#444444;
	padding:3px 0px 11px 11px;
}
.producttext {
	font:12px Arial, Helvetica, sans-serif;
	color:#444444;
	text-align:justify;
	line-height:18px;
	padding:14px 11px 23px 11px;
}
.productread {
	background:url(images/12.jpg) no-repeat;
	padding:0px 0px 0px 146px;
}
.rule {
	border-top:1px solid #e6e6e6;
}
.footer ul {
	list-style-type:none;
}
.footer {
	font:11px Arial, Helvetica, sans-serif;
	color:#807f7f;
	text-align:center;
}
.footer li {
	float:left;
	background:url(images/23.jpg) no-repeat center right;
}
.footer li.close {
	float:left;
	background:none;
}
.footer a {
	font:11px Arial, Helvetica, sans-serif;
	color:#807f7f;
	text-decoration:none;
	padding:5px 12px;
	display:block;
}
.footer a:hover {
	color:#333333;
}
.aboutimage {
	float:left;
	padding:0px 30px 20px 0px;
}
.commercial_building {
background:#f1f1f1;
}
.commercial_content_bg {
background:#ffffff;
border-top:1px solid #b7b7b7;
border-left:1px solid #b7b7b7;
padding:5px 0px;
}
.commercial_content_bg ul{
list-style-type:none;
}
.commercial_content_bg li{
background:url(images/bullet.jpg) no-repeat 12px 7px;
font:12px Arial, Helvetica, sans-serif;
color:#444444;
line-height:14px;
padding:6px 0px 6px 35px;
}
.engineering_label {
font:12px Arial, Helvetica, sans-serif;
color:#444444;
}
.engineeringfield {
width:250px;
}
.engineeringfielda {
width:170px;
}
/*-------dropdownmenu-------*/
#navigation ul#nav {
	z-index: 5000;
	/*background: #555 ;*/
	font:normal 12px Arial;  
	color:#FFF;
	margin:17px 0px 0px 0px;
}

#navigation ul#nav li {
    list-style:none;
	position: relative;
	float: left;
	text-align: center;
    width:102px;
	height:31px;

}
#navigation ul#nav li.separetor {
	background-image:url(images/separetor.gif);
	background-repeat:no-repeat;
	width:10px;
	height:31px;
	padding:0px;
	margin:0px;
}

#navigation ul#nav li a {	
	display: block;
	float:left;
	width:102px;
	height:31px;
    padding: 10px 0px 0px 0px;
	font:normal 12px Arial;  
	color:#FFF;
	text-decoration: none;
	text-align: center;
	background-image:url(images/normal.gif);
	background-repeat:no-repeat;
}

#navigation ul#nav li a span {
	padding:0px;
   /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}

#navigation ul#nav  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
	width:130px;
    padding: 0px;
    background:#353334;
	}

#navigation ul#nav  li:hover ul,
#navigation ul#nav  li.over ul /* This is for Internet Explorer 6  */
{
    display: block;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 4000;
    width: 146px;
	
}

#navigation ul#nav  li ul li {
    width: 146px;
	background: transparent;
	text-indent: 0;
	padding: 0;
	}

#navigation ul#nav  li:hover ul li a,
#navigation ul#nav  li.over ul li a {
    display: block;
    width:146px;/*this is to adjust if used some background image for dropdown */
    background: #353334;
    padding: 5px 0px 0px 0px;
    text-decoration: none;
    margin: 0px;
    color: #eee;
    text-indent: 0;
    text-align:center;
    }

#navigation ul#nav li ul li a:hover
{
    display: block;
    width:146px;/*this is to adjust if used some background image for dropdown */
    background: #1279D5;
    padding: 5px 0px 0px 0px;
    text-decoration: none;
    margin: 0px;
    color: #eee;
    text-indent: 0;
    text-align:center;
}

#navigation ul#nav li a:hover
{
	background-image:url(images/hover.gif);
	background-repeat:no-repeat;
	height:31px;
	text-align:center;

	
}
#navigation ul#nav li.active a
{
	background-image:url(images/hover.gif);
	background-repeat:no-repeat;
	height:31px;
	text-align:center;
}

/*-----dropdownmenu----*/