
body {
	text-align: center;
	background: url(../images/bg1.jpg) left top;
	font: normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #030303;
	margin:0px;padding:0px;
}
div {	margin:0px;padding:0px;}
#print {
	display: none;
}
/*
img {
	behavior: url(iepngfix.htc);
}
*/
/* container */

a img {border:0px;}
.container {
	width: 958px;
	margin: 0 auto;
	padding: 20px 0 0;
	background: url(../images/bg2.jpg) center top repeat-y;
}
.inner {
	background: url(../images/bg3.jpg) center top repeat-y;
}
.clearing {
	clear: both;
	height: 0;
	line-height: 0;
}

/* top */

.topbg {
	width: 958px;
	height: 10px;
	background: url(../images/bgtop.jpg) left top no-repeat;
}
.top {
	width: 938px;
	margin: 0 auto;
	padding: 20px 0 0;
	background: #030303;
	position: relative;
	top: -10px;
}
html>body .top {
	top: 0;
}

.nav ul {
	list-style: none;
}
.nav li {
	float: left;
}
#nav01, #nav02, #nav03, #nav04, #nav05, #nav06, #top {
	display: block;
	float: left;
	height: 28px;
	width: 133px;
	background: url(../images/nav01.jpg) left top no-repeat;
	text-indent: -5000px;
}
#nav02 {
	width: 175px;
	background: url(../images/nav02.jpg) left top no-repeat;
}
#nav03 {
	width: 144px;
	background: url(../images/nav03.jpg) left top no-repeat;
}
#nav04 {
	width: 164px;
	background: url(../images/nav04.jpg) left top no-repeat;
}
#nav05 {
	width: 183px;
	background: url(../images/nav05.jpg) left top no-repeat;
}
#nav06 {
	width: 139px;
	background: url(../images/nav06.jpg) left top no-repeat;
}

#top {
	float: none;
	width: 937px;
	height: 179px;
	margin: 4px 0 0;
	background: url(../images/top.jpg) left top no-repeat;
}

#top.i281 {
	float: none;
	width: 937px;
	height: 179px;
	margin: 4px 0 0;
	background: url(../images/top.jpg) left top no-repeat;
}

#top-flash {
	position:absolute;
	top:52px;
	left:0px;
	width:509px;
	height:179px;
}

#top.i273 {
	margin: 4px 0 0;
	background: url(../images/top01.jpg) left top no-repeat;
	height: 179px;
}
#top.i275 {
	margin: 4px 0 0;
	background: url(../images/top02.jpg) left top no-repeat;
	height: 179px;
}
#top.i274 {
	margin: 4px 0 0;
	background: url(../images/top03.jpg) left top no-repeat;
	height: 179px;
}
#top.i276 {
	margin: 4px 0 0;
	background: url(../images/top04.jpg) left top no-repeat;
	height: 179px;
}
#top.i277 {
	margin: 4px 0 0;
	background: url(../images/top05.jpg) left top no-repeat;
	height: 179px;
}
#top.i293 {
	margin: 4px 0 0;
	background: url(../images/top05.jpg) left top no-repeat;
	height: 179px;
}

/* content */

.content {
	/*float: left; the preceeding line when used completely ruined the site display in FF 3 and IE 6.....*/
	overflow: hidden;
	padding: 0 0 30px;
}
#statement {
	display: block;
	height: 25px;
	text-indent: -5000px;
	margin: 30px 0 0 0px;
	background: url(../images/statement.jpg) center top no-repeat;
}
*:lang(en) #statement {
	margin: 30px 0 0 0px;
}
#flash {
	margin: 0 0 0 20px;
}

#ecosol {
	display:block;
	width: 168px;
	height: 36px;
	margin-top: 25px;
	margin-left: 1px;
	background: transparent url(../images/eco2.jpg) 0px 0px no-repeat;

}

.column {
	float: left;
	width: 690px;
	margin-right: 10px;
	position: relative;
	padding-top:10px;
	left: 30px;
	overflow:hidden;
}

