@charset "utf-8";
/* CSS Document */



body{padding:0;margin:0;font-size:small;font-family:Arial, Helvetica, sans-serif;background:url(../images/bg_page.gif) repeat-x}
#container{width:909px;height:auto;overflow:auto;margin:auto;background:url(../images/bg_header.png) repeat-x}
#header{width:909px;height:61px;padding-top:77px}
#logo{float:left;width:177px;height:40px;margin-left:52px;}
#logo img{border:none;}
#nav-bar{float:right;width:400px;height:30px;margin-right:75px;margin-top:19px;}
#content{clear:both;width:909px;height:auto;overflow:auto;background-image: url(../images/bg_content.gif);background-repeat: repeat-y;padding-top:20px;}
.home{text-align:center;}
#text-home{margin:auto;width:801px;height:434px;}


#text{
	margin:auto;
	width:721px;
	height:auto;overflow:auto;overflow:hidden;
	background-image: url(../images/bg_text.png);
	background-repeat: repeat-y;
	padding-left:40px;padding-right:40px;padding-top:5px;
}
#text img  {border:none;}

img.imgText{margin:auto;text-align:center;display:block;}
#buttons{clear:both;width:801px;height:77px;margin:auto;margin-bottom:10px;}
#footer{clear:both; padding-bottom:25px;padding-top:30px;}
#footer-logo{float:left;margin-left:30px;font-size:.8em;color:#6eb43f;}
#footer-logo img{margin-right:10px;float:left;}
#footer-text{float:right;margin-right:30px;font-size:.8em;color:#999999;}
#footer-logo img{border:none;margin-top:-3px;}

h1{font-size:1.8em;color:#6eb43f;}
h2{font-size:1.0em;color:#30467e;margin-bottom:0;}
p, li{font-size:.9em;color:#717171;}
a{color:#6eb43f;}
a:hover{color:#30467e;}

table.tblAssist{margin-bottom:15px;border:1px solid #CCCCCC;font-size:.8em; }
table.tblAssist th{font-weight:bold;color:#fff;vertical-align:middle;background-color:#6eb43f;padding:2px;width:14%;height:20px}
table.tblAssist td{padding:2px;color:#717171;vertical-align:middle;height:20px}
 
table.tblContact{width:380px;}
table.tblContact td{font-size:.8em; color:#515151;padding:2px;}
 
#column-left{float:left;width:380px;}
#column-right{float:left;width:210px;border-left:1px solid #999999;padding-left:10px;}
 
 

 
 
/*MAIN MENU*/
#nav-bar ul {margin:0;padding:0;}
#nav-bar li {display:inline-block;margin:0;padding:0;}
/* hide from mac ie5 \*/
#nav-bar li {display:inline;}
/* end hide from mac ie5 */

#nav-bar a:link, #nav-bar a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:center center;
	background-repeat:no-repeat;
	text-decoration:none;
}

	
#nav-bar #home a{width:75px;height:42px;margin-right:3px;}	
#nav-bar #overview a{width:75px;height:42px;margin-right:3px;}	
#nav-bar #services a{width:75px;height:42px;margin-right:3px;}	
#nav-bar #benefits a{width:75px;height:42px;margin-right:3px;}
#nav-bar #contact a{width:75px;height:42px;}

	
	
#nav-bar li {font-size:1em;}
/* end hide from mac ie5 */
#nav-bar span {visibility:hidden;}
#nav-bar a:hover span, #nav-bar a:active span, #nav-bar a:focus span {visibility:hidden;}
#nav-bar a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#nav-bar a:active, #nav-bar a:hover {border-width:0;}
	
/* normal state */
#home a:link, #home a:visited {background-image:url("../images/btn_home01.png");}
#overview a:link, #overview a:visited {background-image:url("../images/btn_overview01.png");}
#services a:link, #services a:visited {background-image:url("../images/btn_services01.png");}
#benefits a:link, #benefits a:visited {background-image:url("../images/btn_benefits01.png");}
#contact a:link, #contact a:visited {background-image:url("../images/btn_contact01.png");}

/* hover and focus state */
#home, #home a.current, #home a:hover, #home a:active, #home a:focus {background-image:url("../images/btn_home02.png") !important;}
#overview, #overview a.current, #overview a:hover, #overview a:active, #overview a:focus {background-image:url("../images/btn_overview02.png") !important;}
#services, #services a.current, #services a:hover, #services a:active, #services a:focus {background-image:url("../images/btn_services02.png") !important;}
#benefits, #benefits a.current, #benefits a:hover, #benefits a:active, #benefits a:focus {background-image:url("../images/btn_benefits02.png") !important;}
#contact, #contact a.current, #contact a:hover, #contact a:active, #contact a:focus {background-image:url("../images/btn_contact02.png") !important;}


/*BOTTOM MENU*/
#buttons ul {margin:0;padding:0;}
#buttons li {display:inline-block;margin:0;padding:0;}
/* hide from mac ie5 \*/
#buttons li {display:inline;}
/* end hide from mac ie5 */

#buttons a:link, #buttons a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:center center;
	background-repeat:no-repeat;
	text-decoration:none;
}
	
#buttons #solutions a{width:200px;height:77px;}	
#buttons #assist a{width:201px;height:77px;}	
#buttons #reactive a{width:200px;height:77px;}	
#buttons #complete a{width:200px;height:77px;}

#buttons li {font-size:1em;}
/* end hide from mac ie5 */
#buttons span {visibility:hidden;}
#buttons a:hover span, #buttons a:active span, #buttons a:focus span {visibility:hidden;}
	
#buttons a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#buttons a:active, #buttons a:hover {border-width:0;}
	
/* normal state */
#solutions a:link, #solutions a:visited {background-image:url("../images/btn_solutions.png");}
#assist a:link, #assist a:visited {background-image:url("../images/btn_assist.png");}
#reactive a:link, #reactive a:visited {background-image:url("../images/btn_reactive.png");}
#complete a:link, #complete a:visited {background-image:url("../images/btn_complete.png");}



/* hover and focus state */
#solutions, #solutions a:hover, #solutions a:active, #solutions a:focus {background-image:url("../images/btn_solutions.png") !important;}
#assist, #assist a:hover, #assist a:active, #assist a:focus {background-image:url("../images/btn_assist.png") !important;}
#reactive, #reactive a:hover, #reactive a:active, #reactive a:focus {background-image:url("../images/btn_reactive.png") !important;}
#complete, #complete a:hover, #complete a:active, #complete a:focus {background-image:url("../images/btn_complete.png") !important;}


#request a{
	width:171px;height:24px;
	display:block;
	float:right;
	padding:0;
	background-position:center center;
	background-repeat:no-repeat;
	text-decoration:none;
	margin-right:43px;
}
#request span{visibility:hidden;}
#request a:link, #request a:visited {background-image:url("../images/btn_request01.gif");}
#request, #request a:hover, #request a:active, #request a:focus {background-image:url("../images/btn_request02.gif") !important;}



#datasheet a{
	width:171px;height:24px;
	display:block;
	float:right;
	padding:0;
	background-position:center center;
	background-repeat:no-repeat;
	text-decoration:none;
	margin-right:7px;
	}
#datasheet span{visibility:hidden;}
#datasheet a:link, #datasheet a:visited {background-image:url("../images/btn_download01.gif");}
#datasheet, #datasheet a:hover, #datasheet a:active, #datasheet a:focus {background-image:url("../images/btn_download02.gif") !important;}




