html{
	color:#fff;
	background:#70707A;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


img{border:0;border-style:none}
body {font:13px/1.231;}
table {font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
body {
	font:10px verdana,arial,helvetica,sans-serif;
	background-color:#70707A;
	background-image:url("b.png");
	background-repeat:repeat-x;
}

h1 {
	font-size: 3em;
}

ul{
	padding-left: 1em;
	margin-left: 1em;
}

li{
	list-style-image: url(ib.png);
	list-style-position: inside;
	padding-left: 1em;
	margin-left: 1em;
}

#cent{
	text-align: center;
}

a {color:orange;}
a:active {color:orange;}
a:visited {color:orange;}
a:hover {color:black;}

.left {
	float:left;
	padding:0px;
}

.right {
	float:right;
	padding:0px;
}

.clear {
	clear:both;
}

#wrapper {
	position:relative;
	width:872px;
	margin:0px;
}

#header {
	float:left;
	text-align:center;
	background-color:#45454C;
}

#header-top {
	background-image:url("h.png");
	width:872px;
	height:162px;
	vertical-align: bottom;
}

#header-left {
	background-image:url("h.png");
	background-position:0px 151px;
	width:223px;
	height:73px;
}

#header-right {
	height:73px;
	float: left;
}
#header-text {
	width:300px;
	height:62px;
	vertical-align: bottom;
	text-align: right;
	float: right;
}

#body {
	background-color:#45454C;
	margin:0px;
}

#body-left {
	background-color:#45454C;
	text-align:left;
	margin:0px;
	padding:0px;
}

#body-right {
	background-color:#45454C;
	width:355px;
	text-align:left;
	margin:0px;
	padding:10px;
}

#footer {
	clear:both;
	text-align:center;
	background-image:url(bg.png);
	background-repeat:repeat-x;
	background-color:#45454C;
}

#footer-left {
	width:50px;
	height:80px;
}

#footer-center {
	width:772px;
	height:80px;
	color:white;
	font-size:10px;
	line-height: 14pt;
	vertical-align: top;
}

#footer-right {
	width:50px;
	height:80px;
}

ul.footer-menu {
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul.footer-menu li {
	padding: 0px;
	margin: 0px;
	display: inline;
	height: 75px;
	text-align: left;
}
ul.footer-menu li a {
	border-left:1px solid black;
	border-right:1px solid black;
	padding:2px;
	margin:2px;
	height: 75px;
	color:white;
	text-decoration: none;
	vertical-align: text-top;
}
ul.footer-menu li a:hover {
	border-left:1px dotted white;
	border-right:1px dotted white;
	color:orange;
}

ul#top-menu {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul#top-menu li {
	padding: 0px;
	margin: 0px;
	display: inline;
	height: 73px;
	text-align: left;
}

ul#top-menu li a {
	padding: 0px;
	margin: 0px;
	height: 73px;
	background-image:url("h.png");
	text-decoration: none;
	font-size: 67px;
}

ul#top-menu li a img {
	vertical-align: text-top;
	height:73px;
}

a#home {width: 95px;background-position:649px 152px}
a#home:hover {background-position:649px 76px}

a#services {width: 133px;background-position:554px 152px}
a#services:hover {background-position:554px 76px}

a#products {width: 144px;background-position:421px 152px}
a#products:hover {background-position:421px 76px}

a#about {width: 142px;background-position:277px 152px}
a#about:hover {background-position:277px 76px}

a#contact {width: 135px;background-position:135px 152px}
a#contact:hover {background-position:135px 76px}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
}

.transMenu.top .items {
	border-top:none;
	border: 2px black;
}

/* each TR.item is one menu item */
.transMenu .item {
	color:#336;
	font-size:10px;
	font-family:sans-serif;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
}

.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
}
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:3px;
}
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:3px;
}
.transMenu .item.hover {
	background:#eb880d;
	color:black;
}
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
}