.column1 {
	width: 170px;
}
.column1 ul {
	margin: 10px 0 0;
	list-style: none;
	text-align: left;
	background: #e2e2e2;
	padding: 0 0 10px;
	letter-spacing: -1px;
	border: 1px solid #878787;
}
.column1 ul li {
	padding: 0 12px;
}
.column1 ul a {
	color: #030303;
	text-decoration: none;
}
.column1 ul a:hover {
	text-decoration: underline;
}
.column1 .nopadding  {
	display: block;
	width: 144px;
	font-weight: bold;
	position: relative;
	padding: 5px 12px;
	color: white;
	margin: 0 0 10px;
	text-decoration: none;
	border-bottom: 1px solid #878787;
	background: #030303 url(../images/bg4.jpg) left top no-repeat;
}
.column1 .nopadding {
	padding: 0;
}
html>body .column1 .nopadding a {
	left: -12px;
}
html>body .column1 .nopadding {
	padding: 5px 12px;
}
.column1 ul a:hover {
	text-decoration: underline;
}

/* column 2 */

.column2 {
	left: 45px;
	color:#646464;
	font-family:geneva, arial, helvetica;
	font-size:12px;
}
.column2 h1 {
	font-size: x-large;
	font-weight: bold;
	padding: 5px 20px 10px 20px;
	text-align: left;
	line-height:normal;
	color:#000;
}
.column2 h2 {
	font-size: medium;
	font-weight: bold;
	padding: 0px 20px 0px 20px;
	text-align: left;
	line-height:normal;
	color:#000;
}
.column2 p {
	text-align: justify;
	line-height:normal;
	padding: 0px 20px;
	margin-bottom:1em;
}
.column2 ul {
	text-align: left;
	padding: 10px 20px;
	line-height:normal;
	color:#646464;
	list-style: none;
}
.column2 ul li {
	padding: 10px 40px 0;
	background: url(../images/list.jpg) 15px 14px no-repeat;
}

.column2 ol {
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height:normal;
	color:#646464;margin-left:20px;
}

.column2 ol li {
	padding: 10px 20px 0;
}
.column2 a {
	color: #8d0000;
}

.column2 strong {
	color: #000;
}

.column2 img {margin:2em 1em 0em 1em;}

.floatright {
	float: right;
	padding: 0 10px 30px 40px;
}

/* left nav */

.column1 .leftnav {
	padding: 0;
	border: 0px solid #000;
}
.column1 .leftnav li {
	padding: 0;
}
.column1 .leftnav a {
	display: block;
	width: 144px;
	height:36px;
	line-height:36px;
	font-weight: bold;
	padding: 0px 2px 0px 22px;
	color: white;
	margin: 0 0 10px;
	text-decoration: none;
	border: 1px solid #878787;
	border-top-width:0px;
	background: #030303 url(../images/bg4.jpg) left top no-repeat;
}
.column1 .leftnav a {
	margin: 0;
}

.column1 .leftnava :hover {
	background: #5a5a5a url(../images/navbghover.jpg) left top no-repeat;
}
.column1 .leftnav a{
	color: #cacaca;
	background: #5a5a5a url(../images/navbgmain.jpg) left top no-repeat;
}
#current {
	color: #8a093e;
	background: #939393 url(../images/bg6.jpg) left top no-repeat;
}
#leftnav {
	color: white;
	height: 37px;
	width: 146px;
	border:0px solid #000;
	background: #030303 url(../images/navbgtop.jpg) left top no-repeat;
	height:37px;
	line-height:37px;
	font-weight: bold;
	padding: 0px 2px 0px 22px;
	border-bottom: 1px solid #878787;
}

/* footer */

.footer {
	text-align: left;
	font-size: 11px;
	color: white;
	padding: 10px 8px 30px;
	font-weight: bold;
	background: url(../images/bgbottom.jpg) left top no-repeat;
}
.footer p {
	padding: 10px 0 0;
}
.footer a {
	color: white;
}
.footer a:hover {
	text-decoration: underline;
}
#webdesign {
	float: right;
	padding: 10px 0 0;
}

#eco {
	display: block;
	width: 233px;
	height: 44px;
	float: left;
	position: relative;
	top: -7px;
	margin: 0 10px 0 0;
	background: url(../images/eco.jpg) left top no-repeat;
}
html>body #eco {
	background: url(../images/eco.png) left top no-repeat;
}

/* contactform */


