/* -----------------------------------------------------------------------

 MECHANO CSS Framework beta 1.0
 http://www.cssmechano.com
 January 12, 2009
 Fixed Grids
 
----------------------------------------------------------------------- */

body{font-size:75%}
#hd, #bd, #ft{display:block;float:none;clear:both}

/*Grids 
----------------------------------------------------------------------- */
.g10{width:10px}
.g20{width:20px}
.g30{width:30px}
.g40{width:40px}
.g50{width:50px}
.g60{width:60px}
.g70{width:70px}
.g80{width:80px}
.g90{width:90px}
.g100{width:100px}
.g110{width:110px}
.g120{width:120px}
.g130{width:130px}
.g140{width:140px}
.g150{width:150px}
.g160{width:160px}
.g170{width:170px}
.g180{width:180px}
.g190{width:190px}
.g200{width:200px}
.g210{width:210px}
.g220{width:220px}
.g230{width:230px}
.g240{width:240px}
.g250{width:250px}
.g260{width:260px}
.g270{width:270px}
.g280{width:280px}
.g290{width:290px}
.g300{width:300px}
.g310{width:310px}
.g320{width:320px}
.g330{width:330px}
.g340{width:340px}
.g350{width:350px}
.g360{width:360px}
.g370{width:370px}
.g380{width:380px}
.g390{width:390px}
.g400{width:400px}
.g410{width:410px}
.g420{width:420px}
.g430{width:430px}
.g440{width:440px}
.g450{width:450px}
.g460{width:460px}
.g470{width:470px}
.g480{width:480px}
.g490{width:490px}
.g500{width:500px}
.g510{width:510px}
.g520{width:520px}
.g530{width:530px}
.g540{width:540px}
.g550{width:550px}
.g560{width:560px}
.g570{width:570px}
.g580{width:580px}
.g590{width:590px}
.g600{width:600px}
.g610{width:610px}
.g620{width:620px}
.g630{width:630px}
.g640{width:640px}
.g650{width:650px}
.g660{width:660px}
.g670{width:670px}
.g680{width:680px}
.g690{width:690px}
.g700{width:700px}
.g710{width:710px}
.g720{width:720px}
.g730{width:730px}
.g740{width:740px}
.g750{width:750px}
.g760{width:760px}
.g770{width:770px}
.g780{width:780px}
.g790{width:790px}
.g800{width:800px}
.g810{width:810px}
.g820{width:820px}
.g830{width:830px}
.g840{width:840px}
.g850{width:850px}
.g860{width:860px}
.g870{width:870px}
.g880{width:880px}
.g890{width:890px}
.g900{width:900px}
.g910{width:910px}
.g920{width:920px}
.g930{width:930px}
.g940{width:940px}
.g950{width:950px}

.wrap05{margin:5px}
.wrap10{margin:10px}
.wrap15{margin:15px}
.wrap20{margin:20px}
.wrap25{margin:25px}
.wrap30{margin:30px}
.wrap35{margin:35px}
.wrap40{margin:40px}
.wrap45{margin:45px}
.wrap50{margin:50px}

.append05{margin-left:5px}
.append10{margin-left:10px}
.append15{margin-left:15px}
.append20{margin-left:20px}
.append25{margin-left:25px}
.append30{margin-left:30px}
.append35{margin-left:35px}
.append40{margin-left:40px}
.append45{margin-left:45px}
.append50{margin-left:50px}

.prepend05{margin-right:5px}
.prepend10{margin-right:10px}
.prepend15{margin-right:15px}
.prepend20{margin-right:20px}
.prepend25{margin-right:25px}
.prepend30{margin-right:30px}
.prepend35{margin-right:35px}
.prepend40{margin-right:40px}
.prepend45{margin-right:45px}
.prepend50{margin-right:50px}

.sides05{margin:0 5px}
.sides10{margin:0 10px}
.sides15{margin:0 15px}
.sides20{margin:0 20px}
.sides25{margin:0 25px}
.sides30{margin:0 30px}
.sides35{margin:0 35px}
.sides40{margin:0 40px}
.sides45{margin:0 45px}
.sides50{margin:0 50px}

/* Positioning 
----------------------------------------------------------------------- */
.centered{margin:0 auto;float:none;clear:both;display:block}
.left, .first, .next{float:left;display:inline}
.right, .last{float:right;display:inline}
.txtCentered{text-align:center}
.txtLeft{text-align:left}
.txtRight{text-align:right}

/* Float containers fix:
----------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{display: inline-block}

/* Hides from IE-mac 
----------------------------------------------------------------------- */
* html .clearfix{height: 1%}
.clearfix{display: block}