/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
}


body {
	padding:0 0 2em 0;
	text-align:center;
	margin: 0px;
	background-color:#e1e8ea;

}

#container {
	margin: 10 auto 0 auto;
	text-align: left;
	Width: 900px;
	height:auto;
		background-color:white;
		overflow:hidden;
	

}

p {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #6d6e71;

}





p a {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #b3d66f;
   text-decoration:none;
   padding:0px;
   font-weight: bold;
   
   }
   
p a:hover {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #b3d66f;
   text-decoration:underline;
   padding:0px;
   font-weight: bold;

   
   }
   
   p span {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color: #6d6e71;
    font-weight: bold;

}
   p span a {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #6d6e71;
   text-decoration:none;
   padding:0px;
   
   }
   
p span a:hover {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #6d6e71;
   text-decoration:underline;
   padding:0px;

   
   }
   
   

h1 {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 20px;
   color: #b3d66f;
	text-decoration: none;
	padding: 0px;
	margin-bottom:10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 16px;
   color: #b3d66f;
	text-decoration: none;
	padding: 0px;
	margin-bottom:10px;
}

h2 span {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 16px;
   color: #6d6e71;
	text-decoration: none;
	padding: 0px;
	margin-bottom:10px;
}

h2 a {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 16px;
   color: #b3d66f;
	text-decoration: none;
	padding: 0px;
	margin-bottom:10px;
}

h2 a:hover {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 16px;
   color: #b3d66f;
	text-decoration: underline;
	padding: 0px;
	margin-bottom:10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 16px;
   color: #b3d66f;
	text-decoration: none;
	padding: 0px;
	margin-bottom:5px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 24px;
      font-weight: bold;
   color: white;
	text-decoration: none;
	margin-bottom:5px;
}


h5 {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #6d6e71;
      font-weight: bold;
	text-decoration: none;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #b3d66f;
      font-weight: bold;
	text-decoration: none;
}







#banner {
float:left;
	width:900px;
	height:100px;
		background: repeat-x url(pics/bannerback.jpg);
	
}

#banner2 {
padding:0px;
margin:0px;
float:left;
	width:900px;
	height:175px;
	
}


#bottomSpace {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 9px;
   color: #ffffff;
padding:0px;
margin:0px;
float:left;
	width:900px;
	height:100px;
	background-color:#e1e8ea;
	
}



#content {
float:left;
	width:900px;
	height:auto;
	padding: 0 26 0 26px;
	background: white url(pics/dotLeft.gif) repeat-y;
	
	
	
}

#content1 {
float:left;
	width:900px;
	height:auto;
	padding: 0 26 0 26px;
	background: white url(pics/dotRight.gif) repeat-y;
	
	
	
}

#footer {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 10px;
   color: #6d6e71;
float:left;
text-align:right;
padding:0px;
	width:900px;
	height:26px;
  background-color: #ccff66;
  margin-top:26px;
	
}

.footernav {
padding: 7 26 0 0px;

}


#footer a {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 10px;
   color: #6d6e71;	
   display: inline;
   text-decoration:none;
text-align:right;


	
}

#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 10px;
   color: #6d6e71;	
   display: inline;
   text-decoration:underline;
text-align:right;


	
}





#logo {
width:250px;
	height:auto;
   float: left;
}

#nav1 {
width:629px;
	height:87px;
   float: left;
   padding: 60 0 0 0px;

}

#nav1 ul {
   float: right;
   list-style: none;
   font-weight: normal;
   margin: 0px;
   padding: 5 10 5 10px;
}

#nav1 ul li {
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color: #b3d66f;	
   display: inline;
   clear: left;
   padding:0px;
   margin: 0px;
   text-decoration: none;
}

#nav1 ul li span {	
font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: white;	
   display: inline;
   padding: 5 10 5 10px;
   text-decoration: none;
   background-color: #ccff66;
}

