/*Main Container*/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_rep.gif);
	background-repeat:repeat;
}

p {
	padding-left:5px;
	text-align:justify;
}

.area a:link {
	color:	#003366;
	text-decoration:underline;
}

.area a:hover {
	color:#990000;
	text-decoration:underline;
}

.area a:visited {
	color:#990000;
	text-decoration:underline;
}

.hrzContainer {
	width:100%;
	margin:0 auto;
}
.hrzContainer ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle {
	float: left;
	width: 38px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/blade.gif) no-repeat;
}
.handleOver{	
	background: url(../images/blade_sel.gif) no-repeat;
}
.handleSelected{
	
	background: url(../images/blade_sel.gif) no-repeat;
}
/*Content Container*/
.contentWrapper{

	
	width: 640px;
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
	
}
.contentWrapper h3{
	border-bottom: 1px solid silver;
	color: rgb(172, 194, 112);
}
/*Animation Start*/
.contentStart {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}
/*Animation End*/
.contentEnd {
	padding-left: 24px;
	float: left;	
	width:660px;
	height: 310px;
}

/*Main Container*/
.hrzContainer3 {
	width:100%;
}
.hrzContainer3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 64px;
	height: 314px;
	text-align:center;

	background: #666;
	border: 1px solid white;
}
.handle3 img{
	margin-top:2px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.handleOver3{
	
	background: red;
	border: 1px solid white;
}
.handleOver3 img{
	margin-top:2px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.handleSelected3{
	
	background: #000;
	border: 1px solid white;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	
}
.contentInnerWrapper3{
	padding: 10px;
}
.contentWrapper3 h3{
	border-bottom: 1px solid silver;
	color: #1E90FF;
}
/*Animation Start*/
.contentStart3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}
/*Animation End*/
.contentEnd3 {
	
	float: left;	
	
	height: 310px;
}

/*MAIN CONTENT*/
#main {
	margin:0 auto;
	width:800px;
}

#banner {
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:99px;
}

.buttons {
	background-image:url(../images/bg_nav.gif);
	background-repeat:repeat-x;
	height:42px;
	width:800px;
	padding-top:2px;
}

.pad {
	float:left;
	margin-left:10px;
}

.description {
	text-align:center;
	font-size:9px;
	margin-top:0;
}

/*###*/
#home a {
	background-image:url(../images/btn_home.jpg);
	width:89px;
	height:39px;
	display:block;
}

#home a:hover{
	background-image:url(../images/btn_home_on.jpg);
	height:39px;
	width:89px;
}

/*###*/
#auto a {
	background-image:url(../images/btn_auto.jpg);
	height:39px;
	width:127px;
	display:block;
}

#auto a:hover{
	background-image:url(../images/btn_auto_on.jpg);
	height:39px;
	width:127px;
}

/*###*/
#metal a {
	background-image:url(../images/btn_metal.jpg);
	margin-left:10px;
	width:108px;
	height:39px;
	display:block;
}

#metal a:hover{
	background-image:url(../images/btn_metal_on.jpg);
	height:39px;
	width:108px;
}

/*###*/
#plastic a {
	background-image:url(../images/btn_plastic.jpg);
	margin-left:10px;
	width:166px;
	height:39px;
	display:block;
}

#plastic a:hover{
	background-image:url(../images/btn_plastic_on.jpg);
	height:39px;
	width:166px;
}

/*###*/
#resource a {
	background-image:url(../images/btn_resource.jpg);
	margin-left:10px;
	width:97px;
	height:39px;
	display:block;
}

#resource a:hover{
	background-image:url(../images/btn_resource_on.jpg);
	height:39px;
	width:97px;
}

/*###*/
#contact a {
	background-image:url(../images/btn_contact.jpg);
	margin-left:10px;
	width:73px;
	height:39px;
	display:block;
}

#contact a:hover{
	background-image:url(../images/btn_contact_on.jpg);
	height:39px;
	width:73px;
}

.area {
	background-image:url(../images/body_bg_repy.gif);
	background-repeat:repeat-y;
	width:800px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer {
	background-image: url(../images/footer.jpg);
	width:800px;
	height:27px;
	clear:both;
	float:left;
	color:#e2e2e2;
	font-size:12px;
}

#footer a:link, a:visited {
	color:#e2e2e2;
	text-decoration:none;
}

#footer a:hover {
	color:#e2e2e2;
	text-decoration:underline;
}

/*###error checking###*/

#errormsg {
	border:2px solid #c00;
	padding:5px;
	width:20em;
}    
.error {
	background: #FF0033;
}