/*
- all heights are auto
- widths are exact in pixels with 4px margin
- no paddings
- all boxes float left by default
- version 1.0
- twitter: @bburgosv
- bburgosv@gmail.com
*/
.ant		{ width: 960px; }
.bat		{ width: 480px; }
.cat		{ width: 320px; }
.cat-x2		{ width: 640px; }
.dog		{ width: 240px; }
.dog-x3		{ width: 720px; }
.elk		{ width: 192px; }
.elk-x2		{ width: 384px; }
.elk-x3		{ width: 576px; }
.elk-x4		{ width: 768px; }
.fox		{ width: 160px; }
.fox-x5		{ width: 800px; }
.hawk		{ width: 120px; }
.hawk-x3	{ width: 360px; }
.hawk-x5	{ width: 600px; }
.jay		{ width: 96px; }
.jay-x3		{ width: 288px; }

.ant, .bat, .cat, .cat-x2, .dog, .dog-x3, .elk, .elk-x2, .elk-x3, .elk-x4, .fox, .fox-x5, .hawk, .hawk-x3, .hawk-x5, .jay, .jay-x3 {
	margin: 0px;
	float: left;
	height: auto;
	display: block;
}

/******************** marginalized ********************/ 

.mant		{ width: 940px; }
.mbat		{ width: 460px; }
.mcat		{ width: 300px; }
.mcat-x2	{ width: 620px; }
.mdog		{ width: 220px; }
.mdog-x3	{ width: 700px; }
.melk		{ width: 162px; }
.melk-x2	{ width: 364px; }
.melk-x3	{ width: 556px; }
.melk-x4	{ width: 748px; }
.mfox		{ width: 140px; }
.mfox-x5	{ width: 780px; }
.mhawk		{ width: 100px; }
.mhawk-x3	{ width: 340px; }
.mhawk-x5	{ width: 580px; }
.mjay		{ width: 76px; }
.mjay-x3	{ width: 268px; }

.mant, .mbat, .mcat, .mcat-x2, .mdog, .mdog-x3, .melk, .melk-x2, .melk-x3, .melk-x4, .mfox, .mfox-x5, .mhawk, .mhawk-x3, .mhawk-x5, .mjay, .mjay-x3 {
	margin: 10px;
	float: left;
	height: auto;
	display: block;
}




/******************** percented ********************/ 

.pant		{ width: 100%; }
.pbat		{ width: 50%; }
.pcat		{ width: 33.3%; }
.pcat-x2	{ width: 66.6%; }
.pdog		{ width: 25%; }
.pdog-x3	{ width: 75%; }
.pelk		{ width: 20%; }
.pelk-x2	{ width: 40%; }
.pelk-x3	{ width: 60%; }
.pelk-x4	{ width: 80%; }
.pfox		{ width: 16.65%; }
.pfox-x5	{ width: 83.25%; }
.phawk		{ width: 12.50%; }
.phawk-x3	{ width: 37.50%; }
.phawk-x5	{ width: 62.50%; }
.pjay		{ width: 10%; }
.pjay-x3	{ width: 30%; }

.pant, .pbat, .pcat, .pcat-x2, .pdog, .pdog-x3, .pelk, .pelk-x2, .pelk-x3, .pelk-x4, .pfox, .pfox-x5, .phawk, .phawk-x3, .phawk-x5, .pjay, .pjay-x3 {
	margin: 0px;
	float: left;
	height: auto;
	display: block;
}

/******************** percented and marginalized ********************/ 

.pmant		{ width: 98.6%; }
.pmbat		{ width: 48.6%; }
.pmcat		{ width: 31.93%; }
.pmcat-x2	{ width: 64.6%; }
.pmdog		{ width: 23.6%; }
.pmdog-x3	{ width: 73.6%; }
.pmelk		{ width: 18.6%; }
.pmelk-x2	{ width: 38.6%; }
.pmelk-x3	{ width: 58.6%; }
.pmelk-x4	{ width: 78.6%; }
.pmfox		{ width: 15.25%; }
.pmfox-x5	{ width: 76.25%; }
.pmhawk		{ width: 11.10%; }
.pmhawk-x3	{ width: 36.10%; }
.pmhawk-x5	{ width: 61.10%; }

.pmant, .pmbat, .pmcat, .pmcat-x2, .pmdog, .pmdog-x3, .pmelk, .pmelk-x2, .pmelk-x3, .pmelk-x4, .pmfox, .pmfox-x5, .pmhawk, .pmhawk-x3, .pmhawk-x5 {
	margin: 0px 0.7% 6px;
	float: left;
	height: auto;
	display: block;
}