#nav1 ul li a {	
font-family: Arial, Helvetica, sans-serif;
   display: inline;
   padding: 5 10 5 10px;
   text-decoration: none;
   color: #b3d66f;
   margin: 0;
}

#nav1 ul li a:hover {
font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color: white;
   padding: 5 10 5 10px;	
   display: inline;
   text-decoration: none;
   background-color: #ccff66;
}



.leftText {
padding:0 13 0 0px;

}

.rightText {
padding:0 0 0 13px;

}




#contentLeftHome {
   float:left;
	width:549px;
	height:auto;
	padding: 0 0 0 0px;
	
}







#contentRightHome {
	float:left;
	width:272px;
	height:auto;
	padding: 0 0 0 13px;
	overflow:hidden;
		
	
	
	
}

#contentRightHome ul {
list-style-type: none;



}

#contentRightHome  ul li {
background: url(pics/bullet.gif) left top no-repeat;
margin:0 0 10 0px;
padding:0 0 0 20px;
overflow:hidden;
}







.textPannelBlank {
   float:left;
	width:528px;
	height:auto;
	padding: 5px;
	margin:20 0 10 0px;
	overflow:hidden;
	

	
	
}

.textPannelBlank ul {
list-style-type: none;



}

.textPannelBlank  ul li {
background: url(pics/bullet.gif) no-repeat left top;
padding:0 0 0 20px;
margin:0 0 10 0px;
	overflow:hidden;

	

}







.homePhone {
padding:20px;
margin-bottom:5px;
float:right;
}

.homeText2 {

clear:left;
}





.textPannel {
   float:left;
	width:528px;
	height:auto;
	padding: 10 5 10 10px;
	margin:20 0 20 0px;
	background: url(pics/pannelback.gif) repeat;
	
	
}

.textPannel ul {
list-style-type: none;



}

.textPannel  ul li {
background: url(pics/bullet.gif) left top no-repeat;
padding:0 0 0 20px;
margin:0 0 5 0px;
overflow:hidden;
}

.textPannel2 {
   float:left;
	width:538px;
	height:auto;
	padding: 5 5 15 5px;
	margin:20 0 20 0px;
	background: url(pics/pannelback.gif) repeat;

	
}


.servicesBoxTop {
   float:left;
	width:528px;
	height:auto;
	padding: 10 5 5 5px;
	margin:0 0 10 0px;
	background: url(pics/pannelback.gif) repeat;

	
}



.servicesBoxblank {
   float:left;
	width:528px;
	height:auto;
	padding: 0px;
	margin:0 0 20 0px;
	background-color:#FFFFFF;
	
}

.servicesBoxblank a {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #b3d66f;
   text-decoration:none;
   background:none;
   padding:0px;
   font-weight: bold;
   
   }
   
.servicesBoxblank a:hover {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #b3d66f;
   text-decoration:underline;
      background:none;
   padding:0px;
     font-weight: bold;

   
   }

.servicesBoxLeft {
   float:left;
	width:270px;
	height:auto;
	padding: 0px;
	margin:0px;

	
}

.servicesPad {
padding-left:10px;

}


.servicesBoxText {
	margin:0 13 0 0px;
	
	}

.servicesBoxRight {
   float:left;
	width:235px;
	height:auto;
	padding: 0px;
	margin:0px;

	
}

.servicesBoxRight ul {
list-style-type: none;



}

.servicesBoxRight  a {
font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color:#6d6e71;	
   display: block;
   text-decoration: none;
margin-bottom:10px;
padding:5 0 5 30px;
background: url(pics/blankarrowback4.gif) left center no-repeat;
}

.servicesBoxRight  a:hover {
font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color: #6d6e71;	
   display: block;
background-color:#ccff66;
text-decoration: none;
margin-bottom:10px;
padding:5 0 5 30px;
background: url(pics/blankarrowback3.gif) left center no-repeat;
}




   





