/* A container should group all your columns. */
.container {
  width: 960px;
  margin: 0 auto;
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-10, div.span-20, div.span-30, div.span-40, div.span-50, div.span-60, div.span-70, div.span-80, div.span-90, 
div.span-100, div.span-110, div.span-120, div.span-130, div.span-140, div.span-150, div.span-160, div.span-170, div.span-180, div.span-190,
div.span-200, div.span-210, div.span-220, div.span-230, div.span-240, div.span-250, div.span-260, div.span-270, div.span-280, div.span-290, 
div.span-300, div.span-310, div.span-320, div.span-330, div.span-340, div.span-350, div.span-360, div.span-370, div.span-380, div.span-390, 
div.span-400, div.span-410, div.span-420, div.span-430, div.span-440, div.span-450, div.span-460, div.span-470, div.span-480, div.span-490, 
div.span-500, div.span-510, div.span-520, div.span-530, div.span-540, div.span-550, div.span-560, div.span-570, div.span-580, div.span-590, 
div.span-600, div.span-610, div.span-620, div.span-630, div.span-640, div.span-650, div.span-660, div.span-670, div.span-680, div.span-690, 
div.span-700, div.span-710, div.span-720, div.span-730, div.span-740, div.span-750, div.span-760, div.span-770, div.span-780, div.span-790, 
div.span-800, div.span-810, div.span-820, div.span-830, div.span-840, div.span-850, div.span-860, div.span-870, div.span-880, div.span-890, 
div.span-900, div.span-910, div.span-920, div.span-930, div.span-940, div.span-950, div.span-960 {float:left;margin-right: 0px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-10  { width: 10px;}
.span-20  { width: 20px;}
.span-30  { width: 30px;}
.span-40  { width: 40px;}
.span-50  { width: 50px;}
.span-60  { width: 60px;}
.span-70  { width: 70px;}
.span-80  { width: 80px;}
.span-90  { width: 90px;}
.span-100 { width: 100px;}
.span-110 { width: 110px;}
.span-120 { width: 120px;}
.span-130 { width: 130px;}
.span-140 { width: 140px;}
.span-150 { width: 150px;}
.span-160 { width: 160px;}
.span-170 { width: 170px;}
.span-180 { width: 180px;}
.span-190 { width: 190px;}
.span-200 { width: 200px;}
.span-210 { width: 210px;}
.span-220 { width: 220px;}
.span-230 { width: 230px;}
.span-240 { width: 240px;}
.span-250 { width: 250px;}
.span-260 { width: 260px;}
.span-270 { width: 270px;}
.span-280 { width: 280px;}
.span-290 { width: 290px;}
.span-300 { width: 300px;}
.span-310 { width: 310px;}
.span-320 { width: 320px;}
.span-330 { width: 330px;}
.span-340 { width: 340px;}
.span-350 { width: 350px;}
.span-360 { width: 360px;}
.span-370 { width: 370px;}
.span-380 { width: 380px;}
.span-390 { width: 390px;}
.span-400 { width: 400px;}
.span-410 { width: 410px;}
.span-420 { width: 420px;}
.span-430 { width: 430px;}
.span-440 { width: 440px;}
.span-450 { width: 450px;}
.span-460 { width: 460px;}
.span-470 { width: 470px;}
.span-480 { width: 480px;}
.span-490 { width: 490px;}
.span-500 { width: 500px;}
.span-510 { width: 510px;}
.span-520 { width: 520px;}
.span-530 { width: 530px;}
.span-540 { width: 540px;}
.span-550 { width: 550px;}
.span-560 { width: 560px;}
.span-570 { width: 570px;}
.span-580 { width: 580px;}
.span-590 { width: 590px;}
.span-600 { width: 600px;}
.span-610 { width: 610px;}
.span-620 { width: 620px;}
.span-630 { width: 630px;}
.span-640 { width: 640px;}
.span-650 { width: 650px;}
.span-660 { width: 660px;}
.span-670 { width: 670px;}
.span-680 { width: 680px;}
.span-690 { width: 690px;}
.span-700 { width: 700px;}
.span-710 { width: 710px;}
.span-720 { width: 720px;}
.span-730 { width: 730px;}
.span-740 { width: 740px;}
.span-750 { width: 750px;}
.span-760 { width: 760px;}
.span-770 { width: 770px;}
.span-780 { width: 780px;}
.span-790 { width: 790px;}
.span-800 { width: 800px;}
.span-810 { width: 810px;}
.span-820 { width: 820px;}
.span-830 { width: 830px;}
.span-840 { width: 840px;}
.span-850 { width: 850px;}
.span-860 { width: 860px;}
.span-870 { width: 870px;}
.span-880 { width: 880px;}
.span-890 { width: 890px;}
.span-900 { width: 900px;}
.span-910 { width: 910px;}
.span-920 { width: 920px;}
.span-930 { width: 930px;}
.span-940 { width: 940px;}
.span-950 { width: 950px;}
.span-960, div.span-960 { width: 960px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-10  { padding-right: 10px;}
.append-20  { padding-right: 20px;}
.append-25  { padding-right: 25px;}
.append-30  { padding-right: 30px;}
.append-40  { padding-right: 40px;}
.append-50  { padding-right: 50px;}
.append-60  { padding-right: 60px;}
.append-70  { padding-right: 70px;}
.append-80  { padding-right: 80px;}
.append-90  { padding-right: 90px;}
.append-100 { padding-right: 100px;}
.append-110 { padding-right: 110px;}
.append-120 { padding-right: 120px;}
.append-130 { padding-right: 130px;}
.append-140 { padding-right: 140px;}
.append-150 { padding-right: 150px;}
.append-160 { padding-right: 160px;}
.append-170 { padding-right: 170px;}
.append-180 { padding-right: 180px;}
.append-190 { padding-right: 190px;}
.append-200 { padding-right: 200px;}
.append-210 { padding-right: 210px;}
.append-220 { padding-right: 220px;}
.append-230 { padding-right: 230px;}
.append-240 { padding-right: 240px;}
.append-250 { padding-right: 250px;}
.append-260 { padding-right: 260px;}
.append-270 { padding-right: 270px;}
.append-280 { padding-right: 280px;}
.append-290 { padding-right: 290px;}
.append-300 { padding-right: 300px;}
.append-310 { padding-right: 310px;}
.append-320 { padding-right: 320px;}
.append-330 { padding-right: 330px;}
.append-340 { padding-right: 340px;}
.append-350 { padding-right: 350px;}
.append-360 { padding-right: 360px;}
.append-370 { padding-right: 370px;}
.append-380 { padding-right: 380px;}
.append-390 { padding-right: 390px;}
.append-400 { padding-right: 400px;}
.append-410 { padding-right: 410px;}
.append-420 { padding-right: 420px;}
.append-430 { padding-right: 430px;}
.append-440 { padding-right: 440px;}
.append-450 { padding-right: 450px;}
.append-460 { padding-right: 460px;}
.append-470 { padding-right: 470px;}
.append-480 { padding-right: 480px;}
.append-490 { padding-right: 490px;}
.append-500 { padding-right: 500px;}
.append-510 { padding-right: 510px;}
.append-520 { padding-right: 520px;}
.append-530 { padding-right: 530px;}
.append-540 { padding-right: 540px;}
.append-550 { padding-right: 550px;}
.append-560 { padding-right: 560px;}
.append-570 { padding-right: 570px;}
.append-580 { padding-right: 580px;}
.append-590 { padding-right: 590px;}
.append-600 { padding-right: 600px;}
.append-610 { padding-right: 610px;}
.append-620 { padding-right: 620px;}
.append-630 { padding-right: 630px;}
.append-640 { padding-right: 640px;}
.append-650 { padding-right: 650px;}
.append-660 { padding-right: 660px;}
.append-670 { padding-right: 670px;}
.append-680 { padding-right: 680px;}
.append-690 { padding-right: 690px;}
.append-700 { padding-right: 700px;}
.append-710 { padding-right: 710px;}
.append-720 { padding-right: 720px;}
.append-730 { padding-right: 730px;}
.append-740 { padding-right: 740px;}
.append-750 { padding-right: 750px;}
.append-760 { padding-right: 760px;}
.append-770 { padding-right: 770px;}
.append-780 { padding-right: 780px;}
.append-790 { padding-right: 790px;}
.append-800 { padding-right: 800px;}
.append-810 { padding-right: 810px;}
.append-820 { padding-right: 820px;}
.append-830 { padding-right: 830px;}
.append-840 { padding-right: 840px;}
.append-850 { padding-right: 850px;}
.append-860 { padding-right: 860px;}
.append-870 { padding-right: 870px;}
.append-880 { padding-right: 880px;}
.append-890 { padding-right: 890px;}
.append-900 { padding-right: 900px;}
.append-910 { padding-right: 910px;}
.append-920 { padding-right: 920px;}
.append-930 { padding-right: 930px;}
.append-940 { padding-right: 940px;}
.append-950 { padding-right: 950px;}

/* Add these to a column to prepend empty cols. */
.prepend-10  { padding-left: 10px;}
.prepend-20  { padding-left: 20px;}
.prepend-25  { padding-left: 25px;}
.prepend-30  { padding-left: 30px;}
.prepend-40  { padding-left: 40px;}
.prepend-50  { padding-left: 50px;}
.prepend-60  { padding-left: 60px;}
.prepend-70  { padding-left: 70px;}
.prepend-80  { padding-left: 80px;}
.prepend-90  { padding-left: 90px;}
.prepend-100 { padding-left: 100px;}
.prepend-110 { padding-left: 110px;}
.prepend-120 { padding-left: 120px;}
.prepend-130 { padding-left: 130px;}
.prepend-140 { padding-left: 140px;}
.prepend-150 { padding-left: 150px;}
.prepend-160 { padding-left: 160px;}
.prepend-170 { padding-left: 170px;}
.prepend-180 { padding-left: 180px;}
.prepend-190 { padding-left: 190px;}
.prepend-200 { padding-left: 200px;}
.prepend-210 { padding-left: 210px;}
.prepend-220 { padding-left: 220px;}
.prepend-230 { padding-left: 230px;}
.prepend-240 { padding-left: 240px;}
.prepend-250 { padding-left: 250px;}
.prepend-260 { padding-left: 260px;}
.prepend-270 { padding-left: 270px;}
.prepend-280 { padding-left: 280px;}
.prepend-290 { padding-left: 290px;}
.prepend-300 { padding-left: 300px;}
.prepend-310 { padding-left: 310px;}
.prepend-320 { padding-left: 320px;}
.prepend-330 { padding-left: 330px;}
.prepend-340 { padding-left: 340px;}
.prepend-350 { padding-left: 350px;}
.prepend-360 { padding-left: 360px;}
.prepend-370 { padding-left: 370px;}
.prepend-380 { padding-left: 380px;}
.prepend-390 { padding-left: 390px;}
.prepend-400 { padding-left: 400px;}
.prepend-410 { padding-left: 410px;}
.prepend-420 { padding-left: 420px;}
.prepend-430 { padding-left: 430px;}
.prepend-440 { padding-left: 440px;}
.prepend-450 { padding-left: 450px;}
.prepend-460 { padding-left: 460px;}
.prepend-470 { padding-left: 470px;}
.prepend-480 { padding-left: 480px;}
.prepend-490 { padding-left: 490px;}
.prepend-500 { padding-left: 500px;}
.prepend-510 { padding-left: 510px;}
.prepend-520 { padding-left: 520px;}
.prepend-530 { padding-left: 530px;}
.prepend-540 { padding-left: 540px;}
.prepend-550 { padding-left: 550px;}
.prepend-560 { padding-left: 560px;}
.prepend-570 { padding-left: 570px;}
.prepend-580 { padding-left: 580px;}
.prepend-590 { padding-left: 590px;}
.prepend-600 { padding-left: 600px;}
.prepend-610 { padding-left: 610px;}
.prepend-620 { padding-left: 620px;}
.prepend-630 { padding-left: 630px;}
.prepend-640 { padding-left: 640px;}
.prepend-650 { padding-left: 650px;}
.prepend-660 { padding-left: 660px;}
.prepend-670 { padding-left: 670px;}
.prepend-680 { padding-left: 680px;}
.prepend-690 { padding-left: 690px;}
.prepend-700 { padding-left: 700px;}
.prepend-710 { padding-left: 710px;}
.prepend-720 { padding-left: 720px;}
.prepend-730 { padding-left: 730px;}
.prepend-740 { padding-left: 740px;}
.prepend-750 { padding-left: 750px;}
.prepend-760 { padding-left: 760px;}
.prepend-770 { padding-left: 770px;}
.prepend-780 { padding-left: 780px;}
.prepend-790 { padding-left: 790px;}
.prepend-800 { padding-left: 800px;}
.prepend-810 { padding-left: 810px;}
.prepend-820 { padding-left: 820px;}
.prepend-830 { padding-left: 830px;}
.prepend-840 { padding-left: 840px;}
.prepend-850 { padding-left: 850px;}
.prepend-860 { padding-left: 860px;}
.prepend-870 { padding-left: 870px;}
.prepend-880 { padding-left: 880px;}
.prepend-890 { padding-left: 890px;}
.prepend-900 { padding-left: 900px;}
.prepend-910 { padding-left: 910px;}
.prepend-920 { padding-left: 920px;}
.prepend-930 { padding-left: 930px;}
.prepend-940 { padding-left: 940px;}
.prepend-950 { padding-left: 950px;}


/* Use these classes on an element to push it into the
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -20px;}
.pull-2 { margin-left: -40px;}
.pull-3 { margin-left: -60px;}
.pull-4 { margin-left: -80px;}
.pull-5 { margin-left: -100px;}
.pull-6 { margin-left: -120px;}
.pull-7 { margin-left: -140px;}
.pull-8 { margin-left: -160px;}
.pull-9 { margin-left: -180px;}
.pull-10 { margin-left: -200px;}
.pull-11 { margin-left: -220px;}
.pull-12 { margin-left: -240px;}
.pull-13 { margin-left: -260px;}
.pull-14 { margin-left: -280px;}
.pull-15 { margin-left: -300px;}
.pull-16 { margin-left: -320px;}
.pull-17 { margin-left: -340px;}
.pull-18 { margin-left: -360px;}
.pull-19 { margin-left: -380px;}
.pull-20 { margin-left: -400px;}
.pull-21 { margin-left: -420px;}
.pull-22 { margin-left: -440px;}
.pull-23 { margin-left: -460px;}
.pull-24 { margin-left: -480px;}
.pull-25 { margin-left: -500px;}
.pull-26 { margin-left: -520px;}
.pull-27 { margin-left: -540px;}
.pull-28 { margin-left: -560px;}
.pull-29 { margin-left: -580px;}
.pull-30 { margin-left: -600px;}
.pull-31 { margin-left: -620px;}
.pull-32 { margin-left: -640px;}
.pull-33 { margin-left: -660px;}
.pull-34 { margin-left: -680px;}
.pull-35 { margin-left: -700px;}
.pull-36 { margin-left: -720px;}
.pull-37 { margin-left: -740px;}
.pull-38 { margin-left: -760px;}
.pull-39 { margin-left: -780px;}
.pull-40 { margin-left: -800px;}
.pull-41 { margin-left: -820px;}
.pull-42 { margin-left: -840px;}
.pull-43 { margin-left: -860px;}
.pull-44 { margin-left: -880px;}
.pull-45 { margin-left: -900px;}
.pull-46 { margin-left: -920px;}
.pull-47 { margin-left: -940px;}
.pull-48 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26, .pull-27, .pull-28, .pull-29, .pull-30, .pull-31, .pull-32, .pull-33, .pull-34, .pull-35, .pull-36, .pull-37, .pull-38, .pull-39, .pull-40, .pull-41, .pull-42, .pull-43, .pull-44, .pull-45, .pull-46, .pull-47, .pull-48 {float:left;position:relative;}

.push-1 { margin: 0 -20px 1.5em 20px;}
.push-2 { margin: 0 -40px 1.5em 40px;}
.push-3 { margin: 0 -60px 1.5em 60px;}
.push-4 { margin: 0 -80px 1.5em 80px;}
.push-5 { margin: 0 -100px 1.5em 100px;}
.push-6 { margin: 0 -120px 1.5em 120px;}
.push-7 { margin: 0 -140px 1.5em 140px;}
.push-8 { margin: 0 -160px 1.5em 160px;}
.push-9 { margin: 0 -180px 1.5em 180px;}
.push-10 { margin: 0 -200px 1.5em 200px;}
.push-11 { margin: 0 -220px 1.5em 220px;}
.push-12 { margin: 0 -240px 1.5em 240px;}
.push-13 { margin: 0 -260px 1.5em 260px;}
.push-14 { margin: 0 -280px 1.5em 280px;}
.push-15 { margin: 0 -300px 1.5em 300px;}
.push-16 { margin: 0 -320px 1.5em 320px;}
.push-17 { margin: 0 -340px 1.5em 340px;}
.push-18 { margin: 0 -360px 1.5em 360px;}
.push-19 { margin: 0 -380px 1.5em 380px;}
.push-20 { margin: 0 -400px 1.5em 400px;}
.push-21 { margin: 0 -420px 1.5em 420px;}
.push-22 { margin: 0 -440px 1.5em 440px;}
.push-23 { margin: 0 -460px 1.5em 460px;}
.push-24 { margin: 0 -480px 1.5em 480px;}
.push-25 { margin: 0 -500px 1.5em 500px;}
.push-26 { margin: 0 -520px 1.5em 520px;}
.push-27 { margin: 0 -540px 1.5em 540px;}
.push-28 { margin: 0 -560px 1.5em 560px;}
.push-29 { margin: 0 -580px 1.5em 580px;}
.push-30 { margin: 0 -600px 1.5em 600px;}
.push-31 { margin: 0 -620px 1.5em 620px;}
.push-32 { margin: 0 -640px 1.5em 640px;}
.push-33 { margin: 0 -660px 1.5em 660px;}
.push-34 { margin: 0 -680px 1.5em 680px;}
.push-35 { margin: 0 -700px 1.5em 700px;}
.push-36 { margin: 0 -720px 1.5em 720px;}
.push-37 { margin: 0 -740px 1.5em 740px;}
.push-38 { margin: 0 -760px 1.5em 760px;}
.push-39 { margin: 0 -780px 1.5em 780px;}
.push-40 { margin: 0 -800px 1.5em 800px;}
.push-41 { margin: 0 -820px 1.5em 820px;}
.push-42 { margin: 0 -840px 1.5em 840px;}
.push-43 { margin: 0 -860px 1.5em 860px;}
.push-44 { margin: 0 -880px 1.5em 880px;}
.push-45 { margin: 0 -900px 1.5em 900px;}
.push-46 { margin: 0 -920px 1.5em 920px;}
.push-47 { margin: 0 -940px 1.5em 940px;}
.push-48 { margin: 0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25, .push-26, .push-27, .push-28, .push-29, .push-30, .push-31, .push-32, .push-33, .push-34, .push-35, .push-36, .push-37, .push-38, .push-39, .push-40, .push-41, .push-42, .push-43, .push-44, .push-45, .push-46, .push-47, .push-48 {float:right;position:relative;}

/* Misc classes and elements
-------------------------------------------------------------- */

/* Clearing floats without extra markup */

.clearfix:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.clearfix, .container { display: inline-block; }
* html .clearfix,
* html .container { height: 1%; }
.clearfix, .container { display: block; }

/* Regular clearing apply to column that should drop below previous ones. */

.clear { clear: both; }