@charset "utf-8"; 

/*       Globals             */

html {
overflow-y: scroll;   /* forces firefox scrollbar on */
padding-bottom: 20px;
}
body {
font-size: 80%;
margin: 0em auto;
padding: 0em;
font-family: arial, sans-serif;
background: #dfe1bd url(/images/back_page.gif) 0 0 repeat-x;
}
IMG{
border: 0px;
} 
.clear{
clear: both;
}
a, .red  {
color: #992825;
outline: 0px;
text-decoration: none;
}
a:hover  {
color: #648038; 
outline: 0px;
text-decoration: underline;
}
.green{
/*color: #7f9b65;*/ 
}




div.container{
margin: 10px auto;
width: 900px;
}

div.logo{
float: left; 
margin: 4px 0 4px 5px;
}
div.tertiary{
float: right;
background: #992825 url(/images/back_tert-left.gif) 0 0 no-repeat;
width: 250px;

}
.webkit div.tertiary, .gecko div.tertiary {    /*  mac safari - ff fix*/
margin-top: -1px;
}
.win.gecko div.tertiary {   /*  pc ff fix*/
margin-top: 0px; 
}

	.win.gecko div.ff, .gecko div.ff, .webkit div.ff{   /*  pc ff fix*/
	height: 6px; 
	}

div.tertiary-right{  
float: right;
margin-top:-2px;
background: #992825 url(/images/back_tert-right.gif)  100% 2px no-repeat;
padding: 0 25px 0 25px;
height: 22px;
width: 180px; 
}

div.tertiary a{
color: #ffffff;
font-size: 11px;
padding: 0px 11px 0 8px;
background:  url(/images/split-tert.gif)  100% 3px no-repeat; 
}
div.tertiary a.no-back{
background:  url(/images/spacer.gif)  100% 3px no-repeat; 
}

div.main{  
width: 900px;
padding: 1px 0 0 0;  /*  ff requires        */
background: #525f44 url(/images/back_head.gif)  0 0 no-repeat; 
}  

/*      Top Nav          */

.glowingtabs {
FONT-SIZE: 12px; 
height: 30px;
FLOAT: left; 
WIDTH: 887px; 
LINE-HEIGHT: normal; 	
background: #525f44 url(/images/back_navtop.gif) 0 0  repeat-x; 
margin: 6px 0 0 7px;
}
*html .glowingtabs {
margin: 7px 0 0 4px;
}

.webkit .glowingtabs A{
padding: 9px 15px 10px 15px;  /* safari fix*/
}


.glowingtabs UL {
PADDING: 0 0 0 0; 
MARGIN: 0 0 0 0;  
LIST-STYLE-TYPE: none;
}
.glowingtabs LI {
PADDING: 0 0 0 0x; 
DISPLAY: inline; 
MARGIN: 0px; 
}
.glowingtabs A {
PADDING: 0 0 0 9px; 	
color: #000000; 
font-size: 11px;
BACKGROUND: url(/images/nav_top.gif) repeat-x -12px top; 
FLOAT: left;  
padding: 8px 17px 9px 17px;
TEXT-DECORATION: none;
text-transform: uppercase;

}
a.b01{ 
background: #525f44 url(/images/nav_top.gif)  0 0 no-repeat; 
border-left: 0px solid #ffffff;
}

.glowingtabs span{  
height:29px;
border-right: 1px solid #c4c6c2;
border-left: 1px solid #d7e0d1;
float:left;
}  

.glowingtabs LI.selected A {
BACKGROUND-POSITION: -12px -33px;
COLOR: #ffffff;
text-decoration: none;
} 

.glowingtabs LI.selected A.b01 {
BACKGROUND-POSITION: 0 -33px;
COLOR: #ffffff;
text-decoration: none;
} 

