SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html class="cufon-active cufon-ready" xml:lang="en" xmlns="">3 <!-- InstanceBegin template="/Templates/help-with-tax-debt.dwt.php" codeOutsideHTMLIsLocked="false" -->4 <head>5 <style>6 /*----------------------Meyer's CSS reset----------------------*/7html, body, div, span, applet, object, iframe,8h1, h2, h3, h4, h5, h6, p, blockquote, pre,9a, abbr, acronym, address, big, cite, code,10del, dfn, em, font, img, ins, kbd, q, s, samp,11small, strike, strong, sub, sup, tt, var,12b, u, i, center,13dl, dt, dd, ol, ul, li,14fieldset, form, label, legend, input,15table, caption, tbody, tfoot, thead, tr, th, td {16 margin: 0;17 padding: 0;18 border: 0;19 outline: 0;20 font-size: 100%;21 vertical-align: baseline;22 background: transparent;23}24ol, ul {25 list-style: none;26}27blockquote, q {28 quotes: none;29}30blockquote:before, blockquote:after,31q:before, q:after {32 content: '';33 content: none;34}35 36/* remember to define focus styles! */37:focus {38 outline: 0;39}40 41/* remember to highlight inserts somehow! */42ins {43 text-decoration: none;44}45del {46 text-decoration: line-through;47}48 49/* tables still need 'cellspacing="0"' in the markup */50table {51 border-collapse: collapse;52 border-spacing: 0;53}54 55 56 57/*------------------------End Meyer's CSS Reset-------------------*/58 59 60/*------------------------Generic but specific to each site--------------*/61body{62 color: #012840;63 font-family: Verdana, Arial, Helvetica, sans-serif;64 font-size: 13px;65 line-height: 20px;66 background: #fff;67 background: url(../images/bg-repeat.jpg) left top repeat-x;68 } 69 70 71@font-face{ 72 font-family: 'carto-normal'; 73 src: url('/fonts/cartogothicstd-book-webfont.eot'); 74 src: url('/fonts/cartogothicstd-book-webfont.eot?iefix') format('eot'), url('/fonts/cartogothicstd-book-webfont.woff') format('woff'), url('/fonts/cartogothicstd-book-webfont.ttf') format('truetype'), url('/fonts/cartogothicstd-book-webfont.svg#webfont') format('svg'); 75 }76 77@font-face{ 78 font-family: 'carto-bold'; 79 src: url('/fonts/cartogothicstd-bold-webfont.eot'); 80 src: url('/fonts/cartogothicstd-bold-webfont.eot?iefix') format('eot'), url('/fonts/cartogothicstd-bold-webfont.woff') format('woff'), url('/fonts/cartogothicstd-bold-webfont.ttf') format('truetype'), url('/fonts/cartogothicstd-bold-webfont.svg#webfont') format('svg'); 81 }82 83 84 85p{86 padding: 0 0 24px 0;87 }88img{89 /*border: 1px solid #fff;90 background: #f0f0f0;91 box-shadow: 0 0 5px rgba(0,0,0, .4);92 padding: 4px;*/93 }94 95a{96 color: #0096ff;97 text-decoration: none;98 }99 100a:hover, a:focus{101 color: #1c69ed;102 text-decoration: underline;103 }104.float-left{105 float: left;106 } 107.float-right{108 float: right;109 }110 111.left{112 float: left;113 margin: 0 10px 10px 0;114 display: inline;115 } 116.right{117 float: right;118 margin: 0 0 10px 10px;119 display: inline;120 }121 122h1{123 color: #5b9ed9;124 font-size: 20px;125 font-weight: normal;126 padding: 0;127 clear: both;128 margin: 0 auto 15px auto;129 width: 100%;130 float: left;131 font-family: carto-normal, Arial, Helvetica, sans-serif;132 border-bottom: 1px solid #cbd3d8;133 }134 135h2{136 color: #000;137 font-size: 15px;138 font-weight: bold;139 padding: 0;140 clear: both;141 margin: 10px auto 5px auto;142 width: 100%;143 float: left;144 font-family: carto-normal, Arial, Helvetica, sans-serif;145 }146 147 148 149 150.forgotten-password{151 font-style: italic;152 }153 154.small{155 font-size: 90%;156 }157.smaller{158 font-size: 80%;159 }160 161.alert{162 color: #ff007f;163 }164.grey{165 color: #cacaca;166 }167.light-grey{168 color: #a6a6a6;169 }170.red{171 color: #db0101;172 font-weight: bold;173 }174 175 176#right-column.pages h2{177 font-size: 18px;178 font-weight: normal;179 padding: 0;180 clear: both;181 margin: 20px 0 0 0;182 padding: 0;183 width: 100%;184 float: left;185 font-family: aller, Arial, Helvetica, sans-serif;186 border-bottom: 1px dotted #ccc;187 color: #354c5d;188 }189#right-column.pages p{190 padding: 0 0 24px 0;191 }192 193#right-column.pages ul{194 padding: 0 0 25px 50px;195 }196#right-column.pages ul li{197 padding: 0 0 10px 0;198 list-style: circle;199 }200 201.form_warnings{202 float: left;203 clear: both;204 font-size: 85%;205 color: #FF3300;206 background: #fff;207 padding: 2px;208 margin: 0 0 1px 0;209 }210 211 212 213 214 #center{215 margin: 0px auto;216 width: 970px;217 }218 #main-container{219 float: left;220 width: 970px;221 }222 223 224 #header{225 float: left;226 width: 970px;227 position: relative;228 margin: 0 0 20px 0;229 display: inline;230 background: url(../images/header-bg.png) left top no-repeat;231 padding: 0 0 10px 0;232 }233 234 235 #top-bar{236 float: left;237 width: 940px;238 margin: 0 0 0 5px;239 display: inline;240 padding: 0 0 0 20px;241 background: #54717f;242 height: 30px;243 font-size: 12px;244 }245 #top-bar li{246 float: left;247 width: auto;248 margin: 0;249 padding: 0;250 display: inline;251 }252 #top-bar li a{253 float: left;254 color: #fff;255 height: 27px;256 padding: 3px 15px 0 15px;257 }258 #top-bar li a:hover, #top-bar lia:focus{259 text-decoration: none;260 background: #012840;261 }262 263 #header #logo a{264 float: left;265 width: 375px;266 height: 126px;267 display: block;268 background: url(/templates/images/tax-helpline-logo.gif) left top no-repeat;269 text-indent: -9999px;270 margin: 0 0 0 5px;271 }272 #header #phone{273 float: right;274 width: 290px;275 height: 126px;276 display: inline;277 background: url(/templates/images/phone-number.gif) left top no-repeat;278 text-indent: -9999px;279 text-decoration: none;280 margin: 0 5px 0 0;281 padding: 0;282 border: none;283 }284 285 /*-------- Top nav -----*/286 #menu {287 float: left;288 width: 940px;289 background: url(../images/top-nav-bg.jpg) left bottom no-repeat #5b9ed9;290 font-family: carto-normal, Arial, Verdana, Helvetica;291 font-size: 12px;292 text-align: right;293 display: block;294 margin: 0 0 1px 5px;295 padding: 0 0 0 20px;296 display: inline;297 298 }299 #menu li {300 float: left;301 display: inline;302 margin: 0;303 padding: 0;304 text-align: right;305 width: auto;306 }307 308 309 #menu a {310 display: block;311 float: left;312 text-decoration: none;313 white-space: nowrap;314 width: auto;315 text-align:center;316 color: #fff;317 padding: 5px 9px 0 9px;318 height: 28px;319 }320 #menu a:hover, #menu a:focus{321 color: #fff;322 text-decoration: none;323 background: #3c79ab;324 }325 326 327 328 329 #content-container{330 float: left;331 width: 970px;332 padding: 0;333 background: url(../images/content-container-bg.png) left top no-repeat;334 margin: 0;335 display: inline;336 }337 #content-wrapper{338 float: left;339 width: 920px;340 background: url(../images/content-wrapper.gif) left top repeat-y;341 margin: 25px 0 0 25px;342 display: inline;343 }344 345 346 347 /*-------- Left column ---------*/348 #left-column{349 float: left;350 width: 280px;351 margin: 0;352 display: inline;353 }354 355 #left-column .boxes{356 float: left;357 width: 100%;358 margin: 0 0 10px 0;359 }360 #left-column .boxes a{361 float: left;362 width: 260px;363 margin: 0;364 background: #54717f;365 -webkit-border-radius: 5px;366 -moz-border-radius: 5px;367 border-radius: 5px;368 color: #fff;369 text-transform: uppercase;370 font-size: 14px;371 padding: 6px 10px 6px 10px;372 text-decoration: none;373 }374 375 376 #left-column .box_active{377 float: left;378 width: 260px;379 margin: 0 0 10px 0;380 background: #012840;381 -webkit-border-radius: 5px;382 -moz-border-radius: 5px;383 border-radius: 5px;384 color: #fff;385 font-size: 14px;386 padding: 6px 10px 0px 10px;387 text-decoration: none;388 }389 #left-column .box_active a.title{390 float: left;391 width: 260px;392 padding: 0 0 10px 0;393 margin: 5px 0 5px 0;394 background: url(../images/box-active-split.gif) left bottom no-repeat;395 text-transform: uppercase;396 font-size: 13px;397 }398 #left-column .box_active li{399 padding: 0 0 10px 0;400 }401 #left-column .box_active a{402 font-family: Verdana, Arial, Helvetica, sans-serif;403 font-size: 10px;404 font-weight: bold;405 color: #fff;406 text-decoration: none;407 display: block;408 line-height: 13px;409 }410 #left-column .box_active a:hover, #left-column .box_active a:focus{411 color: #5b9ed9;412 }413 414 415 #left-column #enquiry-box{416 float: left;417 width: 260px;418 margin: 0;419 background: #5b9ed9;420 -webkit-border-radius: 5px;421 -moz-border-radius: 5px;422 border-radius: 5px;423 color: #fff;424 text-transform: uppercase;425 font-size: 14px;426 padding: 6px 10px 10px 10px;427 text-decoration: none;428 }429 #left-column #enquiry-box .title{430 float: left;431 width: 260px;432 padding: 0 0 10px 0;433 margin: 0 0 10px 0;434 background: url(../images/enquiry-box-split.gif) left bottom no-repeat;435 }436 437 438 439 /*-------- Right column ----------*/440 #right-column{441 float: right;442 width: 600px;443 padding: 0;444 margin: 0;445 display: inline;446 }447 #image-homepage{448 float: left;449 width: 100%;450 margin: 0 0 20px 0;451 }452 #content{453 float: left;454 width: 100%;455 margin: 0;456 }457 458 #content ul{459 float: left;460 clear: both;461 margin: 0 0 24px 0;462 padding: 0 0 0 40px;463 /*list-style-position: top;*/464 display: block;465 }466 #content ol{467 float: left;468 clear: both;469 margin: 0 0 24px 0;470 padding: 0 0 0 40px;471 /*list-style: decimal;*/472 display: block;473 }474 #content ul li{475 padding: 0 0 0 13px;476 background: url(../images/icons/bullet.gif) left 8px no-repeat;477 width: 500px;478 }479 #content ol li{480 /*word-wrap: normal;*/481 list-style: decimal;482 width: 500px;483 }484 485 #content p{486 float: left;487 width: 100%;488 }489 /*------------- Links --------------*/490 #links{ 491 float: left;492 width: 920px;493 margin: 20px 0 20px 25px;494 padding: 20px 0 0 0;495 border-top: 2px solid #ccc;496 font-size: 9px;497 display: inline;498 }499 #links ul{500 float: left;501 width: 160px;502 margin: 0 30px 0 0;503 padding: 0;504 display: inline;505 list-style: none;506 }507 #links ul.last{508 float: left;509 width: 160px;510 margin: 0;511 padding: 0;512 display: inline;513 }514 #links ul li{515 float: left;516 width: 160px;517 margin: 0;518 padding: 0;519 display: inline;520 }521 522 523 524 /*-------- Footer -----*/525 #footer{526 float: left;527 width: 880px;528 padding: 20px;529 margin: 0 0 0 25px;530 display: inline;531 font-size: 11px;532 font-family: Verdana, Arial, Helvetica, sans-serif;533 color: #fff;534 background: #54717f;535 -webkit-border-top-left-radius: 5px;536 -webkit-border-top-right-radius: 5px;537 -moz-border-radius-topleft: 5px;538 -moz-border-radius-topright: 5px;539 border-top-left-radius: 5px;540 border-top-right-radius: 5px;541 }542 #footer a{543 color: #fff;544 text-decoration: none;545 }546 #footer a:hover, #footer a:focus{547 color: #66b7ff;548 }549 550 #footer-left{551 float: left;552 font-size: 22px;553 }554 #footer-right{555 float: right;556 text-align: right;557 }558 559 560 561 /*------------ Enquiry form (left column) -----------------*/562 form#contact_form.hide {563 display:none;564 }565 span.hide {566 display:none;567 }568 form#contact_form ul {569 float: left;570 width: 260px;571 padding:0;572 margin: 0;573 }574 form#contact_form ul li {575 float: left;576 width: 260px;577 margin: 5px 0 0 0;578 }579 form#contact_form ul li input {580 width: 176px;581 border: 1px solid #415c69;582 background-color:#FFFFFF;583 font-family: Verdana,Arial,Helvetica,sans-serif;584 font-size: 12px;585 padding: 1px;586 }587 form#contact_form ul li select {588 width: 178px;589 border: 1px solid #415c69;590 }591 form#contact_form ul li textarea {592 width: 174px;593 height: 100px;594 border: 1px solid #415c69;595 padding: 2px;596 background-color:#FFFFFF;597 font-family: Verdana,Arial,Helvetica,sans-serif;598 font-size: 12px;599 }600 form#contact_form ul li label {601 float: left;602 width: 80px;603 font-weight: bold;604 margin: 0;605 color: #fff;606 font-family: Verdana, Arial, Helvetica, sans-serif;607 font-size: 11px;608 text-transform: none;609 } 610 611 612 form#contact_form ul li.errormessage {613 background:#FFBFBF url(../images/icons/warning.png) no-repeat scroll 8px center;614 _background:#FFBFBF url(../images/icons/warning.gif) no-repeat scroll 8px center;615 border: 1px solid #A31717;616 color: #A31717;617 margin: 6px 0 0 0;618 padding:20px 12px 20px 60px;619 width: 186px;620 font-size:80%;621 text-transform:none;622 /*text-align:right;*/623 }624 625 form#contact_form .buttons{626 float: right;627 padding: 0;628 margin: 0 37px 0 0;629 display: inline;630 text-transform: uppercase;631 color: #fff;632 padding: 2px 4px 2px 4px;633 border: 1px solid #fff;634 font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;635 font-size: 12px;636 font-weight: bold;637 cursor: pointer;638 background-color: #1666ab;639 }640 641 form#contact_form .buttons:hover {642 color: #fff;643 background-color: #64a219;644 border: 1px solid #fff;645 }646 647 form#contact_form .submit-enquiry{648 float: right;649 padding: 0;650 margin: 0;651 display: inline;652 text-indent: -9999px;653 cursor: pointer;654 background: url(../images/buttons/send-your-enquiry.gif) left top no-repeat;655 width: 180px;656 height: 25px;657 border: none;658 }659 660 #details-updated.hide {661 display:none;662 }663 664 #details-updated {665 display:block;666 float:left;667 color:#6D9040;668 border-bottom:thin solid #6D9040;669 border-left:thin solid #6D9040;670 border-top:thin solid #92B960;671 border-right:thin solid #92B960;672 padding:18px 24px 0px 12px;673 margin:0px 0 0 0;674 width:223px;675 background:#C9EC9C url(../images/icons/accepted.png) no-repeat scroll 8px center;676 font-size:80%;677 text-transform:none;678 }679 680 #main-content #details-updated p {681 width:423px;682 padding:0;683 margin:0;684 display:inherit;685 float:none;686 text-align:inherit;687 }688 689 690 /*------------ Contact us -----------------*/691 692 form#contact_us.hide {693 display:none;694 }695 form#contact_us ul {696 float: left;697 width: 520px;698 padding: 20px 40px 20px 40px;699 margin: 0 0 15px 0;700 background: #f5f6f8;701 }702 703 form#contact_us ul li {704 float: left;705 width: 500px;706 margin: 5px 0 0 20px;707 padding: 0;708 list-style: none;709 display: inline;710 }711 712 form#contact_us ul li input {713 width:350px;714 border: 1px solid #999999;715 background-color:#FFFFFF;716 }717 718 form#contact_us ul li select {719 width:352px;720 border: 1px solid #999999;721 }722 723 form#contact_us ul li textarea {724 width:346px;725 height:186px;726 border: 1px solid #999999;727 padding: 2px;728 background-color:#FFFFFF;729 font-family: Arial,Verdana,Helvetica,sans-serif;730 font-size: 13px;731 }732 733 form#contact_us ul li label {734 float: left;735 width: 100px;736 font-weight: bold;737 text-align: right;738 margin: 0 10px 0 0;739 } 740 741 form#contact_us ul li.errormessage {742 background:#FFBFBF url(../images/icons/warning.png) no-repeat scroll 8px center;743 _background:#FFBFBF url(../images/icons/warning.gif) no-repeat scroll 8px center;744 border: 1px solid #A31717;745 color: #A31717;746 margin: 6px 38px 0 0;747 padding:20px 12px 20px 60px;748 width:278px;749 float:right;750 }751 752 form#contact_us .buttons{753 float: right;754 padding: 0;755 margin: 0 37px 0 0;756 display: inline;757 text-transform: uppercase;758 color: #fff;759 padding: 2px 4px 2px 4px;760 border: 1px solid #fff;761 font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;762 font-size: 12px;763 font-weight: bold;764 cursor: pointer;765 background-color: #5b9ed9;766 }767 768 form#contact_us .buttons:hover {769 color: #fff;770 background-color: #54717f;771 border: 1px solid #fff;772 }773 774 #details-updated-large.hide {775 display:none;776 }777 778 #details-updated-large {779 display:block;780 float:left;781 color:#6D9040;782 border-bottom:thin solid #6D9040;783 border-left:thin solid #6D9040;784 border-top:thin solid #92B960;785 border-right:thin solid #92B960;786 padding:18px 0 0px 12px;787 margin:12px 0 0 0;788 width:586px;789 background:#C9EC9C url(../images/icons/accepted.png) no-repeat scroll 8px center;790 text-transform:none;791 }792 </style>793 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">794 <meta content="index, follow" name="robots">795 <meta content="1 week" name="revisit-after">796 <!-- InstanceBeginEditable name="doctitle" -->797 <title>798 Company Tax Debt Problems, Problems Tax Arrears and Company VAT Tax Debts799 </title>800 <meta content="Advice and solutions to company tax problems such as PAYE, Corporation Tax or VAT arrears" name="description">801 <meta content="company tax debt problems, tax debt relief, insolvency tax help, hmrc tax debt help, tax debts, help with tax problems, tax debts and tax arrears, sme tax advice, vat tax debts, uk tax debt, tax help, paye tax arrears, help with tax problems, tax debt help, company tax problems, business tax help, small business tax, small business taxes, business tax advice, tax help, vat arrears, tax debts, hmrc, repay tax, time to pay plans, tax arrears advice, self assessment arrears, tax worry, tax problems" name="keywords">802 <!-- InstanceEndEditable -->803 <style type="text/css">804 cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;text-align:left!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}cufonshy.cufon-shy-disabled,.cufon-viewport-resizing cufonshy{display:none!important;}cufonglue{white-space:nowrap!important;display:inline-block!important;}.cufon-viewport-resizing cufonglue{white-space:normal!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}805 </style>806 </head>807 <body>808 <div id="center">809 <div id="main-container">810 <div id="header">811 <ul id="top-bar">812 <li>813 <a>814 <cufon alt="Home" class="cufon cufon-canvas" style="width: 37px; height: 12px;">815 <canvas height="14" style="width: 43px; height: 14px; top: -2px; left: -1px;" width="43">816 </canvas>817 <cufontext>818 Home819 </cufontext>820 </cufon>821 </a>822 </li>823 <li>824 <a>825 <cufon alt="About " class="cufon cufon-canvas" style="width: 40px; height: 12px;">826 <canvas height="14" style="width: 49px; height: 14px; top: -2px; left: -1px;" width="49">827 </canvas>828 <cufontext>829 About830 </cufontext>831 </cufon>832 <cufon alt="Us" class="cufon cufon-canvas" style="width: 16px; height: 12px;">833 <canvas height="14" style="width: 23px; height: 14px; top: -2px; left: -1px;" width="23">834 </canvas>835 <cufontext>836 Us837 </cufontext>838 </cufon>839 </a>840 </li>841 <li>842 <a>843 <cufon alt="Why " class="cufon cufon-canvas" style="width: 30px; height: 12px;">844 <canvas height="14" style="width: 39px; height: 14px; top: -2px; left: -1px;" width="39">845 </canvas>846 <cufontext>847 Why848 </cufontext>849 </cufon>850 <cufon alt="Choose " class="cufon cufon-canvas" style="width: 50px; height: 12px;">851 <canvas height="14" style="width: 59px; height: 14px; top: -2px; left: -1px;" width="59">852 </canvas>853 <cufontext>854 Choose855 </cufontext>856 </cufon>857 <cufon alt="Us" class="cufon cufon-canvas" style="width: 16px; height: 12px;">858 <canvas height="14" style="width: 23px; height: 14px; top: -2px; left: -1px;" width="23">859 </canvas>860 <cufontext>861 Us862 </cufontext>863 </cufon>864 </a>865 </li>866 <li>867 <a>868 <cufon alt="How " class="cufon cufon-canvas" style="width: 32px; height: 12px;">869 <canvas height="14" style="width: 41px; height: 14px; top: -2px; left: -1px;" width="41">870 </canvas>871 <cufontext>872 How873 </cufontext>874 </cufon>875 <cufon alt="We " class="cufon cufon-canvas" style="width: 23px; height: 12px;">876 <canvas height="14" style="width: 32px; height: 14px; top: -2px; left: -1px;" width="32">877 </canvas>878 <cufontext>879 We880 </cufontext>881 </cufon>882 <cufon alt="Can " class="cufon cufon-canvas" style="width: 28px; height: 12px;">883 <canvas height="14" style="width: 37px; height: 14px; top: -2px; left: -1px;" width="37">884 </canvas>885 <cufontext>886 Can887 </cufontext>888 </cufon>889 <cufon alt="Help " class="cufon cufon-canvas" style="width: 32px; height: 12px;">890 <canvas height="14" style="width: 41px; height: 14px; top: -2px; left: -1px;" width="41">891 </canvas>892 <cufontext>893 Help894 </cufontext>895 </cufon>896 <cufon alt="You" class="cufon cufon-canvas" style="width: 23px; height: 12px;">897 <canvas height="14" style="width: 28px; height: 14px; top: -2px; left: -1px;" width="28">898 </canvas>899 <cufontext>900 You901 </cufontext>902 </cufon>903 </a>904 </li>905 </ul>906 <div id="logo">907 <a>908 TAX Helpline909 </a>910 </div>911 <div id="phone">912 0800 597 4757913 </div>914 <ul id="menu">915 <li>916 <a class="active">917 <cufon alt="Tax " class="cufon cufon-canvas" style="width: 24px; height: 12px;">918 <canvas height="14" style="width: 33px; height: 14px; top: -2px; left: -1px;" width="33">919 </canvas>920 <cufontext>921 Tax922 </cufontext>923 </cufon>924 <cufon alt="Problems" class="cufon cufon-canvas" style="width: 57px; height: 12px;">925 <canvas height="14" style="width: 64px; height: 14px; top: -2px; left: -1px;" width="64">926 </canvas>927 <cufontext>928 Problems929 </cufontext>930 </cufon>931 </a>932 </li>933 <li>934 <a>935 <cufon alt="Tax " class="cufon cufon-canvas" style="width: 24px; height: 12px;">936 <canvas height="14" style="width: 33px; height: 14px; top: -2px; left: -1px;" width="33">937 </canvas>938 <cufontext>939 Tax940 </cufontext>941 </cufon>942 <cufon alt="Debt " class="cufon cufon-canvas" style="width: 33px; height: 12px;">943 <canvas height="14" style="width: 42px; height: 14px; top: -2px; left: -1px;" width="42">944 </canvas>945 <cufontext>946 Debt947 </cufontext>948 </cufon>949 <cufon alt="Advice" class="cufon cufon-canvas" style="width: 40px; height: 12px;">950 <canvas height="14" style="width: 46px; height: 14px; top: -2px; left: -1px;" width="46">951 </canvas>952 <cufontext>953 Advice954 </cufontext>955 </cufon>956 </a>957 </li>958 <li>959 <a>960 <cufon alt="Corporation " class="cufon cufon-canvas" style="width: 76px; height: 12px;">961 <canvas height="14" style="width: 86px; height: 14px; top: -2px; left: -1px;" width="86">962 </canvas>963 <cufontext>964 Corporation965 </cufontext>966 </cufon>967 <cufon alt="Tax" class="cufon cufon-canvas" style="width: 20px; height: 12px;">968 <canvas height="14" style="width: 27px; height: 14px; top: -2px; left: -1px;" width="27">969 </canvas>970 <cufontext>971 Tax972 </cufontext>973 </cufon>974 </a>975 </li>976 <li>977 <a>978 <cufon alt="VAT " class="cufon cufon-canvas" style="width: 27px; height: 12px;">979 <canvas height="14" style="width: 36px; height: 14px; top: -2px; left: -1px;" width="36">980 </canvas>981 <cufontext>982 VAT983 </cufontext>984 </cufon>985 <cufon alt="Value " class="cufon cufon-canvas" style="width: 36px; height: 12px;">986 <canvas height="14" style="width: 46px; height: 14px; top: -2px; left: -1px;" width="46">987 </canvas>988 <cufontext>989 Value990 </cufontext>991 </cufon>992 <cufon alt="Added " class="cufon cufon-canvas" style="width: 42px; height: 12px;">993 <canvas height="14" style="width: 51px; height: 14px; top: -2px; left: -1px;" width="51">994 </canvas>995 <cufontext>996 Added997 </cufontext>998 </cufon>999 <cufon alt="Tax " class="cufon cufon-canvas" style="width: 24px; height: 12px;">1000 <canvas height="14" style="width: 33px; height: 14px; top: -2px; left: -1px;" width="33">1001 </canvas>1002 <cufontext>1003 Tax1004 </cufontext>1005 </cufon>1006 <cufon alt="Debt" class="cufon cufon-canvas" style="width: 29px; height: 12px;">1007 <canvas height="14" style="width: 37px; height: 14px; top: -2px; left: -1px;" width="37">1008 </canvas>1009 <cufontext>1010 Debt1011 </cufontext>1012 </cufon>1013 </a>1014 </li>1015 </ul>1016 </div>1017 <div id="content-container">1018 <div id="content-wrapper">1019 <div id="left-column">1020 <div class="boxes">1021 <a class="cufon">1022 <cufon alt="Tax " class="cufon cufon-canvas" style="width: 30px; height: 14px;">1023 <canvas height="16" style="width: 41px; height: 16px; top: -2px; left: -1px;" width="41">1024 </canvas>1025 <cufontext>1026 Tax1027 </cufontext>1028 </cufon>1029 <cufon alt="problems" class="cufon cufon-canvas" style="width: 77px; height: 14px;">1030 <canvas height="16" style="width: 84px; height: 16px; top: -2px; left: -1px;" width="84">1031 </canvas>1032 <cufontext>1033 problems1034 </cufontext>1035 </cufon>1036 </a>1037 </div>1038 <div class="boxes">1039 <a class="cufon">1040 <cufon alt="Tax " class="cufon cufon-canvas" style="width: 30px; height: 14px;">1041 <canvas height="16" style="width: 41px; height: 16px; top: -2px; left: -1px;" width="41">1042 </canvas>1043 <cufontext>1044 Tax1045 </cufontext>1046 </cufon>1047 <cufon alt="debt " class="cufon cufon-canvas" style="width: 41px; height: 14px;">1048 <canvas height="16" style="width: 52px; height: 16px; top: -2px; left: -1px;" width="52">1049 </canvas>1050 <cufontext>1051 debt1052 </cufontext>1053 </cufon>1054 <cufon alt="advice" class="cufon cufon-canvas" style="width: 53px; height: 14px;">1055 <canvas height="16" style="width: 59px; height: 16px; top: -2px; left: -1px;" width="59">1056 </canvas>1057 <cufontext>1058 advice1059 </cufontext>1060 </cufon>1061 </a>1062 </div>1063 <div class="boxes">1064 <a class="cufon">1065 <cufon alt="Corporation " class="cufon cufon-canvas" style="width: 111px; height: 14px;">1066 <canvas height="16" style="width: 122px; height: 16px; top: -2px; left: -1px;" width="122">1067 </canvas>1068 <cufontext>1069 Corporation1070 </cufontext>1071 </cufon>1072 <cufon alt="tax" class="cufon cufon-canvas" style="width: 27px; height: 14px;">1073 <canvas height="16" style="width: 33px; height: 16px; top: -2px; left: -1px;" width="33">1074 </canvas>1075 <cufontext>1076 tax1077 </cufontext>1078 </cufon>1079 </a>1080 </div>1081 <div class="boxes">1082 <a class="cufon">1083 <cufon alt="Vat " class="cufon cufon-canvas" style="width: 30px; height: 14px;">1084 <canvas height="16" style="width: 41px; height: 16px; top: -2px; left: -1px;" width="41">1085 </canvas>1086 <cufontext>1087 Vat1088 </cufontext>1089 </cufon>1090 <cufon alt="value " class="cufon cufon-canvas" style="width: 49px; height: 14px;">1091 <canvas height="16" style="width: 60px; height: 16px; top: -2px; left: -1px;" width="60">1092 </canvas>1093 <cufontext>1094 value1095 </cufontext>1096 </cufon>1097 <cufon alt="added " class="cufon cufon-canvas" style="width: 54px; height: 14px;">1098 <canvas height="16" style="width: 65px; height: 16px; top: -2px; left: -1px;" width="65">1099 </canvas>1100 <cufontext>1101 added1102 </cufontext>1103 </cufon>1104 <cufon alt="tax " class="cufon cufon-canvas" style="width: 30px; height: 14px;">1105 <canvas height="16" style="width: 41px; height: 16px; top: -2px; left: -1px;" width="41">1106 </canvas>1107 <cufontext>1108 tax1109 </cufontext>1110 </cufon>1111 <cufon alt="debt" class="cufon cufon-canvas" style="width: 38px; height: 14px;">1112 <canvas height="16" style="width: 44px; height: 16px; top: -2px; left: -1px;" width="44">1113 </canvas>1114 <cufontext>1115 debt1116 </cufontext>1117 </cufon>1118 </a>1119 </div>1120 <div class="boxes">1121 <a class="cufon">1122 <cufon alt="Paye " class="cufon cufon-canvas" style="width: 38px; height: 14px;">1123 <canvas height="16" style="width: 49px; height: 16px; top: -2px; left: -1px;" width="49">1124 </canvas>1125 <cufontext>1126 Paye1127 </cufontext>1128 </cufon>1129 <cufon alt="nic " class="cufon cufon-canvas" style="width: 30px; height: 14px;">1130 <canvas height="16" style="width: 41px; height: 16px; top: -2px; left: -1px;" width="41">1131 </canvas>1132 <cufontext>1133 nic1134 </cufontext>1135 </cufon>1136 <cufon alt="tax " class="cufon cufon-canvas" style="width: 30px; height: 14px;">1137 <canvas height="16" style="width: 41px; height: 16px; top: -2px; left: -1px;" width="41">1138 </canvas>1139 <cufontext>1140 tax1141 </cufontext>1142 </cufon>1143 <cufon alt="debt" class="cufon cufon-canvas" style="width: 38px; height: 14px;">1144 <canvas height="16" style="width: 44px; height: 16px; top: -2px; left: -1px;" width="44">1145 </canvas>1146 <cufontext>1147 debt1148 </cufontext>1149 </cufon>1150 </a>1151 </div>1152 <div class="boxes">1153 <a class="cufon">1154 <cufon alt="Insolvency " class="cufon cufon-canvas" style="width: 94px; height: 14px;">1155 <canvas height="16" style="width: 105px; height: 16px; top: -2px; left: -1px;" width="105">1156 </canvas>1157 <cufontext>1158 Insolvency1159 </cufontext>1160 </cufon>1161 <cufon alt="debt " class="cufon cufon-canvas" style="width: 41px; height: 14px;">1162 <canvas height="16" style="width: 52px; height: 16px; top: -2px; left: -1px;" width="52">1163 </canvas>1164 <cufontext>1165 debt1166 </cufontext>1167 </cufon>1168 <cufon alt="advice" class="cufon cufon-canvas" style="width: 53px; height: 14px;">1169 <canvas height="16" style="width: 59px; height: 16px; top: -2px; left: -1px;" width="59">1170 </canvas>1171 <cufontext>1172 advice1173 </cufontext>1174 </cufon>1175 </a>1176 </div>1177 <div class="box_active">1178 <a class="cufon title">1179 <cufon alt="Help " class="cufon cufon-canvas" style="width: 38px; height: 13px;">1180 <canvas height="15" style="width: 48px; height: 15px; top: -2px; left: -1px;" width="48">1181 </canvas>1182 <cufontext>1183 Help1184 </cufontext>1185 </cufon>1186 <cufon alt="with " class="cufon cufon-canvas" style="width: 40px; height: 13px;">1187 <canvas height="15" style="width: 50px; height: 15px; top: -2px; left: -1px;" width="50">1188 </canvas>1189 <cufontext>1190 with1191 </cufontext>1192 </cufon>1193 <cufon alt="tax " class="cufon cufon-canvas" style="width: 29px; height: 13px;">1194 <canvas height="15" style="width: 39px; height: 15px; top: -2px; left: -1px;" width="39">1195 </canvas>1196 <cufontext>1197 tax1198 </cufontext>1199 </cufon>1200 <cufon alt="debt" class="cufon cufon-canvas" style="width: 35px; height: 13px;">