body {
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: small;
	text-align: center;
	padding: 0;
	margin: 0;
}
a {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}
#page {
	margin: 0 auto;
	text-align: left;
	width: 760px;
}
#header {
	background-image: url("images/header.jpg");
	background-position: 0 30px;
	background-repeat: no-repeat;
	text-align: right;
}
#navBar {
	
}
#navBar ul {
	margin: 0;
	padding: 0;
	background-color:#fff;
	height: 30px;
}
#navBar ul li{
	margin: 0;
	padding: 0;
	margin-right: 8px;
	list-style-type: none;
	float: left;
}
#navBar ul li a {
	display: block;
	text-decoration: none;
	background-image:url(images/bg_tab.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100px;
	height: 25px;
	color: #fff;
	text-align: center;
	padding-top: 5px;
}
#leftNav {
	margin: 1em 0 0 2em;
	padding: 0;	
}
#leftNav li {
	padding: 0;
	margin: 0;
 list-style-type: none;
}
#wrapper {
 background-image:url(images/texture_9.jpg);
 background-repeat:repeat-y;
 	border: solid #2e3b68;
	border-width: 5px 0;

}
#footer	{
	font-size: 0.825em;
	color:#666;
	text-align: left;
	width: 760px;
	padding: 5px 0;
	margin: 0 auto;
}
#content h1 {
	font-size: 1.8em;
	margin: 0;
	margin-bottom: 3px;
	color:#333;
}
#content h2 {
	font-size: 1.4em;
	color:#999;
	margin: 3px 0;
}
#block_1 h3 {
	border: 2px solid #999;
	margin: 2px;
	margin-right: 220px;
	padding: 3px;
	background-color: #ccc;
}
#block_1 h3 a {
	display: block;
	color: #666;
	text-decoration: underline;
}

#block_1 {
	width: 585px;
	float: left;
	margin-left: 175px;
}
* html #block_1
	{
	display: inline;
	}
#block_2 {
	width: 175px;
	height: 200px;
	float: left;
	margin-left: -760px;
}
#block_2 h1{
	color: #c00;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	margin: 15px 0;
}

#block_2 ul {
	margin-left: 15px;;
}
#block_2 li {
	margin: .2em;
}
#block_3 {
}

#block_4 {
}
#content {
	position: relative;
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
.supplier {
	padding: 10px;
	margin: 3px;
	border: 1px solid #999;
	height: 130px
}
.supplier div{
	float: right;
	width: 150px;
	text-align: right;
}
.supplier p {
	margin-top: 0;
}
.conference {
	border: 1px solid #999;
	margin: 3px;
	padding: 3px;
}
.conference img {
	margin: 1em 0;
	border: none;
}
.conferenct a, a:hover, a:visited {

	}

.product {
	border: 1px solid #999;
	margin: 3px;
	padding: 3px;
}
.product img {
	float: right;
	width: 220px;
	margin: 0 0 3px 3px;
}
#about #block_1 {
	padding: 3px;
}
.home {
	padding: 10px;
	margin: 3px;
	border: 1px solid #999;
}
.home div{
	float: right;
	width: 150px;
	text-align: right;
}
.home p {
	margin-top: 10px;
}
#block_2 ul {
	margin: 0;
	padding: 0;
}
#block_2 li {
	margin: 2px;
	padding: 2px;
	list-style-type:none;
	border: 2px solid #4C598F;
}
#block_2 li a{
	color: #fff;
}