.dropmenudiv_d {
WIDTH: 120px;
Z-INDEX: 100; 
VISIBILITY: hidden; 
FONT: 11px/12px Verdana; 
POSITION: absolute; 
margin-top: -1px; 
BACKGROUND-COLOR: #e8eee4;
BORDER-RIGHT: #6f895b 1px solid; 
BORDER-TOP: #6f895b 0px solid; 
BORDER-LEFT: #6f895b 1px solid;  
BORDER-BOTTOM: #6f895b 0px solid; 


}
.dropmenudiv_d A{
DISPLAY: block; 
WIDTH: auto; 
COLOR: black;  
TEXT-DECORATION: none;
BORDER-RIGHT: #6f895b 0px solid; 
BORDER-LEFT: #6f895b 0px solid;
BORDER-TOP: #6f895b 0px solid;  
BORDER-BOTTOM: #6f895b 1px solid; 
padding: 5px 5px 5px 5px;

}
* HTML .dropmenudiv_d A {
WIDTH: 100%
}
.dropmenudiv_d A:hover{
BACKGROUND-COLOR: #819a6d;
color: #ffffff;
text-decoration: none;
}

.dropmenudiv_d .sub{
padding: 3px 5px 3px 15px;
background-color: #f7f9f5;
}

.glowingtabs a.on1{ 
color: #ffffff; 
background: #525f44 url(/images/nav_top.gif) 0px -33px  no-repeat; 
text-decoration: none;
}

.glowingtabs  a.on{ 
color: #ffffff; 
background: #525f44 url(/images/nav_top.gif) -12px -33px  no-repeat; 
text-decoration: none;
}




/*    search         */
div.search{
float:right;
background: url(/images/back_head-r.gif) 100% 0 no-repeat; 
height: 30px;
padding: 0 7px 0 0;
text-transform: uppercase;
font-size: 11px;
}
div.search form{
margin: 5px 4px 0 0;
}
	*html div.search form{
	margin: 3px 4px 0 0;
	}
	*+html div.search form{
	margin: 3px 4px 0 0;
	}

input.searchfield{
border-top: 1px solid #878b8a;
border-left: 1px solid #a1abad;
border-bottom: 1px solid #e2e2e2;
border-right: 0px solid #878b8a;
width: 117px;
height: 16px;
font-size: 11px;
outline: none;
}
 input.searchbtn{ 
width: 17px;
height: 20px;
margin: 0 0 -4px  0;
}

	.gecko div.search input.searchbtn{  /*   ff fix    for search box  */
	margin: 0 0 -7px  0;
	}
		.gecko  input.searchbtn{  /*   ff fix  for on page     */
		margin: 10px 0 -7px  0;
		}
	.webkit div.search input.searchbtn{  /*   safari fix      */
	margin: 0 0 -6px  0;
	}
	
/*  Tier Header Image          */
div.header{
margin: 4px 0 7px 7px;
} 
	

/*  Tier  Main  Two Col          */

div.twocol-top{
width:887px; 
height: 8px;
margin: 6px 0 0px 7px;
background: url(/images/back_cols-top.gif)  0 0 no-repeat; 
} 
	*html div.twocol-top {
	margin: 4px 0 0px 7px;
	} 
	*+html div.twocol-top {
	margin: 4px 0 0px 7px;
	} 
.mac{
padding-top: 1px;
} 

div.twocol-bot{
width:887px; 
height: 8px;
margin: 0 0 0 7px;
padding-bottom: 13px;
background: url(/images/back_cols-bot.gif)  0 0 no-repeat; 
} 
*html div.twocol-bot{
padding-bottom: 0px;
} 
*+html div.twocol-bot{
padding-bottom: 6px;
} 

div.twocol{
width:887px; 
margin: 0px 0 0px 7px;
text-align:left; 
background: url(/images/back_cols-mid.gif)  0 0 repeat-y; 
  min-height:400px;
  height:auto !important;
  height:400px;
} 
	*html div.twocol{
	margin: -8px 0 0px 7px;
	}

div.twocol div.content{
float:right;
width:648px;
padding: 0 25px 10px 35px; 
background: #ffffff;
}

div.twocol div.nav{
width:173px;
float:left;
}

div.twocol h2{
color: #525f44;
font-size: 1.4em;
font-weight: normal;
margin-bottom: -12px;
}

.gecko div.twocol h2{
margin-bottom: -5px;
}


/*  Tier  Main  Two Col  BLOG        */

div.twocol-top-blog{
width:887px; 
height: 8px;
margin: 6px 0 0px 7px;
background: url(/blog/images/back_cols-top.gif)  0 0 no-repeat; 
} 
	*html div.twocol-top-blog {
	margin: 4px 0 0px 7px;
	} 
	*+html div.twocol-top-blog {
	margin: 4px 0 0px 7px;
	} 
