* {
	margin: 0;
	padding: 0;
}
html, body, #wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #wrapper {
	height: auto;
}
body {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
}
* html body { font-size: 75%; }
a { color: #700000; text-decoration: none; }
a:link { text-decoration: none; }
p, #left ul, #left ol, td, th {
	color: #717171;
	margin: 0.8em 0;
}
th { margin: 1.6em 0; }

#wrapper {
	position: absolute;
	top: 0;
    left: 0;
}

#header {
	width: 100%;
	height: 155px;
	background: transparent url(../i/header-bg.gif) top left repeat-x;
}
#header h1 {
	padding: 107px 0 0 0;
	background: transparent url(../i/interform-logo.gif) top center no-repeat;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:107px; /* for IE5/Win's bad box model */
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#menu {
	height: 44px;
	width: 661px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../i/menu-bg.gif) top left no-repeat;
}
#menu a {
	color: white;
	height: 20px;
	display: block;
	font-size: 110%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	/* MacIE5 hack \*/
	padding-top: 0px;
	/* end hack */
}

body#home a#ahome, body#tech a#atech, body#ourproducts a#aproducts, body#contactus a#acontact { 
	background-color: white; 
	color: #700000; 
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}

#menu a:hover { 
	color: #c1c1c1; 
}

#menu ul {
	width: 540px;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
}
#menu ul li {
	float: left;
	height: 42px;
	padding-top: 7px;
	width: auto;
}
* html #menu ul li {
	width: 20%;
}
* html #menu li#litech { width: 35%!important; }
#content {
	margin-left: auto;
	margin-right: auto;
	width: 655px;
	display: block;
	margin-top: 20px;
	height: auto;
	margin-bottom: 4em;
}
* html #content {
	height: 95%;
	margin-bottom: 4em;
	clear: both;
}
#content p {
	text-align: left;
}
#left { 
	clear: both;
	margin-right: 20px; 
	margin-bottom: 50px;
}
* html #left { margin-bottom: 150px; }
#left, #right {
	display: block;
	width: 388px;
	float: left;
	min-height: 300px;
}
#left * { text-align: left; }
#left h1 {
	display: block;
	background: transparent url(../i/h1-icon.gif) top left no-repeat;
	color: #700000;
	font-weight: normal;
	padding-left: 30px;
	font-size: 170%;
	font-weight: bold;
}

#left h2 {
	font-weight: bold;
	font-size: 110%;
	color: #838484;
}

#left img { text-align: left;  margin: 0; }
#right {
	width: 238px;
}


#footerwrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ccffcc;
	width: 100%; /* See note below */
	padding: 0 15%;
	background: #9D9D9D url(../i/footer-bg.gif) top left repeat-x;
	margin-top: 1em;
}
#footerwrapper {
    \width: 100%;
    w\idth: 70%;
}

#footer {
	width: 655px;
	height: 34px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: .75em;
}
#footer p {
	font-size: 85%;
	text-align: right;
	color: white;
}
table { margin: 1em 0; }
td, th { padding: 0.3em 0; vertical-align: top; }

/* Forms */
.result {
	font-weight: bold;
	color: #E03126;
}
.hide {
	position: absolute;
	left: 0px;
	top: -100px;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

fieldset { margin: 1em 0 1em 0; padding: 1em; border: 1px dashed #838484; }
fieldset * {
	color: #838484;
}
legend { background-color: white; padding: 0 0.2em; }
#contact form { margin: 10px 10px 10px 50px; }
label { width: 30%; clear: left; float: left; padding: 0.3em 0; font-size: 90%; text-align: right; }
input { width: 60%; float: left; margin: 0.3em; /* MacIE5 hack \*/ width: 65%; /* end hack */ }
textarea { width: 98%; clear: both; }
* html textarea { width: 70%; }
.submit {
	clear: both;
	width: 7em;
	text-align: center;
}
* html .submit { width: 10em; }
/* Page specific styles */
#tech #right { width: 0; }
#tech #left { width: 100%; }
#tech th { width: 20%; }

#ourproducts #left h2 { clear: both; margin-top: 2em; }
ul.products { list-style: none; list-style-type: none; }
ul.products li { width: 130px; float: left; height: auto; }
ul.products li.title { clear: both; width: 52%; font-weight: bold; }
ul.products img { border: 0; }

body#home #right { width: 280px; }
body#home #left { width: 350px; }
body#ourproducts #left { width: 655px; }
body#ourproducts #right { width: 0px; }