/*<group=body rock>*/

body {
	background-image: url(/images/bg01.gif);
	margin: 0;
	}

img {
	border : 0px;
	}

h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	font: expression( "bold 110% Arial, Helvetica, sans-serif" );
	margin: 0;
	padding: 0px 0px 5px 0px;
	}

h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	font: expression( "bold 100% Arial, Helvetica, sans-serif" );
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #574342;
	}


	
h3 { 
	font: bold 13px Arial, Helvetica, sans-serif;
	font: expression( "bold 90% Arial, Helvetica, sans-serif" );
	}
	
h4 { 
	font: bold 13px Arial, Helvetica, sans-serif;
	font: expression( "bold 90% Arial, Helvetica, sans-serif" );
	}
	
h5 { 
	font: bold 15px Arial, Helvetica, sans-serif;
	font: expression( "bold 120% Arial, Helvetica, sans-serif" );
	}

.footnote {
	font: 10px Arial, Helvetica, sans-serif;
	font: expression( "80% Arial, Helvetica, sans-serif" );
	color: #666666;
}
	
p {
	font: 12px Arial, Helvetica, sans-serif;
	font: expression( "80% Arial, Helvetica, sans-serif" );
	color: #666666;
	}
	
	
a { 
	color: #7b1919; text-decoration: none;
	}
	
a:hover { 
	color: #666666;
	text-decoration: none;
	}
	
a.arrow {
	color: #2399d5; text-decoration: none;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	padding-top: 2px;
	}
	
ul {
	font: Arial, Helvetica, sans-serif;
	font: expression( "Arial, Helvetica, sans-serif" );
	color: #666666;
	}

ol {
	font: Arial, Helvetica, sans-serif;
	font: expression( "Arial, Helvetica, sans-serif" );
	color: #666666;
	}

/*</group>*/

/*<group=main>*/

#topArea {
	margin-top: 0px;
	width: 748px;
	margin-left: auto;
	margin-right:auto;
	background: white;
	padding: 0 8px 0px 8px;	
	height: 167px;
	border-right:1px solid #dedcdc;
	border-left:1px solid #dedcdc;
	}

#topAreaRight {
	width: 748px;
	height: 18px;
	float: right;
	margin: 0;
	padding: 0;
	}

.topTab {
	background: #524141 no-repeat;
	color: #FFFFFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 76% Arial, Helvetica, sans-serif" );
	float: right;
	padding: 3px 6px 3px 12px;
	background-image:url(/images/tabarrow.gif);	
	background-position: bottom left;
	margin-left:4px;
	}

.topTab a {
	color: #ffffff;
	}

.topTab a:hover {
	color: #C8C8C8;
	}

#genNav {
	
	float:right;
	width: 430px;
	margin: 0;	
	padding-right:10px;
	}
	
#genNav ul {
	float: right;
	margin: 0;
	padding: 0;
	}


	
#genNav ul li {
	display: inline;
	}
	
#genNav ul li a {
	color:  #999999;
	font: normal 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	border-right: 1px solid #999999;
	padding-right: 5px;
	}
	
#genNav ul li a:hover {
	color: #707070;
	}
	
#genNav #noborder a {
	border-right: 0;
	}

#header {
	
	margin: 0;
	padding: 0;
	width: 748px;
	}


#page {
	
	margin-top: 0px;
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	background: white;
	padding: 8px;	
	margin-bottom: 16px;
	border:1px solid #dedcdc;
	border-top: 0;
	}
	
.splashCont {
	width:720px;
	margin-left: auto;
	margin-right: auto;
	margin-top:18px;
	margin-bottom:9px;
	border:1px solid #e4e4e4;
	min-height:200px;
}

.splashLeft {
	float:left;
	padding:25px 40px 25px 40px;
}

.splashRight {
	float:left;
	width:350px;
	background:;
	padding:25px 0px 25px 0px;
}

.splashRight p {
	margin:6px 0 0 0;
	padding:0;
}