.mac{
padding-top: 1px;
} 

div.twocol-bot-blog {
width:887px; 
height: 8px;
margin: 0 0 0 7px;
padding-bottom: 13px;
background: url(/blog/images/back_cols-bot.gif)  0 0 no-repeat; 
} 
*html div.twocol-bot-blog {
padding-bottom: 0px;
} 
*+html div.twocol-bot{
padding-bottom: 6px;
} 

div.twocol-blog {
width:887px; 
margin: 0px 0 0px 7px;
text-align:left; 
background: url(/blog/images/back_cols-mid.gif)  0 0 repeat-y; 
  min-height:400px;
  height:auto !important;
  height:400px;
} 
	*html div.twocol-blog{
	margin: -8px 0 0px 7px;
	}

div.twocol-blog div.content{
float:left;
width:571px;
padding: 0 25px 10px 35px; 
background: #ffffff;
}

div.twocol-blog div.nav{
width:250px;
float:right;
}

div.twocol-blog h2{
color: #525f44;
font-size: 1.4em;
font-weight: normal;
margin-bottom: -3px;
}

.gecko div.twocol-blog h2{
margin-bottom: -5px;
}


 /*    side nav        */

div.nav UL {
PADDING: 0 0 0 0; 
MARGIN: 0 0 0 0;  
LIST-STYLE-TYPE: none
}
div.nav LI {
PADDING: 0 0 0 0; 
MARGIN: 0 0 0 0;  
} 
div.nav A {
background:  #eaf0e6 url(/images/nav_dot.gif) 8px 6px  no-repeat; 
padding: 5px 5px 5px 25px;
text-transform: uppercase;
font-size: 10px;
color: #000000;
display: block;
border-top: 1px solid #eaf0e6;
border-bottom: 1px solid #eaf0e6;
}
	*html div.nav A {
	background:  #eaf0e6 url(/images/nav_dot.gif) 8px 10px  no-repeat; 
margin: 0 0 -16px 0;
	}
	*+html div.nav A {
	background:  #eaf0e6 url(/images/nav_dot.gif) 8px 10px  no-repeat; 
	}


div.nav A:hover,  div.nav A.s-on{
background:  #f7f9f5 url(/images/nav_dot-on.gif) 8px 6px  no-repeat; 
text-decoration: none;
color: #525f44;
border-top: 1px solid #8f9985;
border-bottom: 1px solid #8f9985;
}
	* html div.nav A:hover,  * html div.nav A.s-on {
	background: #f7f9f5 url(/images/nav_dot-on.gif) 8px 10px  no-repeat; 
	}
	*+ html div.nav A:hover,  *+ html div.nav A.s-on {
	background: #f7f9f5 url(/images/nav_dot-on.gif) 8px 10px  no-repeat; 
	}
	

div.nav LI.sub A {
padding: 0px 0px 3px 35px;
font-size: 9px;
color: #525f44;
background:  #eaf0e6 url(/images/nav_dot_sub.gif) 22px 6px  no-repeat; 
}
	.gecko div.nav LI.sub A  {
	padding: 5px 0px 4px 35px;
	}
 	.webkit div.nav LI.sub A  {
	padding: 6px 0px 4px 35px;
	}

div.nav LI.sub A:hover,  div.nav LI.sub A.s-on {
padding: 0px 0px 3px 35px;
background: #f7f9f5  url(/images/nav_dot-on.gif) 22px 6px  no-repeat; 
}

	.gecko div.nav LI.sub A:hover, .gecko div.nav LI.sub A.s-on {
	padding: 5px 0px 4px 35px; 
	}
	.webkit div.nav LI.sub A:hover, .webkit div.nav LI.sub A.s-on{
	padding: 6px 0px 4px 35px; 
	}




	<!--site map adjust of menu-->
