/* CSS Document */

/*..................Main structure.................................*/
#logo {
	position: absolute;
	top: 25px;
	left: 15px;
	background: width="175px" height="115px";
	}
#isobsi {
	position: absolute;
	top: 25px;
	right: 10px;
	background: width="193px" height="75px";
	}
#topleft {
	position: absolute;
	top: 3px;
	padding: 0;
	left: 6px;
	width: 60%;
	height: 6px;
	background-color: #cc0000;
	}

#contents {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
}
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

#topright {
	position: absolute;
	top: 3px;
	padding: 0px;
	right:6px;
	width: 60%;
	height: 6px;
	background-color: #cc0000;
	}
	
#botleft01 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 720;
	}
#botleft02 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 946px;
	}

#botleft03 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft04 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft05 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 1600px;
	}

#botleft06 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 700px;
	}

#botleft07 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 790px;
	}

#botleft08 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 984px;
	}

#botleft09 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft10 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 951px;
	}

#botleft11 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 1335px;
	}

#botleft12 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 7px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 795px;
	}

#botleft13 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 1130;
	}

#botleft14 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 2256px;
	}

#botleft15 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft16 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft17 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft18 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 2950px;
	}

#botleft19 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft20 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft21 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 962px;
	}

#botleft22 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 1314px;
	}

#botleft23 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}

#botleft24 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 1706px;
	}

#botleft25 {
	position: absolute;
	bottom: 3px;
	padding: 3px;
	left: 6px;
	width: 99%;
	height: 30px;
	background-color: #cc0000;
	font: 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	top: 680px;
	}


#botright {
	position: absolute;
	bottom: 3px;
	padding: 0px;
	right:6px;
	width: 50%;
	height: 30px;
	background-color: #cc0000;
	}

	
#centre {
	position: absolute;
	right: 0px;
	left: 190px;
	top: 133px;
	background: #ffffff;
	padding: 0px;
	font: large Arial, sans-serif;
	color: #000000;
}
#spacer {
	position: relative;
	height: 100%;
	background:  url(images/spacer.gif) repeat-y;
	}
	
#banner {
	padding: 0px;
	margin: 0px 6px 0px 0px;
	background: url(images/bannerstrip.jpg)  repeat-x;
	width:100%;
	height: 180px;
}
	
#pressure{
	padding: 0px;
	margin: 0px;
	background: url(images/pressure.jpg)  no-repeat;
	width:230px;
	height: 200px;
	border: 1px solid #999999;
	background-position:right;
}
#whiteback{
	padding: 0px;
	margin: 0px;
	background: url(images/white.jpg)  no-repeat;
	width:350px;
	height: 150px;
	border: 1px solid #999999;
	background-position:right;
}

#clogo{
	padding: 10px;
	margin: 0px;
	border: 1px solid #999999;
}
#images{
	padding: 0px;
	margin: 0px 10px 0px 0px;
	width:200px;
	height: 170px;
	border: 1px solid #999999;
}

#temperature{
	padding: 0px;
	margin: 0px;
	background: url(images/temperature.jpg)  no-repeat;
	width:230px;
	height: 200px;
	border: 1px solid #999999;
	background-position:right;
}

#speed{
	padding: 0px;
	margin: 0px;
	background: url(images/speed.jpg)  no-repeat;
	width:230px;
	height: 200px;
	border: 1px solid #999999;
	background-position:right;
}
	
	
	
/*..................Product Catalogue.................................*/

#menu {
	position: absolute;
	top: 627px;
	padding: 0px;
	left: 10px;
	width: 175px;
	border-top: 1px solid #666666;
	}
#buttonmenu {
	position: absolute;
	top: 133px;
	left: 10px;
	}
ul#mainnavmenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #999999;
}

ul#mainnavmenu li a:link, ul#mainnavmenu li a:visited {
	text-decoration: none;
	width: 175px;
	font: bold 0.8em /1.5 arial, sans-serif;
	color: #ffffff;
	padding: 3px;
	display: block;
}

ul#mainnavmenu li {
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
}

ul#mainnavmenu li a:hover {
	background-color: #666666;
	color:#FFFFFF;
}

/*..................Left side menu.................................*/

#buttonleft {
	position: absolute;
	top: 160px;
	left: 10px;
	}

ul#mainnavleft {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

ul#mainnavleft li a:link, ul#mainnavleft li a:visited {
	text-decoration: none;
	width: 175px;
	font: 0.8em /1.5 arial, sans-serif;
	color: #666666;
	padding: 3px;
	display: block;
}

ul#mainnavleft li {
	border-bottom: 1px dashed #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

ul#mainnavleft li a:hover {
	background-color: #cccccc;
	color:#FFFFFF;
}
/*..................top menu.................................*/

#button {
	position: absolute;
	top: 86px;
	right: 5px;
	height: 30px;
	}
#mainnav {
	font-size: 12pt;
	margin: 16px 0px 2.5em 0px;
	width: 100%;
	list-style-type: square;
	
}
#mainnav li {
	float: right;
	padding: 3px;
	white-space: nowrap;
	border-right: 1px dashed #666666;
	list-style-type: none;
	background-image: url(images/dotred.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}
#mainnav a {
	
	padding: 3px 10px 3px 22px;
	text-decoration: none;
	font: bold 0.8em /1.5 arial, sans-serif;
	}
#mainnav a:link, #mainnav a:visited {
	color: #333333;
	display: block;
}
#mainnav a:hover, #mainnav a:active,
{
	background-color: #ffffff;
	color: #999999;
	background-image: url(images/dotblue.gif);
	background-repeat: no-repeat;
	background-position: left;
}






/*..................Font and paragraph style.................................*/

h1 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCC66;
	padding: 10px 0px 0px 10px;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
}

h2 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
	margin: 0px;
	font-weight: bold;
}
h3 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCC66;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}
h4 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 0px 0px 10px;
	font-size: 14px;
	margin: 0px;
	font-weight: normal;
	list-style-type: square;
}

p {
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

a{
	color:#0033CC;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 a:link{
 color:0033CC;
}
 a:visited{
 color: #0033CC;
 }
 a:hover {
 background-color:#ffffff;
 color:#00CCFF
 }