.splashRight ul {
	margin:16px 0 0 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 76% Arial, Helvetica, sans-serif" ); }

.splashRight li {
	margin:0px 0 4px -44px;
	margin:expression("0px 0 4px 0px");
	padding:0 0 0 0;
	list-style:none;
	background-image:url(/images/rust_arrow.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	background-position:expression("1px 4px"); }

.splashRight li a {
	margin:0px 0 0 0;
	padding:0px 0 0 14px;
	color:#515050;
}


.splashButt {
	width:350px;
	background:#e4e4e4;

}

.splashButt h1 {
	padding:3px 2px 3px 2px;
	background-image:url(/images/black_arrow.gif);
	background-position: 3px 3px;
	background-repeat:no-repeat;
	width:350px;

}

.splashButt h1 a {
	padding:0px 0px 0px 23px;
	color:#515050;
}


.logo {
	width: 115px;
	float: left;
	margin-top: -4px;
	padding: 0;
	}

.mainImage {
	margin-top: 8px;
	float: right;
	}

.floatLeft {
	float: left;
	}

.floatRight {
	float: right;
	}



#navcontainer {
	width: 748px;
	min-height: 32px;
	margin: 0;
	margin-top: -3px;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #7b1919;
	}



#mainnav ul {
	margin: 0;
	margin-left: 4px;
	padding: 0;
	}
	
#mainnav li a {
	width: auto;
	margin: 0 0 0 0;
	padding: 2px 8px 0px 16px;
	color: #FFF;
	text-align: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
	display: block;
	background-color: #7b1919;
	display:block;
	width:auto;
	background-image: url(/images/navarrow.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #a35e5e;
	}
	
#mainnav li {
	margin: 0 0.5em 0 0;
	padding: 0;
	float: left;
	display: inline;
	width: 114px;
	}

#mainnav li.net {
	margin: 0 0.5em 0 0;
	padding: 0;
	float: left;
	display: inline;
	width:110px;
	}

#mainnav li.prod {
	margin: 0 0.5em 0 0;
	padding: 0;
	float: left;
	display: inline;
	width:112px;
	}

#mainnav li.meeting {
	margin: 0 0.5em 0 0;
	padding: 0;
	float: left;
	display: inline;
	width:144px;
	}

#mainnav li.achieve {
	margin: 0 0.5em 0 0;
	padding: 0;
	float: left;
	display: inline;
	width:126px;
	}

#mainnav li.cust {
	margin: 0 0.5em 0 0;
	padding: 0;
	float: left;
	display: inline;
	width:92px;
	}
	
#mainnav li.sustain {
	margin: 0 0.5em 0 0;
	padding: 0;
	float: left;
	display: inline;
	width:110px;
	}

#mainnav li.sustain a {
	border: 0;
	}



#container_left {
	float: left;
	width: 570px;
	margin: 0;
	}

#container_left_whole {
	
	float: left;
	width: 100%px;
	margin: 0;
	}

#container_left_home {
	
	float: left;
	width: 573px;
	margin: 10px 0px 0px 3px;
	}

#container_left_home h1 {
	color: #674949;
	margin: 0;
	padding: 0;
}

.intro {
	margin: 4px 0px 10px 0px;
	padding: 0;
}

.intro p {
	padding: 4px 0px 4px 0px;
	margin: 0;
}

	
#crumb {
	float: left;
	width: 574px;
	clear: both;
	float: none;
	height: 20px;
	padding-top: 5px;
	}

#crumb ul {
	
	margin: 0;
	
	padding: 0;
	}
	
#crumb li {
	color: #999999;
	font: normal 11px Arial, Helvetica, sans-serif;
	font: expression( "normal 70% Arial, Helvetica, sans-serif" );
	display: inline;
	}

#crumb li.home {
	
	display: inline;
	background-image:url(/images/home.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	}
	
#crumb ul li a  {
	border-right: 1px solid #999999;
	padding-right: 5px;
	padding-left: 5px;
	}
	
#crumb .noborder a {
	border-right: 0;
	}
	
#leftcolumn {
	float: left;
	width: 170px;
	padding-top: 2px;
	background:  white;
	margin: 0;
	}
	
.leftheader {
	margin-top: 0px;
	background-color: #d3c4c4;
	padding-top: 4px;
	padding-bottom:0;
	}

.leftheader h2 {
	color: #524141;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
	margin: 0;
	padding: 0px 0px 5px 6px;
	}
	
.notborder {
	border:0;
	}

#leftnav	{
			width: 170px;
			width:expression("146px");
			font: 11px Arial, Helvetica, sans-serif;
			font: expression( "70% Arial, Helvetica, sans-serif" );
			padding: 0;
			color: #524141;
		}
		