.pannelLeft {
   float:left;
	width:240px;
	height:auto;
	
}

.pannelRight {
   float:left;
	width:240px;
	height:auto;
	margin-left:20px;
	
}


#contentRightServices {
   float:left;
	width:549px;
	height:auto;
	padding: 0 0 0 0px;

	
}

.leftNav {
padding:0 13 0 0px;

}

#contentLeftServices {
	float:left;
	width:285px;
	height:auto;
	padding: 0 0 0 0px;

	
}

#contentLeftServices ul {
list-style-type: none;



}

#contentLeftServices  a {
font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color:#6d6e71;	
   display: block;
   text-decoration: none;
margin-bottom:10px;
padding:5 0 5 30px;
background: url(pics/blankarrowback2.gif) left center no-repeat;
}

#contentLeftServices  a:hover {
font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color: #6d6e71;	
   display: block;
background-color:#ccff66;
margin-bottom:10px;
padding:5 0 5 30px;
background: url(pics/blankarrowback3.gif) left center no-repeat;
}

#contentLeftServices  span {
font-family: Arial, Helvetica, sans-serif;	
   font-size: 14px;
   color: #6d6e71;	
   display: block;
background-color:#ccff66;
margin-bottom:10px;
padding:5 0 5 30px;
background: url(pics/blankarrowback3.gif) left center no-repeat;
}


#contentRightProducts {
   float:left;
	width:562px;
	height:auto;
	padding: 0 0 0 0px;

	
}

.leftTextproducts {
padding:0 13 0 0px;

}

.rightTextproducts {
padding:0 0 0 13px;

}




   
   

#contentLeftProducts {
	float:left;
	width:285px;
	height:auto;
	padding: 0 0 0 0px;

	
}


#contentLeftProducts ul {
list-style-type: none;



}

#contentLeftProducts  ul li {
background: url(pics/bullet.gif) left top no-repeat;
margin:0 0 20 0px;
padding:0 0 0 20px;
}


#contentLeftNumbers {
	float:left;
	width:285px;
	height:auto;
	padding: 0 0 0 0px;
	
}




.leftNavnumbers {
padding:0 13 0 0px;

}


#contentRightnumbers {
   float:left;
	width:562px;
	height:auto;
	padding: 0 0 0 0px;

	
}

#contentRightNumbers ul {
list-style-type: none;



}

#contentRightNumbers  ul li {
background: url(pics/bullet.gif) left top no-repeat;
margin:0 0 20 0px;
padding:0 0 0 20px;
}


.horizontalRule {

width: 100%;
height:1px;
overflow:hidden;
	margin: 10 0 10 0px;
	padding:0px;
	text-align: left;
		background: white url(pics/dot.gif) repeat-x;

	}
	
	

	
	
	
	
		
	
	

	



#calltoaction  {
clear:left;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #6d6e71;
   text-decoration:none;
   font-weight: bold;
   
   }
   
   #calltoaction a {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #b3d66f;
   text-decoration:none;
   background:none;
   padding:0px;
   font-weight: bold;
   
   }
   
#calltoaction a:hover {
display:inline;
	font-family: Arial, Helvetica, sans-serif;	
   font-size: 12px;
   color: #b3d66f;
   text-decoration:underline;
      background:none;
   padding:0px;
     font-weight: bold;

   
   }
   
   
   
.productbox {
		width:269px;
		height:auto;
		float:left;
		overflow:hidden;
		margin: 0 0 10 0px;
		padding:0px;
		}
		
.productbox2 {
		width:269px;
		height:auto;
		float:left;
		overflow:hidden;
		margin: 0 0 10 10px;
		padding:0px;
		}
		




.pic1 {
width:271px;
overflow:hidden;

	margin-bottom:10px;
	
}


.pic2 {
width:271px;
overflow:hidden;

	margin-bottom:10px;
	margin-top:10px;
	
}

.pic3 {


	margin-bottom:10px;
	
}

