body { background: #fff; position: relative; color: #68737a; font-family: arial, sans-serif; margin: 0; padding: 0; overflow: scroll; .overflow: inherit; }
#topleft { height: 386px; width: 301px; position: absolute; top: 0; left: 0; background: url(../images/bg-left.jpg) 0 0 no-repeat; z-index: 1; }
#topright { height: 386px; width: 301px; position: absolute; top: 0; right: 0; background: url(../images/bg-right.jpg) 0 0 no-repeat; z-index: 1; }
#top { width: 100%; position: absolute; z-index: 2; }
#container { margin: 0 auto; width: 991px; margin:0 auto;}  
.ccontainer { margin: 0 auto; width: 991px; }
	#header { height: 111px; padding: 31px; }
	.logo { float: left; display: inline; width: 220px; height: 51px; margin: 31px 0 31px 0; }
	.tagline { float: right; display: inline; width: 194px; height: 15px; margin: 56px 21px 0 0; }
	.logininfo { width: 200px; height: 14px; background: url(../images/img-logininfo.gif) 0 0 no-repeat; float: right; display: inline; margin: 0 15px 0 0; }
		.login { float: left; display: inline-block; width: 94px; height: 14px; }
		.login:hover { background: url(../images/img-login_hover.gif) 0 0 no-repeat; }
		.phone { float: right; display: inline-block; width: 106px; height: 14px; }
		.phone:hover { background: url(../images/img-phone_hover.gif) 1px 0 no-repeat; }
	.content { width: 991px; background: url(../images/bg-content-home.gif) right top no-repeat; position: relative; height: 357px; }
		.customersignup { position: absolute; top: 63px; right: 13px; z-index: 2; background: url(../images/bg-home-signup.jpg) 0 0 no-repeat; width: 287px; height: 65px; }
			.customersignup p { font-size: 8pt; color: #363737; margin: 40px 0 0 25px; float: left; display: inline; }
			.customersignup a { display: block; height: 31px; width: 63px; position: absolute; top: 19px; right: 13px; background: url(../images/btn-home-signup.jpg) 0 0 no-repeat; }
			.customersignup a:hover { background: url(../images/btn-home-signup_hover.jpg) 0 0 no-repeat; }
		.partnerregister { position: absolute; top: 132px; right: 13px; z-index: 3; background: url(../images/bg-home-partnerregistration.jpg) 0 0 no-repeat; width: 287px; height: 163px; }
			.partnerregister p { font-size: 9pt; color: #1d4062; margin: 53px 0 0 23px; text-align: left; width: 85%; }
			.partnerregister a.learnmore { display: block; height: 31px; width: 94px; position: absolute; top: 101px; left: 13px; background: url(../images/btn-home-learnmore.jpg) 0 0 no-repeat; }
			.partnerregister a.learnmore:hover { background: url(../images/btn-home-learnmore_hover.jpg) 0 0 no-repeat; }
			.partnerregister a.register { display: block; height: 44px; width: 167px; position: absolute; top: 94px; right: 11px; background: url(../images/btn-home-register.jpg) 0 0 no-repeat; }
			.partnerregister a.register:hover { background: url(../images/btn-home-register_hover.jpg) 0 0 no-repeat; }
	.subnav { float: left; display: inline; width: 191px; font-size: 9pt; margin: 0 0 0 13px; }
		.subnav div { line-height: 1.5; }
			.subnav div a img { margin: 10px 0 0 0; }
		.subnav ul { margin: 0 0 50px 0; padding: 0; list-style-type: none; }
			.subnav ul li { margin: 0; padding: 0; list-style-type: none; }
				.subnav ul li a { display: block; padding: 6px 0 6px 0; font-size: 11pt; text-decoration: none; color: #68737a; border-bottom: 1px solid #e8eaeb; }
				.subnav ul li a:hover { text-decoration: none; background: #f9fbf0; }
				.subnav ul li a.active { font-weight: bold; }
	.contentArea { width: 725px; float: right; display: inline; font-size: 9pt; line-height: 1.5; margin: 0 13px 0 0; }
	
		/* translucent div */
		#contentAreaBox { border: 1px solid #dff2fa; position: relative; width: 705px; float: left; padding: 10px; }
			#contentAreaBox a { font-weight: bold; }
		.overlay { width: 725px; position: absolute; top: 0; bottom: 0; left: 0; background: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
		.tdcol1 { width: 320px; float: left; display: inline; position: relative; }
		.tdcol2 { width: 337px; float: right; display: inline; position: relative; }
		.tdcol3 { width: 700px; float: left; display: inline; position: relative; }
		* html #contentAreaBox .overlay { height: expression(document.getElementById("contentAreaBox").offsetHeight); }
		/* end */
		
	#flash { width: 991px; height: 406px; }
#homeBottom { position: relative; text-align: left; top: -15px; z-index: 4; height: 450px; }
.footer { background: url(../images/bg-footer.gif) -75px bottom no-repeat!important; padding: 0 0 65px 0; }
	.homeAbout { float: left; display: inline; width: 457px; line-height: 1.4; font-size: 11pt; margin: 0 0 0 13px; }
		h1.homeAboutText { height: 48px; background: url(../images/img-home-about.gif) 0 0 no-repeat; margin: 0 0 15px 0; }
	.homeBenefits { float: right; display: inline; width: 477px; line-height: 1.4; font-size: 9pt; margin: 0 13px 0 0; height: 450px;}
	#bTab1 { padding: 15px 0 0 15px; }
	#bTab2 { padding: 15px 0 0 15px; display: none; }		
	#footer a, a { color: #0397d6; }
.buffer { padding-top: 27px; }

.clear { clear: both; display: block; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a img, img a { border: 0; }
.img-right {padding-left:20px; padding-bottom:20px;}

/* makes all images "light up" on hover */
a:hover img, input.btn:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

h2 { color: #a4ba10; font-family: lucida sans, arial, sans-serif; font-size: 17pt; font-weight: normal; margin: 30px 0 10px 0; letter-spacing: -1.5px; }
h3 { font-size: 12pt; font-weight: bold; margin: 0 0 10px 0; }
.intro { font-size: 13pt; font-family: lucida sans, arial, sans-serif; display: block; margin: 0 0 20px 0; }

/* tables */
table { border: 0; width: 705px!important; }
td.header { background: #eff8fd; padding: 8px 5px; font-weight: bold; font-size: 9pt; }
td { border-bottom: 1px solid #e2f3fa; border-top: 1px solid #fff; padding: 5px; margin: 1px 0 0 0; font-size: 9pt; font-weight: normal; background: #fff; }
td.fill { background: #f2fafd; }
.nolines { width: 100%!important; }
.nolines td { border: 0; padding: 2px 0 2px 0; background: transparent; }
.floatleft { float: left; margin: 0 0 0 13px; }

/* lists */
ul { margin: 6px 0 15px 0; padding: 0; }
ul li { margin: 2px 0 6px 20px; padding: 0 }
#sitemap { list-style-type: none; margin: 0; padding: 0; }
#sitemap li a { font-weight: bold; }
#sitemap li ul { list-style-type: none; margin: 0 0 0 10px; padding: 0; }
#sitemap li ul li a { font-weight: normal; }

/* form styling */
input, textarea, select { font-family: arial, sans-serif; color: #68737a; font-size: 9pt; }

body.homebody { background: #f8fcfe url(../images/bg-homefooter-new.gif) repeat-x; position: relative; color: #68737a; font-family: arial, sans-serif; margin: 0; padding: 0; overflow: visible; }
h4 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }

#header-home { width: 460px; margin: 0px 0 0 13px; padding-top:40px; }
		h1.home-header { height: 74px; background: url(../images/title-home-header.gif) 0 0 no-repeat; margin:0; padding:0; text-indent: -9999px; }
		#header-home p { font-size:14px; line-height:1.5; .margin: 10px 0 15px 0;  }
.home-new { height:321px; width:991px;}
#top-home { width: 100%; position: absolute; z-index: 2; margin:0 auto; top: 0px; }
#container-home { background: url(../images/bg-home-new.jpg) no-repeat bottom center; margin:0 auto; height:440px; position:relative; z-index:2; }
.ccontainer-home { margin: 0 auto; width: 991px; }
.content-home { background-image:none; width: 991px; height: 300px; }
#bottom-home { height: 417px; }
#callouts { width: 100%; height: 180px; padding-top: 25px; }
#callouts ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0 auto; }
#callouts li { float: left; position: relative; text-align: center; cursor: default; width:207px; margin: 0; padding:0 20px; }
#callouts li p { font-size:12px; line-height:1.4; }
#callouts li img { display: block; margin: 0 auto 14px auto; }
#spotlight-news { width: 100%; }
#spotlight { width: 480px; float: left; margin-left: 13px; }
		h2.partner-spotlight { height: 23px; background: url(../images/title-partner-spotlight.gif) 0 0 no-repeat; margin:0 0 10px 0; padding:0; text-indent: -9999px; }
		#spotlight p { font-size: 14px; line-height:1.5; .margin: 10px 0 15px 0; }
		#spotlight img { float:left; margin-right: 15px; }
#news { width: 370px; float: right; }
		h2.news-events { height: 23px; background: url(../images/title-news-events.gif) 0 0 no-repeat; margin:0; padding:0; text-indent: -9999px; }
#news ul { list-style: none; padding: 10px 0px 0px 0px; margin: 0; }
#news li { float: none; position: relative; text-align: left; cursor: default; width:325px; margin: 0; padding: 0 0 20px 0; font-size:12px; }
#news li a { font-weight: bold; }
#news li a.title { display: block; font-size:14px; }

a span { display: none; }
a.btn-take-the-tour { display: block; height: 57px; width: 180px; background: url(../images/btn-take-the-tour.gif) no-repeat; margin-top:5px; }
a:hover.btn-take-the-tour { background-position: 0 -57px; }
a.btn-partner-center { display: block; height: 40px; width: 126px; background: url(../images/btn-partner-center.gif) no-repeat; margin:5px 0 0 138px; }
a:hover.btn-partner-center { background-position: 0 -40px; }

#navigation { clear: both; height: 28px; background: url(../images/navigation/bg-nav.gif) right bottom repeat-x; text-align: left; }
#navigation a { height: 28px; float: left; display: inline-block; text-indent: -9999px; }
#navigation .home { width: 68px; background: url(../images/navigation/home.gif) 0 0; }
#navigation .home:hover, #navigation .home-active { width: 68px; background: url(../images/navigation/home.gif) 0 -28px; }
#navigation .product-center { width: 142px; background: url(../images/navigation/product-center.gif) 0 0; }
#navigation .product-center:hover, #navigation .product-center-active { width: 142px; background: url(../images/navigation/product-center.gif) 0 -28px; }
#navigation .partner-center { width: 145px; background: url(../images/navigation/partner-center.gif) 0 0; }
#navigation .partner-center:hover, #navigation .partner-center-active { width: 145px; background: url(../images/navigation/partner-center.gif) 0 -28px; }
#navigation .resource-center { width: 153px; background: url(../images/navigation/resource-center.gif) 0 0; }
#navigation .resource-center:hover, #navigation .resource-center-active { width: 153px; background: url(../images/navigation/resource-center.gif) 0 -28px; }
#navigation .about-us { width: 98px; background: url(../images/navigation/about-us.gif) 0 0; }
#navigation .about-us:hover, #navigation .about-us-active { width: 98px; background: url(../images/navigation/about-us.gif) 0 -28px; }

#footer { text-align: left; font-size: 8pt; padding: 35px 0 60px 13px; .padding: 35px 0 30px 13px; line-height: 1.6; width: 978px; }
#footer #links { width: 245px; float: left; }
#footer #social-network { float: left; }
#footer #social-network a { margin-right: 2px; }

#wrapper { width: 600px; height: 338px; position: relative; }