#leftnav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;
		}
		
#leftnav a {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;
		}
		
#leftnav li	{
			border-bottom: 1px solid #efe6e6;
			margin: 0;
		}
#leftnav a	{
			border-bottom: 1px solid #efe6e6;
			margin: 0;
		}
		
#leftnav li a	{
			display: block;
			padding: 4px 5px 4px 18px;
			background-color: #fff;
			background:url(/images/left_arrow.gif) no-repeat; 
			background-position:4px 2px;
			color: #524141;
			text-decoration: none;
			width: 100%;
		}
#leftnav  a	{
			display: block;
			padding: 4px 5px 4px 18px;
			background-color: #fff;
			background:url(/images/left_arrow.gif) no-repeat; 
			background-position:4px 2px;
			color: #524141;
			text-decoration: none;
			width: 100%;
		}
		
#leftnav li a:hover {
			background-color:#efe8e8;
			background:url(/images/left_arrow_on.gif) no-repeat;
			background-position:4px 2px; 

}
#leftnav a:hover {
			background-color:#efe8e8;
			background:url(/images/left_arrow_on.gif) no-repeat;
			background-position:4px 2px; 

}



html>body #leftnav li a { width: auto; }
html>body #leftnav a { width: auto; }
		
#leftnav li a:hover	{
			background-color:#efe8e8;
			color: #524141;
		}
		
#leftnav a:hover	{
			background-color:#efe8e8;
			color: #524141;
		}
		
#leftnav li li		{
			border-top: 1px solid #efe6e6;
			border-bottom: 0;
			margin: 0;
		}
#subnav1		{
			border-bottom: 0;
			margin: 0;
		}
		
#subnav1 a	{
			display: block;
			background:none;
			padding: 4px 0px 4px 20px;
			color: #524141;
			text-decoration: none;
			background-image:none;
			background:#FFF;
			font-weight:normal;
			width:expression("150px");
		}
	
#subnav1 a:hover {
			background-image:none;
}
		
#leftnav li li a	{
			display: block;
			padding: 4px 0px 4px 20px;
			color: #524141;
			text-decoration: none;
			background-image:none;
			background:#FFF;
			font-weight:normal;
			width:expression("150px");
		}
	
#leftnav li li a:hover {
			background-image:none;
}
		
#current {
	font-weight:bold;

}

#centrecolumn {
	float: right;
	width: 385px;
	padding-right: 4px;
	padding-top:2px;
	}
	
#centrecolumn li {
	font: 12px/17px Arial, Helvetica, sans-serif;
	font: expression( "80%/17px Arial, Helvetica, sans-serif" );
	margin: 0 10px 2px 0;
	padding: 0 0 0 0;
}

#centrecolumn ul {
	list-style: url(/images/bullet.gif);
}	

#wholecolumn {
	float: right;
	width: 567px;
	padding-right: 4px;
	padding-top:2px;
	}
	
#wholecolumn li {
	font: 12px/17px Arial, Helvetica, sans-serif;
	font: expression( "80%/17px Arial, Helvetica, sans-serif" );
	margin: 0 10px 2px 0;
	padding: 0 0 0 0;
}

#wholecolumn ul {
	list-style: url(/images/bullet.gif);
}	

#homecolumn {
	float: right;
	width: 100%;
	padding-right: 4px;
	padding-top: 17px;
	}
	
#homecolumn li {
	font: 12px/17px Arial, Helvetica, sans-serif;
	font: expression( "80%/17px Arial, Helvetica, sans-serif" );
	margin: 0 10px 2px 0;
	padding: 0 0 0 0;
}

#chomecolumn ul {
	list-style: url(/images/bullet.gif);
}	

.homeBox {
	width: 180px;
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 10px 0px;
}


.homeBox h2 {
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	background: #948686;
	padding: 5px 2px 5px 10px;
	background-image:url(/images/grey_cnr.gif);
	background-position: top right;
	background-repeat: no-repeat;
}


.homeBox h2 a {
	color: #FFFFFF;
}

.homeBox ul {
	margin: 2px 0px 0px 0px;
	margin: expression( "0px 0px 0px 0px" );
	padding:0;
}

