/*  modified by CW: 2008-07-15      */

@charset "utf-8";

html, body {
margin: 0px;
padding: 0px;
}



body.home #navigation li a.home,
 body.solutions #navigation li a.solutions,
 body.demos #navigation li a.demos,
 body.abuot #navigation li a.abuot,
 body.contact #navigation li a.contact{
     
	 background-color:#000000;
 }

a .homeheading {
color:#4f6328;
font-size:15px;
font-weight:900;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-align: center;
line-height: 1.8em;
}

#image{
text-align:left;
/*padding-left:10px;*/
}

#wrapper {
width: 792px;
margin: 15px auto 0px auto;
padding: 0px;
text-align: left;
background-color:#FFFFFF;
/*border: solid 1px #BBBBBB;*/
padding-bottom:0px;
}


#header {
width: 100%;
height: auto;
background-color: #ffffff;
border:none;
}

#containertop {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
background-image: url('../../divider.gif');
background-repeat: repeat-y;
background-position: 200px 0px;
}

#container {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
background-image: url('../../divider.gif');
background-repeat: repeat-y;
background-position: 200px 0px;
}

/*        Headings, Paragraphs      */

#left {
width: 190px;
height: auto;
float: left;
padding: 0px;
margin: 0px;
}

/*    P2 (Page Two)  Main Heading    */
.p2title  
{
width: 580px; height: 70px;	
background-image:url('../images/banner2.jpg');
}

.p2title h1
{
	float:right;
	margin:16px 50px 0 10px;
   margin-top:10px;
   margin-right:8px;	
	color: rgb(0,102,0);
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	letter-spacing:2px;
	text-align:center;
}




#panes li
{
	margin-left:10px;
}


#left li{
	margin-left:0px;
	padding-left: 0;
	line-height:15px;
}

#boldlink{
font-size:12px;
font-weight:900;
}

#leftimage{
/*  width: auto|inherit will break the design  */
	width: ;
height: auto;
float: left;
padding-left: 12px;
padding-top:20px;
margin: 0px;
}

.leftblack{
font-size:17px;
color:#000000;
font-weight:900;
line-height:26px;
}

.leftgrey{
font-size:17px;
color:#666666;
font-weight:900;
}

#logo{
width: 0px;
float: left;
padding:0px;
padding-left:9px;
margin: 0px;
}

#navigation{
width:418px;
height: 50px;
float: left;
padding-right:0px;
padding-left:10px;
padding-top:3px;
margin: 0px;
text-align:left;
background-color:#ffffff;
}

li{
left:0px;
margin-left:0px;
}

#right {
width: 580px;
height: auto;
float: left;
padding-left:5px;
padding-right:5px;
padding-top:0px;
margin: 0px;
color:#000000;
}

/*  controls links in rockslide   */
a:link, a:visited, a:active {
  color:#000000;     /* dark green  */
  /* background-color:maroon; */
  margin:0 0 0 0;
  padding:0 0 0 0;
 display:inline;
text-decoration:underline;
}

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


#right a:link {
  border:5px fuchsia;
  text-decoration:underline;
  color:#000000;			
}

#right a:hover {
  text-decoration:underline;
  border:5px fuchsia;
  color:rgb(40,150,40);
/*   FONT-WEIGHT: bold;  */
}

/*  h2, h3, p    for div id="right"      */
#right h2
{ 
margin-top:12px;
margin-bottom:8px;
	FONT-WEIGHT: bold;
	font-style:normal;
	FONT-SIZE:x-large;
    letter-spacing:1px;
    /* color to match color used for letters on logo */ 
	COLOR: rgb(0,102,0);
	LINE-HEIGHT: 114%;
	FONT-FAMILY: Arial;
}

#right h3
{ 
margin-top:8px;
margin-bottom:4px;
	FONT-WEIGHT: bold;
	font-style:normal;
	FONT-SIZE:medium;
	letter-spacing:.5px;
	COLOR: rgb(0,102,0);
	LINE-HEIGHT: 114%;
	FONT-FAMILY: Arial;
}

#right p {
	MARGIN-TOP: 3pt;
	font-size: small;
	FONT-FAMILY: Arial;
	line-height:110%;
	text-align: justify;
	
}


#list a:hover{
color:rgb(40,150,40);
text-decoration: underline;
/*  FONT-WEIGHT: bold;  */
}

/*   Indent   for div id="right"     */
/*  #indent  {  	}     */
#indent p
{
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#tabs{
width:580px;
margin-top:10px;
padding-left:0px;
padding-right:0px;
}

#quotes
{
	
}

td#quotebox{
	width:255px;   /*  width & height were in %   */
	height:140px;
float:left;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border:solid 1px #bbbbbb;
background-color:#E4E4E4;
top:auto;

}

#noscriptbox{
}

#quotebox p
{
	font-size:small;
	font-family:"Times New Roman", Times, serif;
	margin:0px;
	line-height:115%;
		 
}



.clearer {
font-size: 0px;
height: 0px;
width: 100%;
display: block;
clear: both;

}


#nav {
margin: 0px;
padding: 15px;
list-style: none;
list-style-image: none;
}

#nav li {
margin: 0px;
padding: 0px;
display: inline;
}

#nav li a:link, #nav li a:visited, #nav li a:active 
{
color:#843584;
font-weight:900; 
text-decoration: underline;
display: block;
margin: 0px;
padding: 0px;
width: 160px;
}

#nav li a:hover {
color: #ccc;
text-decoration: none;
}


#footer {
padding: 0px;
margin: 0px;
margin-top:10px;
border-top:none;
}

#footer p {
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0px;
color: #aaa;
}

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

#footer a:hover {
color:rgb(0,102,0);;
background:none;
text-decoration: underline;
} 