#contentbottom{
clear:both;margin-top:10px;
font-size: 14px;
font-weight:bold;
position:relative;
}
#contentbottom a {color: #008000;}
.column1 .cbleft {color: #008000;}
.cbleft {color: #008000;font-weight:bold;float:left;padding:5px 0px;padding-left: 30px;margin-top: 20px;margin-left:10px;font-size: 10px;line-height:1em;background: #fff url(../images/infoicon.jpg) left center no-repeat;width:130px;text-align:left;border:0px solid #000;}
.cbright {float:right;padding:5px 0px;padding-left: 30px;margin-right:60px;text-align:right;font-size: 10px;line-height:1em;clear:right;}
.index .cbright {float:right;margin-right:40px;text-align:right;font-size: 10px;}
#linktotop {background: #fff url(../images/topicon.jpg) 0px 0px no-repeat;}
#plink {padding:5px 0px;padding-right: 30px;margin-left:245px;text-align:left;font-size: 14px;text-decoration:underline;line-height:30px;}
#plink {background: #fff url(../images/plinkbg1.jpg) right center repeat-x;text-transform:capitalize;text-align:left;position:absolute;top:0px;left:0px;padding:0px 15px;color:#fff;}
#contentbottom a#plink {color:#fff;border:1px solid #646464;}

form#generalcontact {margin-left:20px;}
#generalcontact fieldset {float:left;width:300px;border:0px solid #333;margin-top:0em;border-top: 1px solid #aeaeae;padding-top:2em;}
#generalcontact fieldset.bottom {float:left;width:600px;border:0px solid #333;margin-top:2em;border-top: 1px solid #aeaeae;padding-top:2em;}
#generalcontact ul, #generallogin ul {margin:0px;padding:0px;list-style-type:none;}
#generalcontact ul li, #generallogin ul li {margin:0px;padding:0px;margin-bottom:0.5em;background-image:none;clear:left;margin-top:1em;}
#generalcontact ul li span {display:none;color: #900;font-size:0.8em;padding-left: 10px;clear:left;}
#generalcontact label, #generallogin label {float:left;width:110px;margin-right:5px;margin-left:10px;clear:left;}
#generalcontact input[type="text"], #generalcontact input[type="password"], #generallogin input[type="text"],#generallogin input[type="password"]  {border:2px inset #aeaeae;background-color:#ffffa5;}
#generalcontact fieldset.bottom input[type="text"] {width: 300px;}
#generalcontact fieldset.bottom textarea {width: 400px;height: 120px;}
#generalcontact textarea {border:2px inset #aeaeae;}
#generalcontact fieldset.bottom label {width:200px;}
#generalcontact fieldset.bottom label.comments {margin-top:2em;width:150px;height: 120px;background: #fff url(../images/sslock.jpg) 0px 40px no-repeat;}
#generalcontact fieldset.bottom textarea {margin-top:2em;}
#generalcontact fieldset.bottom input[type="submit"], #generallogin input[type="submit"] {border:auto;width:auto;height:auto;margin:auto;padding:3px;background:auto;float:none;margin-left:80px;}
#generallogin input[type="submit"] {margin-left: 0px;}
form#generallogin {margin-left: 20px;text-align:center;width:600px;height: 364px;background: transparent url(../images/loginbg.jpg) 0px 0px no-repeat;}
#generallogin fieldset {border:0px;margin:40px auto;text-align:left;width:300px;font-weight:bold;color: #fff;font-size:1.2em;padding-top: 80px;}
#generallogin fieldset label {color: #000;font-size:1.4em;}

#generalcontact fieldset.checks {width:600px;margin-top:2em;}
#generalcontact fieldset.checks  label {width:250px;}
#generalcontact fieldset.checks table {clear:both;margin-top:0.5em;font-size:1em;}
#generalcontact fieldset.checks table td {padding:0px 0px 0px 10px;vertical-align:top;width:100px;}
#generalcontact fieldset.checks table td span {font-size: 0.8em;display:block;color:#aeaeae;padding-left:0px;}


#olink {position:relative;left:500px;top:0px;padding:5px 15px;text-align:left;font-size: 14px;text-decoration:underline;line-height:30px;}
#olink {background: #fff url(../images/plinkbg1.jpg) right center repeat-x;text-transform:capitalize;text-align:left;font-weight:bold;}
a#olink {color:#fff;border:1px solid #646464;margin-bottom:1em;}
