﻿body { background: #b3b4b3; padding: 0; margin: 0;
}

.clear { clear: both; }

img { behavior: url(iepngfix.htc); border: none; }

p { color: #7b7979; font: 12px/19px Tahoma, sans-serif; margin: 9px 0; padding-bottom: 5px; }

ul li { color: #7b7979; font: 12px/19px Tahoma, sans-serif; padding-bottom: 5px; }

a { font-weight: bold; color: #147dbc; }

a:hover { color: #293d6c; }

h1 { color: #1f305c; font: 24px/32px Tahoma, sans-serif; text-transform: uppercase; margin: auto 0 10px 0; }

h2 { color: #147dbc; font: bold 18px/24px Tahoma, sans-serif; margin-bottom: 0; padding-bottom: 0; }

h3 { color: #727781; font: bold 13px/19px Tahoma, sans-serif; margin-bottom: 0; padding-bottom: 0;  }

h4.leftPanel {  margin: 0; padding: 0; color: #fff; font: bold 15px/47px Tahoma, sans-serif; text-indent: 20px;}

#container { background: #e8e8e8 url(../images/container_bg.gif) repeat-x;  text-align: center;  }

#header { text-align: left; margin: 0 auto; width: 976px; background: url(../images/header_bg.jpg); height: 259px; }

#top { height: 36px; }

#contentWrapper {  background: #fff url(../images/contentWrapper_bg.gif); text-align: left; margin: 0 auto; width: 976px; }

#content { background: url(../images/content_bg.gif) no-repeat; padding-bottom: 10px;   }

#footerWrapper { background: url(../images/footerWrapper_bg.gif) repeat-x; height: 88px; text-align: center; }

#footer { text-align: left;  margin: 0 auto; width: 976px; background: url(../images/footer_bg.jpg); height: 88px; }

#nav { width: 723px; height: 39px; padding-left: 245px;  }

#bluePanel { float: right; width: 680px; margin-right: 50px; display: inline; } 

#bluePanel img { display: block; }

.logo { margin: 0 0 0 50px; }

#leftPanel { width: 220px; margin: 0 0 0 28px; float: left; display: inline;  }

.copy { width: 640px; margin-left: 260px; padding: 10px 40px 10px 20px; }

.Ticker { width: 640px; height: 70px; margin-left: 20px; padding: 5px 45px 10px 20px; }

#leftPanel strong { color: #51595f }

#leftPanel p { font-size: 11px; margin-left: 0; margin-right: 0; }

#footer p { margin: 0; font-size: 11px; line-height: 22px; padding: 20px 0 0 240px; text-align: center; }

#footer p a { color: #8e8e8e; }

#footer p a:hover { color: #293d6c; }

.sidebar_hd { background: url(../images/sidebar_hd.gif); height: 47px; width: 205px; margin-top: 10px; }

.sidebar_quote { padding: 10px 20px; background: url(../images/sidebar_bg_quote.gif) no-repeat; height: 128px; width: 165px;  }

.sidebar_ex { padding: 10px 20px;  background: url(../images/sidebar_bg_ex.gif)  no-repeat; height: 128px; width: 165px;  }

.phone { float: right; padding: 10px 20px 0 0; display: block; }

.support_login { margin-left: 22px; display: block;  }

.homepanel {  margin-left: 250px; background: url(../images/homepanel_bg.jpg) no-repeat; height: 210px; width: 700px; }

.zebrapanel { border-top: 1px solid #c5c9ce; padding: 1px 5px; }

.alternate { background: #f2f3f5; }

.blue { color: #147dbc; }

.learnMore { padding: 20px 0 10px 0; }

.learnMore img { margin-right: 20px;  }

a.home_viewdemo { float: left; background: url(../images/viewdemo_blue.gif); width: 115px; height: 35px; display: block; margin: 5px 0 0 20px; visibility:hidden }
a.home_viewdemo:hover { background: url(../images/viewdemo_blue_hover.gif); }

a.home_contact { float: left; background: url(../images/contact_blue.gif); width: 115px; height: 35px; display: block; margin: 5px 0 0 10px; }
a.home_contact:hover { background: url(../images/contact_blue_hover.gif); }

a.serviceorder_submit { float: left; background: url(../images/submit_grey.gif); width: 115px; height: 35px; display: block; margin: 5px 0 0 10px; }
a.serviceorder_submit:hover { background: url(../images/submit_grey_hover.gif); }

a.trainingbanner { float: left; width: 150px; height: 35px; display: block; margin: 5px 0 0 10px; }


/* MAIN NAVIGATION */

#nav .home { background: url(../images/nav_home.gif); width: 69px; height: 32px; }
#nav .home:hover { background: url(../images/nav_home_hover.gif); }

#nav .about { background: url(../images/nav_about.gif); width: 98px; height: 32px; }
#nav .about:hover { background: url(../images/nav_about_hover.gif); }

#nav .products { background: url(../images/nav_products.gif); width: 88px; height: 32px; }
#nav .products:hover { background: url(../images/nav_products_hover.gif); }

#nav .services { background: url(../images/nav_services.gif); width: 80px; height: 32px; }
#nav .services:hover { background: url(../images/nav_services_hover.gif); }

#nav .partners { background: url(../images/nav_partners.gif); width: 86px; height: 32px; }
#nav .partners:hover { background: url(../images/nav_partners_hover.gif); }

#nav .testimonials { background: url(../images/nav_testimonials.gif); width: 111px; height: 32px; }
#nav .testimonials:hover { background: url(../images/nav_testimonials_hover.gif); }

#nav .support { background: url(../images/nav_support.gif); width: 81px; height: 32px; }
#nav .support:hover { background: url(../images/nav_support_hover.gif); }

#nav .contact { background: url(../images/nav_contact.gif); width: 98px; height: 32px; }
#nav .contact:hover { background: url(../images/nav_contact_hover.gif); }


#nav ul { /* all lists */

	margin: 0;
	list-style: none;
	padding: 0; 
	
	
}


#nav a {
	display: block;
	padding: 0;
}

#nav li { /* all list items */
	float: left;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	  
}

#nav li:hover { position: static; }


#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { width: 154px; }

#nav li li a { 
		background: url(../images/dropdown_bg.gif) #334b7d;
		color: #fff; 
		padding-left: 26px;
		line-height: 30px;
		font-size: 11px; 
		font-weight: normal; 
		text-align: left; 
		width: 154px;
		text-decoration: none; 
		height: 33px;
		}
		
		#nav li li, #nav li li a { display: block; clear: both; }
		

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

		#nav li li a:hover { 
		color: #fff;
		text-decoration: none;
		background: url(../images/dropdown_bg_hover.gif) #334b7d;  }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* PRODUCT PANELS */

.productsList {  margin-left: 250px; width: 700px; }

.productpanel p { padding: 28px 30px 0 0; }

.productpanel { background: url(../images/productpanel_bg.jpg) no-repeat; height: 130px; width: 700px; margin: -5px 0; }

.productBtn { float: left; padding: 25px 50px 10px 29px; }

.productBtn a { display: block; width: 208px; height: 75px; }

.productBtn a.payroll { background: url(../images/product_payroll.jpg); }
.productBtn a.payroll:hover { background: url(../images/product_payroll_hover.jpg); }

.productBtn a.contract { background: url(../images/product_contract.jpg); }
.productBtn a.contract:hover { background: url(../images/product_contract_hover.jpg); }

.productBtn a.hr { background: url(../images/product_hr.jpg); }
.productBtn a.hr:hover { background: url(../images/product_hr_hover.jpg); }

.productBtn a.outsourced { background: url(../images/product_outsourced.jpg); }
.productBtn a.outsourced:hover { background: url(../images/product_outsourced_hover.jpg); }

.productBtn a.fixed { background: url(../images/product_fixed.jpg); }
.productBtn a.fixed:hover { background: url(../images/product_fixed_hover.jpg); }

.productBtn a.self { background: url(../images/product_self.jpg); }
.productBtn a.self:hover { background: url(../images/product_self_hover.jpg); }

.servicesBtn { float: left; padding: 25px 80px 10px 29px; }

.servicesBtn a { display: block; width: 170px; height: 60px; }

.servicesBtn a.consulting { background: url(../images/learnmore_consulting.png); }
.servicesBtn a.consulting:hover { background: url(../images/learnmore_consulting_over.png); }

.servicesBtn a.project { background: url(../images/learnmore_project.png); }
.servicesBtn a.project:hover { background: url(../images/learnmore_project_over.png); }

.servicesBtn a.development { background: url(../images/learnmore_development.png); }
.servicesBtn a.development:hover { background: url(../images/learnmore_development_over.png); }

.improveYourBusiness { float: left; padding-left: 270px; height:75px; margin-top: 28px; background: url(../images/improve_text.gif) no-repeat; }

a.product_viewdemo { position: relative; top: -5px; background: url(../images/viewdemo_grey.gif); width: 115px; height: 38px; display: block }
a.product_viewdemo:hover { background: url(../images/viewdemo_grey_hover.gif); }

a.product_contact { background: url(../images/contactus_grey.gif); width: 115px; height: 38px; display: block; }
a.product_contact:hover { background: url(../images/contactus_grey_hover.gif); }



/* HOME BUTTONS */

.homeBtn { padding: 33px 0 0 30px;}
.homeBtn a { display: block; width: 106px; height: 132px; float: left; }

.homeBtn a.payroll { background: url(../images/home_payroll.jpg); }
.homeBtn a.payroll:hover { background: url(../images/home_payroll_hover.jpg); }

.homeBtn a.contract { background: url(../images/home_contract.jpg); }
.homeBtn a.contract:hover { background: url(../images/home_contract_hover.jpg); }

.homeBtn a.hr { background: url(../images/home_hr.jpg); }
.homeBtn a.hr:hover { background: url(../images/home_hr_hover.jpg); }

.homeBtn a.outsourced { background: url(../images/home_outsourced.jpg); }
.homeBtn a.outsourced:hover { background: url(../images/home_outsourced_hover.jpg); }

.homeBtn a.fixed { background: url(../images/home_fixed.jpg); }
.homeBtn a.fixed:hover { background: url(../images/home_fixed_hover.jpg); }

.homeBtn a.self { background: url(../images/home_self.jpg); }
.homeBtn a.self:hover { background: url(../images/home_self_hover.jpg); }



.TickerText
{
	color: white;
	font-family: Arial;
	font-size: x-large;
}