div.sitemap	div.nav UL {
PADDING: 10px; 
MARGIN: 10px;  
LIST-STYLE-TYPE: circle;
}
div.sitemap div.nav LI {
PADDING: 0px; 
MARGIN: 3px 0 3px 20px;  
LIST-STYLE-TYPE: circle;
} 
div.sitemap div.nav A, div.sitemap div.nav LI  A, div.sitemap  div.nav A:hover,div.sitemap  div.nav A.s-on, div.sitemap div.nav LI.sub A, div.sitemap div.nav LI.sub A:hover {
padding: 0px 0px 3px 0px;
font-size: 1em;
color: #992825;
background: #ffffff  url(/images/spacer.gif) 0 0 no-repeat; 
border: 0px;
text-transform: capitalize;
}
 div.sitemap div.nav LI.sub  {
 MARGIN: 4px 0 4px 50px;  
}

div.sitemap	H2{
font-size: 1.2em;
font-weight: bold;
line-height: 1.3em;
margin: 10px 0 5px 0;
} 

	
	
 /*    Content Styles        */

div.breadcrumb{
font-size: 11px; 
/*font-weight: bold;*/
float:left; 
}

div.onecol div.left div.breadcrumb{  /* for solutuions overview */
margin: -15px 0 0 0; 
}

div.breadcrumb A{
/*color: #009999;*/
font-weight: normal;
}
div.breadcrumb A:hover{
text-decoration: none;
color: #000000;
}
div.breadcrumb SPAN{
padding: 0 2px 0 2px;
font-size: 1.3em;
}
div.email{
float: right;
font-size: .75em;
margin: -4px 0 0 0;
height: 20px;
}
div.email A{
color: #009999; 
line-height: 24px;
}
div.email A:hover{
text-decoration: none;
color: #000000;
}

	div.email a.email{
	background:  url(/images/icon_email.gif) 0 0 no-repeat;
	padding: 2px 0 5px 24px;
	}
	div.email a.print{
	background:  url(/images/icon_print.gif) 100% 0  no-repeat;
	padding: 2px 22px 5px 0;
	}
	
div.content h1{
font-size: 1.9em;
font-weight: normal;
color: #a03634;
padding-bottom: 4px;
border-bottom: 1px dotted #333333;
}

	.webkit div.content h1 {  /*   safari fix      */
	padding-top: 14px;
	} 
	div.content div.year{
	font-size: .95em;
	 float: right;
	color: #666666;
	}
		
	div.content div.year A{
	padding: 0 4px 0 4px;
	}
	
	div.content div.year A.on{
	color: #666666;
	cursor: default;
	}

	div.content div.year A.on:hover{
text-decoration: none;
	}
	
	
/*   Content Callout       */
div.callout{
background:  #fefefe url(/images/back_callout.gif) 0px 0px  repeat-x; 
float: right;
width: 225px;
padding: 10px;
margin: 0 -15px 10px 10px;
border: 1px solid #f7f7f7;
}
div.callout H1{
font-size: 1.4em;
margin: 0px 0 5px 0;
}

div.callout img.thumb{
float: left;
padding: 0 10px 10px 0;
}
div.callout img.icon{
float: right;
padding: 0 0 0 5px;
}

div.callout a{
color: #333333;
display: block;
padding: 10px 0 10px 0;

}
div.callout a:hover{
text-decoration:none;
color: #009999;
background-color: #eaf0e6;
}
div.callout p{
margin: 0 0 0 0;
}

div.callout div.clear, div.dot-line{
border-bottom: 1px dotted #333333;
clear: both;
}
div.dot-line{
margin-bottom: 7px; padding-top: 5px
}



div.pdflink IMG{
float: right;
padding: 0 0 5px 2px;
}


/*   Social Network Icons       */

div.social-off div.social {
display: none;
}

div.social {
font-size: .75em;
line-height: 27px;
text-align: center;
border-top: 1px dotted #333333;
padding: 2px 0 2px 0;
}

.webkit div.social {    /*  mac safari - ff fix*/
font-size: .85em;
}
.gecko div.social {    
font-size: .9em;
}
.win.gecko div.social {
font-size: .75em;
}

div.social a{ 
padding: 0px 20px 5px 22px;
text-decoration: none;
color: #009999;
}

div.social a:hover{
color: #000000;
background-color: #ffffff; 
text-decoration: none;
}