.homeBox ul li {
	background-image: url(/images/home_arrow.gif);
	background-position: 2px 3px;
	background-position: expression( "2px 5px" );
	background-repeat: no-repeat;
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 15px;
	font: normal 11px Arial, Helvetica, sans-serif;
	font: expression( "normal 70% Arial, Helvetica, sans-serif" ); }

.homeBox ul li a {
	color: #333333;
}

.floatlogo {
	float: right;
	padding-right: 50px;
	padding-top: 20px;
}

#rightcolumn {
	width: 164px;
	float: right;
	background:ffffff;	
	margin-top:5px;
	}
	
.rightcontentbox {
	padding: 0;
	padding-left: 0;
}


.memberButt {
	background: #b2b2b2 no-repeat;
	color: #FFFFFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	padding: 3px 0px 4px 0px;
	background-image:url(/images/butt_cnr.gif);
	background-position:bottom right;

}


.memberButt a {
	color: #FFFFFF;

}

.companyButt {
	background: #b2b2b2 no-repeat;
	color: #FFFFFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	padding: 3px 0px 4px 0px;
	background-image:url(/images/butt_cnr.gif);
	background-position:bottom right;
	margin:4px 0px 4px 0px;
	}

.buttTitle {
	color: #FFFFFF;
	background-image:url(/images/sq_arrow.gif);
	background-repeat: no-repeat;
	background-position:0px 4px;
	padding-top:4px;
	padding-left:23px;
}

#contacts {
	color:#777777; 
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "70% Arial, Helvetica, sans-serif" );
	width: 164px;
	}

#benefits {
	color:#777777; 
	font: 13px Arial, Helvetica, sans-serif;
	font: expression( "90% Arial, Helvetica, sans-serif" );
	width: 164px;
	}

#products {
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "70% Arial, Helvetica, sans-serif" );
	width: 164px;
	}

#products ul {
	margin-left: -14px;
	margin-left:expression("14px");
	margin-top: 0;
	}

#products ul li {
	padding-left: 0;
	padding-left:expression("8px");
	margin-top: 4px;
	line-height: 100%;
	}

#products ul li {
	padding-left: 0;
	padding-left:expression("8px");
	margin-top: 4px;
	line-height: 100%;
	}

#products ul li a {
	color: #8f8e8e;
	}

#products ul li a:hover {
	color: #ba5858;
	}
	
#products ul li.prod1 {list-style-image:url(/images/swatch/01.gif);}

#products ul li.prod2 {list-style-image:url(/images/swatch/02.gif);}
#products ul li.prod3 {list-style-image:url(/images/swatch/03.gif);}
#products ul li.prod4 {list-style-image:url(/images/swatch/04.gif);}
#products ul li.prod5 {list-style-image:url(/images/swatch/05.gif);}
#products ul li.prod6 {list-style-image:url(/images/swatch/06.gif);}
#products ul li.prod7 {list-style-image:url(/images/swatch/07.gif);}
#products ul li.prod8 {list-style-image:url(/images/swatch/08.gif);}
#products ul li.prod9 {list-style-image:url(/images/swatch/09.gif);}
#products ul li.prod10 {list-style-image:url(/images/swatch/10.gif);}
#products ul li.prod11 {list-style-image:url(/images/swatch/11.gif);}
#products ul li.prod12 {list-style-image:url(/images/swatch/12.gif);}
#products ul li.prod13 {list-style-image:url(/images/swatch/13.gif);}
#products ul li.prod14 {list-style-image:url(/images/swatch/14.gif);}



/*<group=My Group>*/


#puller {
	clear: both;
	margin: 0;
	padding: 0;
	}

#footer {
	margin-top: 20px;
	padding-top: 10px;
	float: left;
	width: 748px;
	border-top: 7px solid #e7e7e8;
	margin-bottom: 10px;
	float: none;
	clear: both;
	}


	
#footer ul {
	margin: 0;
	padding: 0;
	}
	
#footer ul li {
	display: inline;
	}
	
#footer ul li a  {
	color: #999999;
	font: normal 11px Arial, Helvetica, sans-serif;
	font: expression( "normal 70% Arial, Helvetica, sans-serif" );
	border-right: 1px solid #999999;
	padding-right: 5px;
	}

#footer #noborder a {
	border-right: 0;
	}

/*<group=formelements>*/


