body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; background-color:#D3D6DA; margin:0; padding:0; position:relative; background-image:url(/images/bg-body.jpg); background-position:center; background-repeat:repeat-y;} #header {background:transparent url("/images/2011/hfb-logo.gif") 710px 20px no-repeat;} a {color:#813645; text-decoration:none;} a:hover {color:#304AA7; text-decoration:underline;} a img {border:none;} div#container {width:950px; margin:0 auto; background-color:#FFFFFF; position:relative;} div#innerContainer {width:auto; margin:0 20px; position:relative;} #header h1 {text-indent:-3000px; overflow:hidden; margin:0; padding:0; padding:20px 0 5px 0;} #header h1 a {background-image:url(/images/logo.gif); width:519px; height:86px; display:block;} #mainNav {height:38px; background:#58AF23 url("/images/2011/main-nav.jpg") top left no-repeat; position:relative; margin-bottom:15px;} #mainNav ul {margin:0; padding:0;} #mainNav ul li {margin:0; padding:0; list-style:none; float:left;} #mainNav ul li a {color:#FFFFFF; display:block; height:35px; text-indent:-999em; overflow:hidden; font-weight:bold; text-decoration:none; background-image:url(/images/2011/main-nav.jpg);} #mainNav ul li a:hover {text-decoration:underline;} #mainNav li#nav-home a {background-position: 0 0 ; width: 66px;} #mainNav li#nav-home a:hover {background-position: 0 -38px;} #mainNav li#nav-products a {background-position: -66px 0 ; width: 95px;} #mainNav li#nav-products a:hover {background-position: -66px -38px;} #mainNav li#nav-selector a {background-position:-161px 0 ; width:150px;} #mainNav li#nav-selector a:hover {background-position:-161px -38px;} #mainNav li#nav-whatsnew a {background-position:-311px 0 ; width:105px;} #mainNav li#nav-whatsnew a:hover {background-position:-311px -38px;} #mainNav li#nav-sample a {background-position:-416px 0 ; width:148px;} #mainNav li#nav-sample a:hover {background-position:-416px -38px;} #mainNav li#nav-casestudies a {background-position:-564px 0 ; width:115px;} #mainNav li#nav-casestudies a:hover {background-position:-564px -38px;} #mainNav li#nav-howto a {background-position:-679px 0 ; width:129px;} #mainNav li#nav-howto a:hover {background-position:-679px -38px;} #mainNav li#nav-callback a {background-position:-808px 0 ; width:102px;} #mainNav li#nav-callback a:hover {background-position:-808px -38px;} /* #mainNav {height:35px; background-color:#58AF23; position:relative; margin-bottom:15px; background-image:url(/images/main-nav.jpg);} #mainNav ul {margin:0; padding:0;} #mainNav ul li {margin:0; padding:0; list-style:none; float:left;} #mainNav ul li a {color:#FFFFFF; display:block; height:35px; text-indent:-3000px; overflow:hidden; font-weight:bold; text-decoration:none; background-image:url(/images/main-nav.jpg);} #mainNav ul li a:hover {text-decoration:underline;} #mainNav li#nav-home a {background-position: 0 0 ; width: 60px;} #mainNav li#nav-home a:hover {background-position: 0 -35px;} #mainNav li#nav-products a {background-position: -60px 0 ; width: 87px;} #mainNav li#nav-products a:hover {background-position: -60px -35px;} #mainNav li#nav-selector a {background-position:-147px 0 ; width:142px;} #mainNav li#nav-selector a:hover {background-position:-147px -35px;} #mainNav li#nav-howto a {background-position:-289px 0 ; width:117px;} #mainNav li#nav-howto a:hover {background-position:-289px -35px;} #mainNav li#nav-sample a {background-position:-406px 0 ; width:138px;} #mainNav li#nav-sample a:hover {background-position:-406px -35px;} #mainNav li#nav-casestudies a {background-position:-544px 0 ; width:106px;} #mainNav li#nav-casestudies a:hover {background-position:-544px -35px;} #mainNav li#nav-resources a {background-position:-650px 0 ; width:139px;} #mainNav li#nav-resources a:hover {background-position:-650px -35px;} #mainNav li#nav-callback a {background-position:-789px 0 ; width:121px;} #mainNav li#nav-callback a:hover {background-position:-789px -35px;} */ h1, h2 {font-family:Arial, Helvetica, sans-serif;} input, textarea, select, option {font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#004F71;} ul.error_list {margin:0 !important; padding:0 !important;} ul.error_list li {margin:0 !important; padding:0 !important; list-style:none; color:#FF0000; font-size:10px; font-weight:bold;} div.clear {clear:both;} #footer {clear:both; padding:5px 0 10px 0; border-top:2px solid; border-color:#58AF23; font-size:11px;} #footer a {color:#666666;} #footerLinks {font-size:10px; padding-bottom:10px; text-align:center; line-height:1.3;} #footerLinks a {color:#999999;} #footerLinks a:hover {color:#666666;} .numberBoxes {padding-bottom:20px;overflow:auto;} .numberBox {float:left;width:219px;margin-right:10px;padding-left:10px;border-right:1px solid #c0c0c0;height:80px;} .numberBoxes .first {} .numberBoxes .last {border:none;} .numberBoxes a {font-size:10px;color:#003B58;} #content .numberBox h3 {color:#003B58;margin:0;} #content .blogListRow h3 a {color:#003B58;} #blogPostList {width:500px;float:left;margin-right:10px;} #blogSidebar {float:left;background:#581214 url("/images/2011/blog-sidebar-bg.gif") top left repeat-y; color:#fff; width:170px;position:relative;} #blogSidebar a {color:#fff;} #content #blogSidebar h3 {color:#fff;font-size:14px;margin:0 3px;} #blogSidebarRecentPosts {border-bottom:1px solid #8A5A5B;padding-top:13px;} #blogSidebarCategories {padding-top:10px;} #blogSidebarRecentPosts, #blogSidebarCategories {width:160px;margin:0 auto;} #blogSidebarFooter {position:absolute;bottom:0;left:0;display:block;width:100%;height:13px; background:#581214 url("/images/2011/blog-sidebar-footer.gif") top left repeat-y;} #blogSidebarHeader {position:absolute;top:0;left:0;display:block;width:100%;height:13px; background:#581214 url("/images/2011/blog-sidebar-header.gif") top left repeat-y;} #content #blogContent h2 {background:none;color:#003C58;font-size:18px;margin:0;padding:4px 0;text-transform:none;} #blogPostImage {border:2px solid #FEA621;width:496px;height:196px;margin:0 0 10px 0;} #blogPostImage img {margin:5px;}