@charset "utf-8";
@import "common.css";
/* CSS Document */

body{ padding:0px; margin:0px; background:url(../images/BGheader.jpg) repeat-x center top; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
img{ border:0px;}
p{ padding:2px 0px;  margin:0px;}



/*Container Styles*/
#mainContainer{}

/*navigation Styles*/
/*navigation Styles*/
#menuNav{ margin:0 auto;}
	.links{ width:971px; margin:0 auto; text-align:right; line-height:28px; color:#FFFFFF;}
		.links a{ color:#FFFFFF; text-decoration:none; }
	.mainNav{ width:100%; background:url(../images/Navigation_BG.gif) repeat-x center top; height:76px;}
		.navArea{ width:971px; margin:0 auto;}
			.logo{ float:left;}
			.navigation{ float:right; background: transparent;voice-family: "\"}\"";voice-family: inherit; z-index:99; overflow:visible;  }
			/*	.navigation ul{ list-style:none; padding:40px 0px 0px 0px; margin:0px;}
				.navigation ul li{ list-style:none; padding:0px; margin:0px; float:left; background:url(../images/navSupter.gif) no-repeat right center; line-height:31px; height:31px; }
				.navigation ul li a{float:left;color: #000;margin:0 2px 0 0;padding:3px 10px 1px 13px; text-decoration:none;letter-spacing: 1px; line-height:31px; height:31px;}
				.navigation ul li a:hover{border:1px solid #d0cfcf; border-bottom:none !important; background:#FFFFFF; }
				*/
				.companyHover a{ background:url(../images/but_Company.gif) no-repeat center center ; width:59px; height:9px;}
				.companyHover a:hover{ background: #fff url(../images/but_Company_hover.gif) no-repeat center center !important;}

				.productHover a{ background:url(../images/but_Products.gif) no-repeat center center ; width:59px; height:9px;}
				.productHover a:hover{ background:url(../images/but_Products_Hover.gif) #fff  no-repeat center center !important;}

				.supportHover a{ background:url(../images/but_Support.gif) no-repeat center center ; width:120px; height:9px;}
				.supportHover a:hover{ background:url(../images/but_Support_Hover.gif) #fff  no-repeat center center !important;}

				.resourcesHover a{ background:url(../images/but_Resources.gif) no-repeat center center ; width:59px; height:9px;}
				.resourcesHover a:hover{ background:url(../images/but_Resources_Hover.gif) #fff no-repeat center center !important;}

				.referencesHover a{ background:url(../images/but_References.gif) no-repeat center center ; width:59px; height:9px;}
				.referencesHover a:hover{ background:url(../images/but_References_Hover.gif) #fff no-repeat center center !important;}

				.careersHover a{ background:url(../images/but_Careers.gif) no-repeat center center ; width:59px; height:9px;}
				.careersHover a:hover{ background:url(../images/but_Careers_hover.gif) #fff no-repeat center center !important;}

				.contactHover a{ background:url(../images/but_Contact.gif) no-repeat center center ; width:59px; height:9px; }
				.contactHover a:hover{ background:url(../images/but_Contact_Hover.gif) #fff  no-repeat center center !important;}

				.tabcontainer{clear: left;width:981px; height:1.5em; text-align:right;  }
				.tabcontent{display:none; border:1px solid #d4d3d3; border-top:none; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#919191; padding:0px 10px; background-color:#FFFFFF; float:right; text-align:right; }
				.tabcontent a{color:#919191; text-decoration:none; padding:0px 3px;}
				.tabcontent a:hover{color:#f8848e; text-decoration:none;}

				.noimage{ list-style:none; padding:0px 10px; margin:0px; float:left; background:none !important;  line-height:31px;}

/*banner Styles */
#homeBanner{ background:url(../images/banner_BG.png) no-repeat center top; width:985px; height:238px; margin:40px auto 0px auto; padding:12px 10px 0px 10px;}
	#sanfona { width:960px;height:212px;padding-bottom:20px; margin:0 auto; }
		.sm 	{list-style:none; width:960px; height:212px; display:block; overflow:hidden; padding:0px; margin:0px;}
		.sm li 	{float:left; display: list-item; overflow:hidden; padding:0px; margin:0px;}


/*Content Area*/
#homeContent{ width:971px; margin:0 auto;}
	.leftColumn{ width:717px; padding:0px; margin:0px; float:left;}
		.boxes{ width:717px; margin-top:27px; display:block; clear:both; padding:10px 0px;}
			.box1{ float:left; width:353px;}
				.heading{}
				.ptxt{ width:235px; float:left; color:#6e6e6e;}
				.pimg{ float:left;}
			.box2{ float:right; width:353px;}
	.rgtColumn{ width:254px; padding:0px; margin:8px auto; float:right; }
		.qL{ background:url(../images/quickLinks_BG.gif) no-repeat center top; width:242px; height:134px; text-align:left; padding:15px 0px; margin:0px;}
		.qL p{ padding:6px 15px;}

/*Fotter Area*/
#fotter{ width:971px; margin:0 auto; display:block; clear:both; color:#8f8f8f; line-height:25px;}
	.lFotter{ float:left;  }
	.rFotter{ float:right;}