/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	background-color:#333333;
	color:#333333;
	background-image:url(IMAGES/grey_background.jpg);
	background-repeat:repeat;
	}

#header{ 
	margin-top:0px;
	background-color: white;
	width: 900px;
	min-height: 600px;
	color:#333333;

	}
#header .logo{ margin-top: 10px; margin-left: 20px; float: left;}

#navigation{
	float: right;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	letter-spacing: 0.15em;
	font-size: 12px;
	padding-right: 30px;
	padding-left:20px;
	padding-top: 40px;
	color: black;
	}

li{
	display:inline;
	padding: 5px;
	text-decoration:none;
	float:right;
	}
p .required{
	color:red;
}
	
a{
	text-decoration:none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}

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

#welcomebox{
	background-color: #006600;
	background-image:url(IMAGES/green_background.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 1.3em;
	padding: 10px 40px 10px 40px;
	text-align:left;
	min-height: 30 px;
	}

#maincontent{
	width: 460px;
	float: left;
	}

#maincontent1{
	width: 310px;
	float: right;
	}

h1{
font-size: 1.3em;
}

h2{
font-size: 1.2em;
}

h4{
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
letter-spacing: 0.15em;
font-size: 1.5em;
color: #006600;
}

h3{
font-size: 2em;
color: #006600;
font-family: Arial, Helvetica, sans-serif;
}

#center{
  position: relative;
  left: 40px;
}


#sidebar1{
	margin: 10px;
	float: left;
	text-align:center;
	width: 190px;
	background-color:#EBEBEB;
	overflow: hidden;
}

#sidebar1 .inner{
	padding: 5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4em;
	font-color: black;
}

#contentbody{
	width: 610px;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin-right: 20px;
}
#contentbodyproduct{
	background-color:#EBEBEB;
	padding: 20px;
	margin: 20px;
	border-top: 3px dotted #333333;
	border-bottom: 3px dotted #333333;
}

/*Below this line is just buttons and footers*/
#btnbackground{
	width: 207px;
	height: 23px;
	padding top: 2px;
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	display: block;
	background: transparent url("IMAGES/btn_background.png") 0 -23px no-repeat;
}

#btnbackground:hover{ background-position: 0 0px; font-color: Black; text-decoration: none;}

#btnbackground a:hover{
font-family:"Times New Roman", Times, serif;
text-decoration:none;
color: white;}

#readmorebutton{
	width: 112px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: transparent url("IMAGES/read_more_btn.png") 0 -23px no-repeat;
}

#readmorebutton:hover{ background-position: 0 0px;}

#quotebutton{
	width: 112px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: transparent url("IMAGES/request_quote_btn copy.png") 0 -23px no-repeat;
}

#quotebutton:hover{ background-position: 0 0px;}


#footer{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	}
#legal{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	}
	
.bl {background: url("IMAGES/bl.jpg") 0 100% no-repeat #EBEBEB; } 
.br {background: url("IMAGES/br.jpg") 174px 100% no-repeat} 
.tl {background: url("IMAGES/tl.jpg") 0 0 no-repeat} 
.tr {background: url("IMAGES/tr.jpg") 174px 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}

#testimonials{
 border: '0'; 
 display: inline;
 padding: 5px;
}

.testimonials:hover{
background-color: transparent;
z-index: 50;
}

.testimonials:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10 px;
left: 80px; /*position where enlarged image should offset horizontally */

}

.testimonials span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

input{
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #333333;
padding: 4px;
}

textarea{
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #333333;
padding: 4px;
}

button{
width: 350px;
}