/***********************
 *
 * CSS generated by netProtozo Grid Generator
 * www.netprotozo.com/grid
 *
 * unit =  10px, column = 15 units, gutter = 1 unit(s), margin = 1 1 4 1 unit(s)
 *
 == STRUCTURE: ========================
 * Page:   970px
 * Column: 150px (6)
 * Gutter: 10px
 * Margin: 10px 10px 40px 10px
 ======================================
 *
 ***********************/


/* The '.page-box' class is provided for you to attached to your outer wrapping page element.
 It provides the outer margin for your page layout.
 The '.page-body' element should hold your page contents. */

.page-box { width: 970px; padding-top: 40px; padding-bottom: 40px; }
.page-body { width: 950px; margin-left: 10px; margin-top:40px; }
.page-body:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
/* bottom margin */


/* Use the '.column' class below to prepare divs to act like columns.
 The result is 'inline-block like' behaviour */

/* When combined with a '.colx#' or '.x#' class, the columns will sit next to each other.
 Otherwise, the column will take up as much room as it's content requires */
.column { float: left; display:inline; }

/* Use the '.last' class to strip the extra gutter margin from the last column */
.last { margin-right: 0 !important; }

/* Use the '.tier' class to create a block element with a height separation equal to the gutter width */
.tier { margin-bottom: 10px; }

/* column units */

.colx1 { width: 150px; margin-right: 10px;}
.colx2 { width: 310px; margin-right: 10px;}
.colx3 { width: 470px; margin-right: 10px;}
.colx4 { width: 630px; margin-right: 10px;}
.colx5 { width: 790px; margin-right: 10px;}
.colx6,
.colfull { width: 950px; overflow: hidden; }
.fullpage { width: 970px;  }
.h-fullpage { height: 950px;  }


/* Use these if you want padding instead of margin 
if you want to butt things against each other visually */

.colx1p { width: 160px; padding-right: 10px;}
.colx2p { width: 320px; padding-right: 10px;}
.colx3p { width: 480px; padding-right: 10px;}
.colx4p { width: 640px; padding-right: 10px;}
.colx5p { width: 800px; padding-right: 10px;}
.colx6p { width: 950px; overflow: hidden; }


/* .full_nopad is to keep your tables from breaking layouts 
We don't trust 100% on tables */

.colx6 .full_nopad { width: 950px; }
.colx5 .full_nopad { width: 790px; }
.colx4 .full_nopad { width: 630px; }
.colx3 .full_nopad { width: 470px; }
.colx2 .full_nopad { width: 310px; }
.colx1 .full_nopad { width: 150px; }


/* add space to the right of elements equal to column divisions */

.rt-colx1 { margin-right: 160px; }
.rt-colx2 { margin-right: 320px; }
.rt-colx3 { margin-right: 480px; }
.rt-colx4 { margin-right: 640px; }
.rt-colx5 { margin-right: 800px; }


/* add space to the left of elements equal to column divisions */

.lt-colx1 { margin-left: 160px; }
.lt-colx2 { margin-left: 320px; }
.lt-colx3 { margin-left: 480px; }
.lt-colx4 { margin-left: 640px; }
.lt-colx5 { margin-left: 800px; }


/* sub units 
setting elements widths equal to grid divisions */