#list li
{
margin-left:15px;
color:#000000;
}

a img{
border:none;
}

#list a{
background-color:#FFFFFF;
color:#000000;
text-decoration:underline;
}

/* tabs style */
#heading 
{
	min-height:0px;
	display: block;
	text-align: center;
	/*margin-bottom: 1em;*/
	height:28px;;
   border-bottom:solid 1px #bbbbbb; 
	padding:0px;
	margin:0;
	width:100%;
	white-space:nowrap;
}

.bor{
border-bottom:1px solid #bbbbbb;
}

#heading * 
{
	display: inline;
	padding: 0px;
	user-select: none;
	cursor: pointer;
	vertical-align: bottom;
}

#heading li
{
	margin:0px; 
	padding:0px;
	margin-right:0px;
}

#buttons li{
position:relative;
bottom:-1px;
}

html>body #buttons li{
position:relative;
bottom:0px;
}


#heading li.active {
/* position:relative;*/
	border-bottom: 5px solid #ffffff;
	background-color:#FFFFFF;
/*	z-index:100;*/
}


#topborder
{
   background:url('../../images/bordertop2.jpg') repeat-x center top;
 	margin:0px;
	padding-top:0px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
}


#round{
   padding-top:0px;
	background:url('../../images/topright.gif') no-repeat right top ;
	padding-right:14px;
	padding-bottom:1px;
	padding-left:0px;
	margin-right:0px;
  }	


 #tabtop{
   padding-top:0px;
	background:url('../../images/topleft.gif') no-repeat left top ;
	padding-left:13px;
	padding-bottom:1px;
  }	

html>body #round{
    padding-top:0px;
	background:url('../../images/topright.gif') no-repeat right top ;
	padding-right:11px;
	padding-bottom:1px;
	padding-left:0px;
	margin-right:0px;
  }	

html>body #tabtop{
    padding-top:0px;
	background:url('../../images/topleft.gif') no-repeat left top ;
	padding-left:13px;
	padding-bottom:1px;
  }	 

#noscriptdiv{
//position:relative; 
top:0px;
}

html>body #noscriptdiv{
//position:relative; 
top:-160px;
}

#panes {

	text-align: justify;
	border-style: none;
	width: 100%;
	margin: 0 auto 0 auto;
	margin-top:0px;
	overflow: hidden; 
	height: 150px; 
	border: #bbbbbb solid 1px;
	border-top:none; 
}

#panes div div {
  overflow: hidden;
  padding: 5px;
}

#previous { float: none; cursor: pointer; }

#next { float: none; cursor: pointer; }

.tabheading{
color:rgb(0,102,0);
font-size:15px;
font-weight:900;
}

.tabsubheading {
color:#333333;
font-size:12px;
font-weight:900;
}

.leftMenustyle 
{
	width:100%;
	color:#4f6328;
	font-size: 12px;
	font-weight: bold;
}

.leftMenustyle a:hover{
background:none;
}

.style2 {color: #000000}


#press td{
height:32px;;
}

.prnav{
border:none;
}




.templatethreebanner{
font-weight:900;
font-size:22px;
COLOR: rgb(0,102,0);
padding-left:30px;
line-height:24px;
}

#greyboxtwo{
position:relative;
margin-top:12px;
margin-bottom:12px;
background-color:#E4E4E4;
border: #666666 1px solid;
width:380px;
padding:2px;
padding-left:8px;
padding-right:8px;
}

#rightlinkbox{
width:150px;
float:right;
}



#rightlinkbox p{
margin-left:5px;
font-size:11px;
margin-bottom:0;
padding-bottom:0;
}

#rightlinkbox p a{
color:#000000;
font-weight:900;

}

#rightlinkbox p a:hover{
COLOR: rgb(0,102,0);
font-weight:900;
}

#headingthree{
font-size:16px;
font-weight:900;

}

#listthree{

text-indent:0px;
padding-left:0px;
}

#right li{
margin-left:5px;
}


#buttons li{
margin-left:2px;
}


#imageover{
padding-left:10%;

}

/*This is for thumbnail generatoin */

.thumbnail{
position: relative;
z-index: 0;
}

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

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

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;;
left: -200px; /*position where enlarged image should offset horizontally */

}



/*for left aligned images*/


.thumbnailleft{
position: relative;
z-index: 0;
}

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

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

.thumbnailleft span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailleft:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;;
left: -300px; /*position where enlarged image should offset horizontally */

}


/*For right aligned images */


.thumbnailright{
position: relative;
z-index: 0;
}

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

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

.thumbnailright span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailright:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;;
left: -400px; /*position where enlarged image should offset horizontally */

}



#newstop{

margin:0px;
margin-top:10px;
padding:0px;
}
#news{
width:580px;
border:solid 1px #bbbbbb; 
border-top:none;
margin-top:0px;
margin-bottom:0px;
padding-bottom:2px;
padding-top:5px;
padding-bottom:5px;
}
#news p{
padding:0;
margin:0;
padding-left:10px;

}
#box2{

}



#box3 p{
font-size:11px;
line-height:15px;
margin-left: 15px;
}

#box3 img{

margin-left:5px;
}
#news a.boxtitle{
 	margin-left:15px;
	text-align:left;
	}
#news ul{
margin:0px;
padding:0px;
margin-left:40PX;
}



.custhead{
font-weight:900;
font-size:24px;
}

div.quotegreen{
width:220px;
background:#e9ffe9;
border: #1d791d 1px solid;
font-size:12px;
padding:5px;
margin:10px;
text-align:center;
line-height:17px;


}



div.quotegreen p{


font-size:12px;
text-align:center;
line-height:17px;


}

#customertable p{

}