.grabs {
margin-left:26px;
margin-bottom:20px;
float:left;

}




/* pop up text */


.info {
width:15px;
height:15px;
padding:0px;
margin:0px;
float:left;
overflow:hidden;

}


.listfix {
margin:0px;



}

.popText {

float:left;
position: relative;
left: 410px;
top:0px;
margin:-14px 0px 0px 0px;
padding:0px;


	


}



.popText a {

font-family: Arial, Helvetica, sans-serif;
		
   font-size: 12px;
   
   color: #6d6e71;

	text-decoration: none;

	border: none;

	margin: 0px;

	padding: 0px;

}



.popText a:hover {

font-family: Arial, Helvetica, sans-serif;
		
   font-size: 12px;
   
   color: #6d6e71;

	position: relative;
	margin:0px;
	padding:0px;


}



.popText a span {

	display: none;

}



.popText a:hover span {
float:left;
top:5px;
left:-430px;

font-family: Arial, Helvetica, sans-serif;
		
   font-size: 12px;
   
   color: #6d6e71;
   
   background: url(pics/pannelback.gif) repeat;

	display: block;

	width:460px;
	
	height:auto;

	position: relative;
	
line-height: 1.5em;

	padding: 5px; 

	margin: 10px; 

	z-index: 100;
	
	border: 1px dotted #6d6e71;
	
	





}



.popText2 {

float:left;
position: relative;
left: 220px;
margin:-14px 0px 0px 0px;
padding:0px;
	


}



.popText2 a {

font-family: Arial, Helvetica, sans-serif;
		
   font-size: 12px;
   
   color: #6d6e71;

	text-decoration: none;

	border: none;

	margin: 0;

	padding: 0;

}



.popText2 a:hover {

font-family: Arial, Helvetica, sans-serif;
		
   font-size: 12px;
   
   color: #6d6e71;

	position: relative;
	margin:0px;
padding:0px;

}



.popText2 a span {

	display: none;

}



.popText2 a:hover span {

float:right;

top:0px;
left:-260px;

font-family: Arial, Helvetica, sans-serif;
		
   font-size: 12px;
   
   color: #6d6e71;
   
   background: url(pics/pannelback.gif) repeat;

	display: block;

	width:220px;
	
	height:auto;

	position: relative;
	
	bottom:10px; 

	line-height: 1.5em;

	right: 0;
	
	padding: 5px; 

	margin: 15 0 0 0px; 

	z-index: 100;
	
	border: 1px dotted #6d6e71;





}


html>body .popText2 a:hover span {

float:right;

top:0px;
left:-220px;

font-family: Arial, Helvetica, sans-serif;
		
   font-size: 12px;
   
   color: #6d6e71;
   
   background: url(pics/pannelback.gif) repeat;

	display: block;

	width:220px;
	
	height:auto;

	position: relative;
	
	bottom:10px; 

	line-height: 1.5em;

	right: 0;
	
	padding: 5px; 

	margin: 15 0 0 0px; 

	z-index: 100;
	
	border: 1px dotted #6d6e71;





}












/* end pop up text */




/* FORM ITEMS */

* {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0;
}





#FormCol label {
	color: #58595B;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	clear: left;
	margin-top:5px;
}

#FormCol input {
	clear: left;
	float: left;
	width: 275px;
	border: 1px solid #58595B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: url(pics/pannelback.gif) repeat;
}

#FormCol textarea {
	clear: left;
	float: left;
	width: 275px;
	border: 1px solid #58595B;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	color: #000000;
		background: url(pics/pannelback.gif) repeat;
}

#FormCol select {
	float: left;
	width: 275px;
		border: 1px solid #58595B;
	margin: 5px 0px 0px 0px;
}





select {
	float: left;
}






#sendButton {
	margin-bottom: 5px;
	margin-top:10px;
	border: none!important;
	width:auto;
	height:auto;
	
}

/* end form items */