.x1 { width: 10px; }
.x2 { width: 20px; }
.x3 { width: 30px; }
.x4 { width: 40px; }
.x5 { width: 50px; }
.x6 { width: 60px; }
.x7 { width: 70px; }
.x8 { width: 80px; }
.x9 { width: 90px; }
.x10 { width: 100px; }
.x11 { width: 110px; }
.x12 { width: 120px; }
.x13 { width: 130px; }
.x14 { width: 140px; }
.x15 { width: 150px; }
.x16 { width: 160px; }
.x17 { width: 170px; }
.x18 { width: 180px; }
.x19 { width: 190px; }
.x20 { width: 200px; }
.x21 { width: 210px; }
.x22 { width: 220px; }
.x23 { width: 230px; }
.x24 { width: 240px; }
.x25 { width: 250px; }
.x26 { width: 260px; }
.x27 { width: 270px; }
.x28 { width: 280px; }
.x29 { width: 290px; }
.x30 { width: 300px; }
.x31 { width: 310px; }
.x32 { width: 320px; }
.x33 { width: 330px; }
.x34 { width: 340px; }
.x35 { width: 350px; }
.x36 { width: 360px; }
.x37 { width: 370px; }
.x38 { width: 380px; }
.x39 { width: 390px; }
.x40 { width: 400px; }
.x41 { width: 410px; }
.x42 { width: 420px; }
.x43 { width: 430px; }
.x44 { width: 440px; }
.x45 { width: 450px; }
.x46 { width: 460px; }
.x47 { width: 470px; }
.x48 { width: 480px; }
.x49 { width: 490px; }
.x50 { width: 500px; }
.x51 { width: 510px; }
.x52 { width: 520px; }
.x53 { width: 530px; }
.x54 { width: 540px; }
.x55 { width: 550px; }
.x56 { width: 560px; }
.x57 { width: 570px; }
.x58 { width: 580px; }
.x59 { width: 590px; }
.x60 { width: 600px; }
.x61 { width: 610px; }
.x62 { width: 620px; }
.x63 { width: 630px; }
.x64 { width: 640px; }
.x65 { width: 650px; }
.x66 { width: 660px; }
.x67 { width: 670px; }
.x68 { width: 680px; }
.x69 { width: 690px; }
.x70 { width: 700px; }
.x71 { width: 710px; }
.x72 { width: 720px; }
.x73 { width: 730px; }
.x74 { width: 740px; }
.x75 { width: 750px; }
.x76 { width: 760px; }
.x77 { width: 770px; }
.x78 { width: 780px; }
.x79 { width: 790px; }
.x80 { width: 800px; }
.x81 { width: 810px; }
.x82 { width: 820px; }
.x83 { width: 830px; }
.x84 { width: 840px; }
.x85 { width: 850px; }
.x86 { width: 860px; }
.x87 { width: 870px; }
.x88 { width: 880px; }
.x89 { width: 890px; }


/* add space to the left of elements equal to grid divisions */

.lt-x1 { margin-left: 10px; }
.lt-x2 { margin-left: 20px; }
.lt-x3 { margin-left: 30px; }
.lt-x4 { margin-left: 40px; }
.lt-x5 { margin-left: 50px; }
.lt-x6 { margin-left: 60px; }
.lt-x7 { margin-left: 70px; }
.lt-x8 { margin-left: 80px; }
.lt-x9 { margin-left: 90px; }
.lt-x10 { margin-left: 100px; }
.lt-x11 { margin-left: 110px; }
.lt-x12 { margin-left: 120px; }
.lt-x13 { margin-left: 130px; }
.lt-x14 { margin-left: 140px; }
.lt-x15 { margin-left: 150px; }
.lt-x16 { margin-left: 160px; }
.lt-x17 { margin-left: 170px; }
.lt-x18 { margin-left: 180px; }
.lt-x19 { margin-left: 190px; }
.lt-x20 { margin-left: 200px; }
.lt-x21 { margin-left: 210px; }
.lt-x22 { margin-left: 220px; }
.lt-x23 { margin-left: 230px; }
.lt-x24 { margin-left: 240px; }
.lt-x25 { margin-left: 250px; }
.lt-x26 { margin-left: 260px; }
.lt-x27 { margin-left: 270px; }
.lt-x28 { margin-left: 280px; }
.lt-x29 { margin-left: 290px; }
.lt-x30 { margin-left: 300px; }
.lt-x31 { margin-left: 310px; }
.lt-x32 { margin-left: 320px; }
.lt-x33 { margin-left: 330px; }
.lt-x34 { margin-left: 340px; }
.lt-x35 { margin-left: 350px; }
.lt-x36 { margin-left: 360px; }
.lt-x37 { margin-left: 370px; }
.lt-x38 { margin-left: 380px; }
.lt-x39 { margin-left: 390px; }
.lt-x40 { margin-left: 400px; }
.lt-x41 { margin-left: 410px; }
.lt-x42 { margin-left: 420px; }
.lt-x43 { margin-left: 430px; }
.lt-x44 { margin-left: 440px; }
.lt-x45 { margin-left: 450px; }
.lt-x46 { margin-left: 460px; }
.lt-x47 { margin-left: 470px; }
.lt-x48 { margin-left: 480px; }
.lt-x49 { margin-left: 490px; }
.lt-x50 { margin-left: 500px; }
.lt-x51 { margin-left: 510px; }
.lt-x52 { margin-left: 520px; }
.lt-x53 { margin-left: 530px; }
.lt-x54 { margin-left: 540px; }
.lt-x55 { margin-left: 550px; }
.lt-x56 { margin-left: 560px; }
.lt-x57 { margin-left: 570px; }
.lt-x58 { margin-left: 580px; }
.lt-x59 { margin-left: 590px; }
.lt-x60 { margin-left: 600px; }
.lt-x61 { margin-left: 610px; }
.lt-x62 { margin-left: 620px; }
.lt-x63 { margin-left: 630px; }
.lt-x64 { margin-left: 640px; }
.lt-x65 { margin-left: 650px; }
.lt-x66 { margin-left: 660px; }
.lt-x67 { margin-left: 670px; }
.lt-x68 { margin-left: 680px; }
.lt-x69 { margin-left: 690px; }
.lt-x70 { margin-left: 700px; }
.lt-x71 { margin-left: 710px; }
.lt-x72 { margin-left: 720px; }
.lt-x73 { margin-left: 730px; }
.lt-x74 { margin-left: 740px; }
.lt-x75 { margin-left: 750px; }
.lt-x76 { margin-left: 760px; }
.lt-x77 { margin-left: 770px; }
.lt-x78 { margin-left: 780px; }
.lt-x79 { margin-left: 790px; }
.lt-x80 { margin-left: 800px; }
.lt-x81 { margin-left: 810px; }
.lt-x82 { margin-left: 820px; }
.lt-x83 { margin-left: 830px; }
.lt-x84 { margin-left: 840px; }
.lt-x85 { margin-left: 850px; }
.lt-x86 { margin-left: 860px; }
.lt-x87 { margin-left: 870px; }
.lt-x88 { margin-left: 880px; }
.lt-x89 { margin-left: 890px; }