form {
	margin-bottom: 0;
	margin-top: 0;
	}
	
input, select {
	padding-bottom: 2px;
	margin-bottom: 4px;
	}

input.text {
	width: 110px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}

input.submitbutt {
	width:26px;
	background-color:#3a6b85;
	border: 0;
	margin-left: 2px;
	margin-top:-2px;
	padding:2px;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	color: #FFFFFF;
	}

input.searchbox{
	width: 125px;
	padding-left:2px;
	margin-bottom: 4px;
	background-color:#FFF;
	font: normal 11px Arial, Helvetica, sans-serif;
	font: expression( "normal 70% Arial, Helvetica, sans-serif" );
	color: #524141;
}



/*<group=subpages>*/


/*<group=Form>*/

form.login {
	width: 390px;
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "70% Arial, Helvetica, sans-serif" );
	margin: 30px 0 0;
	padding: 0;
}

form.mylhc {
	width: 550px;
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "70% Arial, Helvetica, sans-serif" );
	margin: 30px 0 0;
	padding: 0;
}

form.check {
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "100% Arial, Helvetica, sans-serif" );
	margin: 20px 0 0;
	padding: 0;
}


fieldset {
	border: 1px solid #cccccc;
}

legend {
	font-weight: bold;
	border: 1px solid #cccccc;
	margin-left: 5px;
	padding: 2px 4px;
}
  
div.row {
   clear: both;
   padding-top: 5px;
   font-family: Arial, Helvetica, sans-serif;
   padding-bottom: 25px;
   margin-bottom: 3px;
   padding-left: 3px;
}

div.row span.label {
  float: left;
  width: 86px;
  text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

div.row span.formw {
   float: right;
   width: 290px;
   text-align: left;
	}
  
div.searchrow {
  	clear: both;
  	padding-top: 0;
	margin-bottom: 5px;  
}

div.searchrow span.label {
  	float: left;
  	width: 86px;
  	text-align: right;
	position: relative;
	margin-top: 6px;
}

div.searchrow span.formw {
  	float: right;
  	width: 300px;
  	text-align: left;
	position: relative;
} 
  
div.searchrow span.formstretch {
  	float: left;
  	width: 390px;
  	text-align: left;
 	margin-left: 6px; 
  } 
  
div.checkrow {
  	clear: both;
  	padding-top: 3px;
  	padding-bottom: 3px;
  	margin-bottom: 10px;  
  	margin-left: 5px;
	}
  
div.checkrow span.label {
  float: left;
  text-align: left;
  position: relative;
  margin-top: 6px;
	}

div.checkrow span.formw {
  float: left;
  text-align: left;
  position: relative;
  margin-right: 3px;
	} 
  
div.checkrow span.formstretch {
  float: left;
  width: 390px;
  text-align: left;
 	margin-left: 6px; 
  } 

div.row input, select {
  font: 100% Arial, Helvetica, sans-serif;
	margin-top: 0;
	}

div.bigrow {
    clear: both;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 25px;
    margin-bottom: 10px;
    min-height: 100px;
    padding-left: 0px;
	}

div.bigrow span.label {
    float: left;
    padding-left: 8px;
    width: 30px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
	}

div.bigrow span.formw {
    float: right;
    width: 300px;
    text-align: left;
	}
  
/*</group>*/



table.details1 {
	margin-top: 10px;
	width:552px;
	float: left;
	
}

th.details1 {
	color: #5a5959;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	background: #e4e3e3;
	height: 26px;
	padding-left: 6px;
	
}

td {
	color: #5a5959;
	font: 12px Arial, Helvetica, sans-serif;
	font: expression( "100% Arial, Helvetica, sans-serif" );
	padding: 1px;
	border: 0;
	text-align:left;
	border-bottom: 1px solid #e4e3e3;
}

td.details1 {
	color: #5a5959;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	padding: 3px;
	border: 0;
	text-align:center;
	border-bottom: 1px solid #e4e3e3;
	
}

td.details1Left {
	color: #5a5959;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	padding: 3px;
	border: 0;
	text-align:left;
	border-bottom: 1px solid #e4e3e3;	
}

td.optionsRight {
	height: 24px;
	color: #5a5959;
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	padding: 3px;
	border: 0;
	text-align:right;
	border-bottom: 1px solid #e4e3e3;	
}

/* CSS Document */