div.social a.slashdot{
background:  url(/images/icon_s_slashdot.gif)  0 0  no-repeat;
}
div.social a.digg{
background:  url(/images/icon_s_digg.gif)  0 0 no-repeat;
}
div.social a.delicious{
background:  url(/images/icon_s_delicious.png)  0 0 no-repeat;
}	
div.social a.reddit{
background:  url(/images/icon_s_reddit.gif) 0 0 no-repeat;
}
div.social a.newsvine{
background:  url(/images/icon_s_newsvine.png) 0 0 no-repeat;
}
div.social a.yahoo{
background:  url(/images/icon_s_yahoo.png) 0 0 no-repeat;
}


/*   Home - Header Page Styles       */
div.onecol{
width:887px; 
margin: 0 0 10px 7px;
text-align:left; 
}

div.flash{
width:887px; 
margin: 0 0 5px 0;
}

	/*  box outline white-tan    */
	div.bl-white {background: url(/images/1bl-ac.gif) 0 100% no-repeat #ffffff;} 
	div.br-white {background: url(/images/1br-ac.gif) 100% 100% no-repeat} 
	div.tl-white {background: url(/images/1tl-ac.gif) 0 0 no-repeat} 
	div.tr-white {background: url(/images/1tr-ac.gif) 100% 0 no-repeat;} 
	
	div.bl-tan {background: url(/images/1bl-ac.gif) 0 100% no-repeat #fcf2e6;} 

	div.onecol div.tr-white  {
	padding: 25px 8px 10px 30px;
	} 


div.onecol div.left{
width:545px; 
border-right: 1px dotted #333333;
padding: 0  20px 30px 0;
float: left; 
}

div.left div.indent{ 
padding: 0 15px 0 0; 
margin-top: -20px;
}




div.onecol div.right{
width:262px;
float: right;  
padding: 0  0 0 10px;
/*margin: 0 0 10px 7px;
text-align:left; */
}

div.onecol h1{
font-size: 1.5em;
font-weight: normal;
color: #a03634;
padding-bottom: 4px;
border-bottom: 1px dotted #333333;
margin-top: 30px;
}
div.onecol h1 a{
font-size: .6em;
font-weight: bold;
float:right;
margin: -20px 0 0 0;
color: #a03634;
}
div.onecol h1 a:hover{
color: #648038;
}

	.win.gecko div.onecol h1 a, .gecko div.onecol h1 a{   /*  pc ff fix*/
	margin: -12px 0 0 0; 
	}
	
	.webkit div.onecol h1 a{   /*  pc ff fix*/
	margin: 10px 0 0 0; 
	}


div.onecol h2{   /*  home - feature page style*/

font-size: 1.2em;
font-weight: normal;
line-height: 1.3em;
padding-bottom: 4px;
margin: 0 0 -10px 0;
}


div.onecol div.demo { 
text-align: center;
border-right: 1px dotted #333333;
float: left;
width: 33%;
}
div.onecol div.off {
border-right: 1px dotted #ffffff;
}
 
div.demobox { 
text-align: center;
}

 
div.onecol div.demo h3, div.demobox h3{ 
font-size: 1em;
color: #000000;
margin: 0 0 4px; 0;
}
div.onecol div.demo  a, div.demobox  a{ 
font-weight: bold;
font-size: .9em;
padding: 0 2px 0 2px;
}


	body.quote{
	background: transparent  url(/images/spacer.gif) 0 0 no-repeat;
	}
	p.quoteframe{
 	width: 180px; 
	}



div.quote-top{ 
background:  url(/images/quotebox_top.gif) 0 0px  no-repeat; 
height: 15px;
margin: 0 0 0 15px;
}
div.quote{ 
background:  url(/images/quotebox_mid.gif) 0 0px  repeat-y; 
padding: 3px 23px 3px 25px;
width: 176px;
margin: -1px 0 0 15px;
}
div.quote-bot{ 
background:  url(/images/quotebox_bot.gif) 0 0px  no-repeat; 
height: 22px;
margin: 0 0 0 15px;
}

div.quote p{ 
background:  url(/images/quote_lft.gif) 0 0  no-repeat; 
text-indent: 28px;

/*line-height: 1.6em;
font-size: .89em;*/
font-style: italic;
margin: 2px 0 2px 0;
}
div.quote div{   /* this is the end quote*/
background:  url(/images/quote_rgt.gif)  0 0 no-repeat; 
height: 16px;
width: 19px;
margin: -19px 2px -10px 0; 
float: right;

}
	


div.quote-by{ 
background:  url(/images/quote_arw.gif) 0 0  no-repeat; 
padding: 0 0 0 20px;
margin: 0  0 0 35px;

}
/*.win.gecko div.quote-by{ 
font-weight: bold;
}*/

div.quotetier{ 
margin: 30px 0 30px -15px;
} 
.win.gecko div.quotetier{
padding-bottom: 60px;
}

 
 div.left div.callout-news{ 
width: 165px; 
border: 1px dotted #333333; 
float:right;
font-size: .85em;
padding: 5px;
}
div.left div.callout-news IMG{ 
float: left;
margin: 0  5px 10px 0;
}
div.left div.callout-news A { 
display:block;
color: #000000;
}
div.left div.callout-news A:hover{ 
background-color: #f5f6ea;
text-decoration: none
}


ul.newslist {
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-top: -12px;
width: 300px;
}
	.ie ul.newslist{
		width: 340px;
	}
	

ul.newslist li {  
list-style: none;
padding: 0 0 0 0; 
background:  url(/images/arrow_green.gif) 0 11px  no-repeat; 
}
 

ul.newslist a {
display: block;
padding: 7px 0 6px 15px; 
color: #000000;
background: #ffffff url(/images/arrow_green.gif) 0 11px  no-repeat; 
}
	.ie ul.newslist a {
	padding: 0px 0 0px 15px; 
	background: #ffffff  url(/images/arrow_green.gif) 0 4px  no-repeat; 
	}
	.ie7 ul.newslist a {
	padding: 7px 0 6px 15px; 
	background: #ffffff url(/images/arrow_green.gif) 0 11px  no-repeat; 
	}

ul.newslist a:hover {
background-color: #f5f6ea;
text-decoration: none;
}

ul.newslist SPAN, div.left div.callout-news SPAN {
color: #a03634; 
font-size: .9em;
padding: 0 0 0 10px;
font-weight: bold;
white-space: nowrap;
}
div.left div.callout-news SPAN {
padding: 0 0 0 2px;
font-size: 1em;
}

ul.newslist a:hover span,   div.left div.callout-news a:hover SPAN {
color: #648038;
}

div.paper {
font-size: .9em;
padding: 0 5px 0 0px;
}

div.paper img{
float: right;
padding: 0 0 0  0px ;
}
div.paper p{ 
margin:  0  0 10px 0;
}
div.paper A{
font-weight:bold;
}

ul.redarrow {
list-style: none;
margin-top: 10px;
}  
ul.redarrow {
list-style: none;
margin-top: 10px;
}  
	div.twocol ul.redarrow {
	margin-top: 15px;
	} 

ul.redarrow li {
margin:  0  0 0 -38px;
padding: 4px 0px 3px 20px; 
background:  url(/images/arrow_red.gif) 0 7px  no-repeat;
}
ul.redarrow ul  {
list-style: circle;
margin-top: 10px;
} 
ul.redarrow ul li {
margin:  0  0 0 -23px;
background:  url(/images/spacer.gif) 0 0px  no-repeat;
padding: 0px 0px 3px 2px; 
} 

.gecko ul.redarrow ul li {
margin:  0  0 0 -32px;

} 




/*   Seciton Header Page Styles       */
div.left-tier{
width:600px; 
float: left;
}

div.left-tier div.onecol {
width:600px; 
border-right: 0px dotted #333333;

}

div.left-tier div.prodemo-top {
width:600px;  
height: 41px;
background:  url(/images/back_demo_top.gif) 0 0px  no-repeat;
margin:0 0 0 7px;
padding-top: 1px;  /*ff require*/
}

div.left-tier h4, h4{   /* section head  white box header*/
font-size: 1.5em; 
line-height: 1.3em;
padding-bottom: 4px;
margin: 15px 0 -10px 0;
font-weight: normal;
color: #333333;
}

div.left-tier div.prodemo-top H1{
font-size: 1.5em;
font-weight: normal;
color: #333333;
	padding: 8px 25px 0 27px;
}

	 .webkit div.left-tier div.prodemo-top H1 {
	padding: 0px 25px 0 27px;
	}
	.gecko div.left-tier div.prodemo-top H1{
	padding: 0px 25px 0 27px;
	margin-top: 10px;
	}



div.left-tier div.prodemo-top H1 a{
font-size: .6em;
font-weight: bold;
float:right;
margin: -20px  25px 0 0;
color: #a03634;
}
	 .webkit div.left-tier div.prodemo-top a{
	margin: 0px  25px 0 0;
	}
div.left-tier div.prodemo-top H1 a:hover{
color: #648038;
}


	
div.left-tier div.prodemo-mid {
width:600px; 
  min-height:241px;
  height:auto !important;
  height:241px;
background:  #e1e8db url(/images/back_demo_mid.gif) 0 0px  no-repeat;
margin: 0 0 0 7px;
}

div.left-tier div.prodemo-mid p.keywords{
padding: 0 10px 0px 10px;
font-weight:normal;
}


div.left-tier div.prodemo-bot {
width:600px;  
height: 10px;
background:  url(/images/back_demo_bot.gif) 0 0px  no-repeat;
margin: 0 0 0 7px;
}

	div.left-tier div.prodemo-mid DIV {
	float: left;
	text-align: center;
	width: 199px;
	border-right: 1px dotted #333333;
	font-weight:bold;
	padding: 20px 0 0 0;
	}

div.left-tier div.prodemo-mid P {
	margin: 5px 0 10px 0;
	}
	
	div.left-tier div.prodemo-mid A {
	font-size: .9em;
	padding: 0 4px 0 4px;
	}


	div.left-tier div.prodemo-mid DIV.off{
	border-right: 0px dotted #333333;
	}


div.right-tier{
width:278px;
float: right;  
padding: 0  7px 0 7px;
}

div.right-tier div.tr-white{
margin-bottom: 8px;
padding: 15px;
	height: 100%;
}  

	
div.right-tier div.bl-white{
background-color: #fcf2e6;
} 
div.right-tier P{
margin: 15px 0 15px 0; 
}
div.right-tier H3{
font-size: 1.3em;
font-weight: bold;
margin: 0 0 -14px 0; 
text-transform: capitalize;
}
div.right-tier H3 STRONG{
font-weight: bold;
color: #992825;
}





/*    Footer        */

div.footer{  
width: 875px; 
height: 60px;
background:  url(/images/back_foot.gif)  0 0 no-repeat; 
padding: 2px 0 0 25px;
font-size: 11px;
margin: -7px 0 0 0;
} 
	*html div.footer{  
	margin: 0 0 0 0;
	} 
	*+html div.footer{  
	margin: 0 0 0 0;
	} 





div.footer a{  
/*color: #009999;*/
text-decoration: none;
padding: 0 7px 0 7px;
border-right: 1px solid #000000;
} 
div.footer a.right{  
border-right: 0px solid #000000;
} 
div.footer a:hover{  
color: #000000; 
} 

div.footer p{  
margin: 7px 0 7px -7px;
} 


div.footerthin{  
margin: -16px auto;
width: 900px; 
height: 11px;
background:  url(/images/back_foot_thin.gif)  0 0 no-repeat; 

} 
	.win.gecko div.footerthin{  
	margin: -13px auto;
	} 

/*    misc        */

table.grid {  
border-collapse: collapse;
} 
table.grid TD{  
border: 1px dotted #cccccc;  
padding: 5px;
} 

table.demogrid {  
border-collapse: collapse;
margin-top: -15px;
width: 405px;
} 

table.demogrid TH{  
border-bottom: 1px solid #cccccc;  
padding: 25px 0 0 0;

color: #525f44;
font-size: 1.4em;
font-weight: normal;
} 
table.demogrid TD{  
padding: 0px 0px 0px 0px;
text-align: center;
font-size: .85em;
vertical-align: top;
border: 1px solid #efefef;  
width: 33%;
} 
table.demogrid DIV{  
text-align: left; 
padding: 0 0 0 1px;
} 
 
table.demogrid A {  
padding: 8px 1px 8px 1px;
display: block;
}
table.demogrid A:hover {  
background-color: #eaf0e6;
text-decoration:none;
} 


	table.gridtwo, table.gridtwo TD {  
	border: 0px;
	padding: 10px 0 10px 0;
	vertical-align: top;
	} 
	
	table.gridtwo td.thumb{  
	width: 107px;
	} 
	
	table.gridtwo td.text{  
	width: 33%;
	text-align: left;
	padding: 6px 20px 0 10px;
	border: 1px solid #ffffff;
	} 
	table.gridtwo td.text H2{  
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
	
	table.gridtwo td.text A {  
	padding: 2px 0px 2px 0px;
	display: block;
	}
	table.gridtwo td.text UL {  
	padding: 0px;
	margin: 10px 0 ;
	}
	table.gridtwo td.text LI {  
	padding: 2px 0 2px 0;
	margin: 0 0 0 15px;
	line-height: 1em;
	}



table.nogrid td{  
vertical-align: top;
} 
table.nogrid H2{  
padding-bottom: 10px;
} 
 
table.nogrid td.left {  
width: 40%;
padding-right: 20px;
} 
table.nogrid td.right{  
width: 60%;
} 


table.testimonial td.table-header{  
padding: 15px 0 0px 0;
border-bottom: 1px dotted #cccccc;
} 
table.testimonial td.table-header H2{  
padding: 0 0 10px 0; 
} 

.background_grey{  
background: #fafaf3;
} 
 
 

a.toppage{  
float: right;
font-size: .75em;
text-decoration: none;
border-top: 1px dotted #eeeeee;
padding: 0 5px 0 5px;
} 
a.toppage:hover{  
text-decoration: none;
} 




.small{  
font-size: .9em;
} 
.tiny{  
font-size: .8em;
} 

.fl{  
float: left
} 

.fr{  
float:right:

}  
.fn{  
float: none;
} 


.line{  
border-bottom: 1px dotted #cccccc;
height: 30px;
padding:  0px 0  0 0;
margin: 0 0 30px 0;
} 

div.vli{
	line-height:10px;
	margin-left:12px;
}


/* added 6.9.8 to modify home page w/buttons*/
		
		div.flash-sm{
		width:609px; 
		margin: 0 0 5px 0;
		float:left;
		background-color: #536046;
		}
		div.buttons-home{
		width:163px; 
		margin: 0px;
		padding: 5px 0 0 2px;
		float:left;
		background-color: #536046;
		}
		div.thumb-scroller{
		width:117px; 
		height: 240px;
		margin: 0px;
		padding: 5px  0 0px 9px; 
		float:right;
		background: #536046 url(/images/back_thumbs.jpg) 0 5px   no-repeat;  
		} 
		
		div.button-orange-sm { 
		width: 155px;
		height: 80px;
		background: url(/images/button_orange_sm.jpg) 0 0  no-repeat;  
		font-family: Arial, Helvetica, sans-serif;
		} 
		div.button-orange-sm a{ 
		background: url(/images/button_orange_sm.jpg) 0 0  no-repeat;   
		width: 128px;  /* forces text wrap properly */
		height: 56px;
		display: block;
		font-weight: bold; 
		font-size: 18px;
		color:#992825;
		padding: 8px 15px 12px 15px; 
		text-decoration: none;
		}
		div.button-orange-sm a:hover{
		background: url(/images/button_orange_sm.jpg) 0 -80px  no-repeat;  
		} 
		div.button-orange-sm SPAN{
		font-size: 10px;
		color: #000000;
		font-weight: normal;
		line-height: 11px;
		}
		
		
		
		
		div.buttons-solutions{
		width:221px; 
		margin: 0px;
		padding: 5px 0 0 2px;
		float:left;
		background-color: #536046;
		}
		div.composit{
		width:64px; 
		height: 240px;
		margin: 0px -1px 0 0;
		padding: 5px  0 0px 0px; 
		float:right;
		} 
		
		div.button-orange { 
		width: 221px;
		height: 80px;
		background: url(/images/button_orange.jpg) 0 0  no-repeat;  
		font-family: Arial, Helvetica, sans-serif;
		} 
		div.button-orange a{ 
		background: url(/images/button_orange.jpg) 0 0  no-repeat;   
		width: 185px;
		height: 52px;
		display: block;
		font-weight: bold; 
		font-size: 18px;
		color:#992825;
		padding: 12px 40px 12px 15px; 
		text-decoration: none;
		line-height: 22px;
		}
		div.button-orange a:hover{
		background: url(/images/button_orange.jpg) 0 -80px  no-repeat;  
		} 
		div.button-orange SPAN{
		font-size: 11px;
		color: #000000;
		font-weight: normal;
		line-height: 12px;
		}