/* add space to the right of elements equal to grid divisons */

.rt-x1 { margin-right: 10px; }
.rt-x2 { margin-right: 20px; }
.rt-x3 { margin-right: 30px; }
.rt-x4 { margin-right: 40px; }
.rt-x5 { margin-right: 50px; }
.rt-x6 { margin-right: 60px; }
.rt-x7 { margin-right: 70px; }
.rt-x8 { margin-right: 80px; }
.rt-x9 { margin-right: 90px; }
.rt-x10 { margin-right: 100px; }
.rt-x11 { margin-right: 110px; }
.rt-x12 { margin-right: 120px; }
.rt-x13 { margin-right: 130px; }
.rt-x14 { margin-right: 140px; }
.rt-x15 { margin-right: 150px; }
.rt-x16 { margin-right: 160px; }
.rt-x17 { margin-right: 170px; }
.rt-x18 { margin-right: 180px; }
.rt-x19 { margin-right: 190px; }
.rt-x20 { margin-right: 200px; }
.rt-x21 { margin-right: 210px; }
.rt-x22 { margin-right: 220px; }
.rt-x23 { margin-right: 230px; }
.rt-x24 { margin-right: 240px; }
.rt-x25 { margin-right: 250px; }
.rt-x26 { margin-right: 260px; }
.rt-x27 { margin-right: 270px; }
.rt-x28 { margin-right: 280px; }
.rt-x29 { margin-right: 290px; }
.rt-x30 { margin-right: 300px; }
.rt-x31 { margin-right: 310px; }
.rt-x32 { margin-right: 320px; }
.rt-x33 { margin-right: 330px; }
.rt-x34 { margin-right: 340px; }
.rt-x35 { margin-right: 350px; }
.rt-x36 { margin-right: 360px; }
.rt-x37 { margin-right: 370px; }
.rt-x38 { margin-right: 380px; }
.rt-x39 { margin-right: 390px; }
.rt-x40 { margin-right: 400px; }
.rt-x41 { margin-right: 410px; }
.rt-x42 { margin-right: 420px; }
.rt-x43 { margin-right: 430px; }
.rt-x44 { margin-right: 440px; }
.rt-x45 { margin-right: 450px; }
.rt-x46 { margin-right: 460px; }
.rt-x47 { margin-right: 470px; }
.rt-x48 { margin-right: 480px; }
.rt-x49 { margin-right: 490px; }
.rt-x50 { margin-right: 500px; }
.rt-x51 { margin-right: 510px; }
.rt-x52 { margin-right: 520px; }
.rt-x53 { margin-right: 530px; }
.rt-x54 { margin-right: 540px; }
.rt-x55 { margin-right: 550px; }
.rt-x56 { margin-right: 560px; }
.rt-x57 { margin-right: 570px; }
.rt-x58 { margin-right: 580px; }
.rt-x59 { margin-right: 590px; }
.rt-x60 { margin-right: 600px; }
.rt-x61 { margin-right: 610px; }
.rt-x62 { margin-right: 620px; }
.rt-x63 { margin-right: 630px; }
.rt-x64 { margin-right: 640px; }
.rt-x65 { margin-right: 650px; }
.rt-x66 { margin-right: 660px; }
.rt-x67 { margin-right: 670px; }
.rt-x68 { margin-right: 680px; }
.rt-x69 { margin-right: 690px; }
.rt-x70 { margin-right: 700px; }
.rt-x71 { margin-right: 710px; }
.rt-x72 { margin-right: 720px; }
.rt-x73 { margin-right: 730px; }
.rt-x74 { margin-right: 740px; }
.rt-x75 { margin-right: 750px; }
.rt-x76 { margin-right: 760px; }
.rt-x77 { margin-right: 770px; }
.rt-x78 { margin-right: 780px; }
.rt-x79 { margin-right: 790px; }
.rt-x80 { margin-right: 800px; }
.rt-x81 { margin-right: 810px; }
.rt-x82 { margin-right: 820px; }
.rt-x83 { margin-right: 830px; }
.rt-x84 { margin-right: 840px; }
.rt-x85 { margin-right: 850px; }
.rt-x86 { margin-right: 860px; }
.rt-x87 { margin-right: 870px; }
.rt-x88 { margin-right: 880px; }
.rt-x89 { margin-right: 890px; }


/* setting elements heights equal to column divisions */

.h-colx1 { height: 150px; }
.h-colx2 { height: 310px; }
.h-colx3 { height: 470px; }
.h-colx4 { height: 630px; }
.h-colx5 { height: 790px; }
.h-colx6 { height: 950px; }


/* setting elements heights equal to unit divisions */

.h-x1 { height: 10px; }
.h-x2 { height: 20px; }
.h-x3 { height: 30px; }
.h-x4 { height: 40px; }
.h-x5 { height: 50px; }
.h-x6 { height: 60px; }
.h-x7 { height: 70px; }
.h-x8 { height: 80px; }
.h-x9 { height: 90px; }
.h-x10 { height: 100px; }
.h-x11 { height: 110px; }
.h-x12 { height: 120px; }
.h-x13 { height: 130px; }
.h-x14 { height: 140px; }
.h-x15 { height: 150px; }
.h-x16 { height: 160px; }
.h-x17 { height: 170px; }
.h-x18 { height: 180px; }
.h-x19 { height: 190px; }
.h-x20 { height: 200px; }
.h-x21 { height: 210px; }
.h-x22 { height: 220px; }
.h-x23 { height: 230px; }
.h-x24 { height: 240px; }
.h-x25 { height: 250px; }
.h-x26 { height: 260px; }
.h-x27 { height: 270px; }
.h-x28 { height: 280px; }
.h-x29 { height: 290px; }
.h-x30 { height: 300px; }
.h-x31 { height: 310px; }
.h-x32 { height: 320px; }
.h-x33 { height: 330px; }
.h-x34 { height: 340px; }
.h-x35 { height: 350px; }
.h-x36 { height: 360px; }
.h-x37 { height: 370px; }
.h-x38 { height: 380px; }
.h-x39 { height: 390px; }
.h-x40 { height: 400px; }
.h-x41 { height: 410px; }
.h-x42 { height: 420px; }
.h-x43 { height: 430px; }
.h-x44 { height: 440px; }
.h-x45 { height: 450px; }
.h-x46 { height: 460px; }
.h-x47 { height: 470px; }
.h-x48 { height: 480px; }
.h-x49 { height: 490px; }
.h-x50 { height: 500px; }
.h-x51 { height: 510px; }
.h-x52 { height: 520px; }
.h-x53 { height: 530px; }
.h-x54 { height: 540px; }
.h-x55 { height: 550px; }
.h-x56 { height: 560px; }
.h-x57 { height: 570px; }
.h-x58 { height: 580px; }
.h-x59 { height: 590px; }
.h-x60 { height: 600px; }
.h-x61 { height: 610px; }
.h-x62 { height: 620px; }
.h-x63 { height: 630px; }
.h-x64 { height: 640px; }
.h-x65 { height: 650px; }
.h-x66 { height: 660px; }
.h-x67 { height: 670px; }
.h-x68 { height: 680px; }
.h-x69 { height: 690px; }
.h-x70 { height: 700px; }
.h-x71 { height: 710px; }
.h-x72 { height: 720px; }
.h-x73 { height: 730px; }
.h-x74 { height: 740px; }
.h-x75 { height: 750px; }
.h-x76 { height: 760px; }
.h-x77 { height: 770px; }
.h-x78 { height: 780px; }
.h-x79 { height: 790px; }
.h-x80 { height: 800px; }
.h-x81 { height: 810px; }
.h-x82 { height: 820px; }
.h-x83 { height: 830px; }
.h-x84 { height: 840px; }
.h-x85 { height: 850px; }
.h-x86 { height: 860px; }
.h-x87 { height: 870px; }
.h-x88 { height: 880px; }
.h-x89 { height: 890px; }
.h-x90 { height: 900px; }