/* 
easyCss~gridCss 
Copyright (C) 2010 Joachim Doerr, easyCssframework.com
Creative Commons Attribution-Share Alike 3.0 License
*/
/* ----------------------------------------------------- ~ section clearfix */
.section {
	width: 100%;
	margin: 0 auto;
	clear: left;
}
.section:after {
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
html[xmlns] .section {
	display: block;
}
* html .section {
	display: inline-block;
	min-height: 1%;
	zoom: 1;
}
* + html .section {
	display: inline-block;
	min-height: 1%;
	zoom: 1;
}
* + html .section {
	width: auto;
}
/* ----------------------------------------------------- ~ section 990px */
.gs-990 .section,
.section.gs-990 {
	width: 990px;
}
* html .gs-990 {
	width: 990px;
	margin: 0 auto;
}
.gs-990 .section.auto,
.section.auto.gs-990 {
	width: auto;
}
/* ----------------------------------------------------- ~ section 960gs */
.gs-960 .section,
.section.gs-960 {
	width: 960px;
}
* html .gs-960 {
	width: 960px;
	margin: 0 auto;
}
.gs-960 .section.auto,
.section.auto.gs-960 {
	width: auto;
}
/* ----------------------------------------------------- ~ sections % */
/* opera can only interpret integer values */
.part-100,
.part-95,
.part-90,
.part-85,
.part-80,
.part-75,
.part-70,
.part-65,
.part-60,
.part-55,
.part-50,
.part-45,
.part-40,
.part-35,
.part-33,
.part-30,
.part-25,
.part-20,
.part-15,
.part-10,
.part-0,
.part-auto {
	float: left;
	display: block;
}
.part-100 > p,
.part-95 > p,
.part-90 > p,
.part-85 > p,
.part-80 > p,
.part-75 > p,
.part-70 > p,
.part-65 > p,
.part-60 > p,
.part-55 > p,
.part-50 > p,
.part-45 > p,
.part-40 > p,
.part-35 > p,
.part-33 > p,
.part-30 > p,
.part-25 > p,
.part-20 > p,
.part-15 > p,
.part-10 > p,
.part-0 > p,
.part-auto > p {
	padding-left: 9px;
	padding-right: 9px;
}
* html .part-100,
* html .part-95,
* html .part-90,
* html .part-85,
* html .part-80,
* html .part-75,
* html .part-70,
* html .part-65,
* html .part-60,
* html .part-55,
* html .part-50,
* html .part-45,
* html .part-40,
* html .part-35,
* html .part-33,
* html .part-30,
* html .part-25,
* html .part-20,
* html .part-15,
* html .part-10,
* html .part-0,
* html .part-auto {
	margin-right: -0.05em;
}
* + html .part-100,
* + html .part-95,
* + html .part-90,
* + html .part-85,
* + html .part-80,
* + html .part-75,
* + html .part-70,
* + html .part-65,
* + html .part-60,
* + html .part-55,
* + html .part-50,
* + html .part-45,
* + html .part-40,
* + html .part-35,
* + html .part-33,
* + html .part-30,
* + html .part-25,
* + html .part-20,
* + html .part-15,
* + html .part-10,
* + html .part-0,
* + html .part-auto {
	margin-right: -0.05em;
}
.part-100 {
	width: 100%;
}
.part-95 {
	width: 95%;
}
.part-90 {
	width: 90%;
}
.part-85 {
	width: 85%;
}
.part-80 {
	width: 80%;
}
.part-75 {
	width: 75%;
}
.part-70 {
	width: 70%;
}
.part-65 {
	width: 65%;
}
.part-60 {
	width: 60%;
}
.part-55 {
	width: 55%;
}
.part-50 {
	width: 50%;
}
.part-45 {
	width: 45%;
}
.part-40 {
	width: 40%;
}
.part-35 {
	width: 35%;
}
.part-33 {
	width: 33.333%;
}
.part-30 {
	width: 30%;
}
.part-25 {
	width: 25%;
}
.part-20 {
	width: 20%;
}
.part-15 {
	width: 15%;
}
.part-10 {
	width: 10%;
}
.part-auto
.part-0 {
	width: auto;
}
/* ----------------------------------------------------- ~ columns % */
.column-1 > p,
.columns-1 > p,
.columns-2 > p,
.columns-3 > p,
.columns-4 > p,
.columns-5 > p,
.columns-6 > p,
.columns-7 > p,
.columns-8 > p,
.columns-9 > p,
.columns-10 > p {
	padding-left: 9px;
	padding-right: 9px;
}
.column-1,
.columns-1,
.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6,
.columns-7,
.columns-8,
.columns-9,
.columns-10 {
	display: block;
	float: left;
}
* html .columns-2,
* html .columns-3,
* html .columns-4,
* html .columns-5,
* html .columns-6,
* html .columns-7,
* html .columns-8,
* html .columns-9,
* html .columns-10 {
	margin-right: -0.05em;
}
* + html .columns-2,
* + html .columns-3,
* + html .columns-4,
* + html .columns-5,
* + html .columns-6,
* + html .columns-7,
* + html .columns-8,
* + html .columns-9,
* + html .columns-10{
	margin-right: -0.05em;
}
.column-1,
.columns-1 {
	width: 100%;
}
.columns-2 {
	width: 50%;
}
.columns-3 {
	width: 33.333%;
}
.columns-4 {
	width: 25%;
}
.columns-5 {
	width: 20%;
}
.columns-6 {
	width: 16.666%;
}
.columns-7 {
	width: 14.285%;
}
.columns-8 {
	width: 12.5%;
}
.columns-9 {
	width: 11.111%;
}
.columns-10 {
	width: 10%;
}
/* always remember opera & safari & ie6,7 + float in % is not easy + with sidesame blocks always susceptibly */
/* part it's gread in the fix px systems */
/* ----------------------------------------------------- ~ sections 990gs */
.gs-990 .part-100,
.gs-990 .part-95,
.gs-990 .part-90,
.gs-990 .part-85,
.gs-990 .part-80,
.gs-990 .part-75,
.gs-990 .part-70,
.gs-990 .part-65,
.gs-990 .part-60,
.gs-990 .part-55,
.gs-990 .part-50,
.gs-990 .part-45,
.gs-990 .part-40,
.gs-990 .part-35,
.gs-990 .part-33,
.gs-990 .part-30,
.gs-990 .part-25,
.gs-990 .part-20,
.gs-990 .part-15,
.gs-990 .part-10 {
	
}
.gs-990 .part-100 {
	width: 990px;
}
.gs-990 .part-95 {
	width: 940px; /*,5*/
}
.gs-990 .part-90 {
	width: 891px;
}
.gs-990 .part-85 {
	width: 841px; /*,5*/
}
.gs-990 .part-80 {
	width: 792px;
}
.gs-990 .part-75 {
	width: 742px; /*,5*/
}
.gs-990 .part-70 {
	width: 693px;
}
.gs-990 .part-65 {
	width: 643px; /*,5*/
}
.gs-990 .part-60 {
	width: 594px;
}
.gs-990 .part-55 {
	width: 544px; /*,5*/
}
.gs-990 .part-50 {
	width: 495px;
}
.gs-990 .part-45 {
	width: 445px; /*,5*/
}
.gs-990 .part-40 {
	width: 396px;
}
.gs-990 .part-35 {
	width: 346px; /*,5*/
}
.gs-990 .part-33 {
	width: 330px;
}
.gs-990 .part-30 {
	width: 297px;
}
.gs-990 .part-25 {
	width: 247px; /*,5*/
}
.gs-990 .part-20 {
	width: 198px;
}
.gs-990 .part-15 {
	width: 148px; /*,5*/
}
.gs-990 .part-10 {
	width: 99px;
}
/* ----------------------------------------------------- ~ sections 960gs */
.gs-960 .part-100,
.gs-960 .part-95,
.gs-960 .part-90,
.gs-960 .part-85,
.gs-960 .part-80,
.gs-960 .part-75,
.gs-960 .part-70,
.gs-960 .part-65,
.gs-960 .part-60,
.gs-960 .part-55,
.gs-960 .part-50,
.gs-960 .part-45,
.gs-960 .part-40,
.gs-960 .part-35,
.gs-960 .part-33,
.gs-960 .part-30,
.gs-960 .part-25,
.gs-960 .part-20,
.gs-960 .part-15,
.gs-960 .part-10 {
	
}
.gs-960 .part-100 {
	width: 960px;
}
.gs-960 .part-95 {
	width: 912px;
}
.gs-960 .part-90 {
	width: 864px;
}
.gs-960 .part-85 {
	width: 816px;
}
.gs-960 .part-80 {
	width: 768px;
}
.gs-960 .part-75 {
	width: 720px;
}
.gs-960 .part-70 {
	width: 672px;
}
.gs-960 .part-65 {
	width: 624px;
}
.gs-960 .part-60 {
	width: 576px;
}
.gs-960 .part-55 {
	width: 528px;
}
.gs-960 .part-50 {
	width: 480px;
}
.gs-960 .part-45 {
	width: 432px;
}
.gs-960 .part-40 {
	width: 384px;
}
.gs-960 .part-35 {
	width: 336px;
}
.gs-960 .part-33 {
	width: 319px; /*,8*/
}
.gs-960 .part-30 {
	width: 288px;
}
.gs-960 .part-25 {
	width: 240px;
}
.gs-960 .part-20 {
	width: 192px;
}
.gs-960 .part-15 {
	width: 144px;
}
.gs-960 .part-10 {
	width: 96px;
}
/* ----------------------------------------------------- ~ float element */
.fl-r,
.mms .fl-r,
.fs .fl-r {
	float: right;
}
.fl-l,
.mms .fl-l,
.fs .fl-l {
	float: left;
}
/* ----------------------------------------------------- ~ center part */
.center {
	position: relative;
	left: 50%;
}
.part-100.center {
	margin-left: -50%;
}
.part-95.center {
	margin-left: -47.5%;
}
.part-90.center {
	margin-left: -45%;
}
.part-85.center {
	margin-left: -42.5%;
}
.part-80.center {
	margin-left: -40%;
}
.part-75.center {
	margin-left: -37.5%;
}
.part-70.center {
	margin-left: -35%;
}
.part-65.center {
	margin-left: -32.5%;
}
.part-60.center {
	margin-left: -30%;
}
.part-55.center {
	margin-left: -27.5%;
}
.part-50.center {
	margin-left: -25%;
}
.part-45.center {
	margin-left: -22.5%;
}
.part-40.center {
	margin-left: -20%;
}
.part-35.center {
	margin-left: -17.5%;
}
.part-33.center {
	margin-left: -16.666%;
}
.part-30.center {
	margin-left: -15%;
}
.part-25.center {
	margin-left: -12.5%;
}
.part-20.center {
	margin-left: -10%;
}
.part-15.center {
	margin-left: -7.5%;
}
.part-10.center {
	margin-left: -5%;
}
/* ----------------------------------------------------- ~ fix part */
.fix-part-320-r > p,
.fix-part-320-l > p,
.fix-part-300-r > p,
.fix-part-300-l > p,
.fix-part-280-r > p,
.fix-part-280-l > p,
.fix-part-260-r > p,
.fix-part-260-l > p,
.fix-part-240-r > p,
.fix-part-240-l > p,
.fix-part-220-r > p,
.fix-part-220-l > p,
.fix-part-200-r > p,
.fix-part-200-l > p {
	padding-left: 9px;
	padding-right: 9px;
}
.fix-part-320-r,
.fix-part-320-l,
.fix-part-300-r,
.fix-part-300-l,
.fix-part-280-r,
.fix-part-280-l,
.fix-part-260-r,
.fix-part-260-l,
.fix-part-240-r,
.fix-part-240-l,
.fix-part-220-r,
.fix-part-220-l,
.fix-part-200-r,
.fix-part-200-l {
	display: block;
	float: left;
}
.fix-part-320-l,
.fix-part-300-l,
.fix-part-280-l,
.fix-part-260-l,
.fix-part-240-l,
.fix-part-220-l,
.fix-part-200-l {
	margin-left:-100%;
}
* + html .mms .fix-part-320-l,
* + html .fs .fix-part-320-l,
* + html .mms .fix-part-300-l,
* + html .fs .fix-part-300-l,
* + html .mms .fix-part-280-l,
* + html .fs .fix-part-280-l,
* + html .mms .fix-part-260-l,
* + html .fs .fix-part-260-l,
* + html .mms .fix-part-240-l,
* + html .fs .fix-part-240-l,
* + html .mms .fix-part-220-l,
* + html .fs .fix-part-220-l,
* + html .mms .fix-part-200-l,
* + html .fs .fix-part-200-l {
	margin-left:-99.8%;
}
.fix-part-320-l {
	width:320px;
}
.fix-part-320-r {
	width:320px;
	margin-left:-320px;
}
.fix-part-300-l {
	width:300px;
}
.fix-part-300-r {
	width:300px;
	margin-left:-300px;
}
.fix-part-280-l {
	width:280px;
}
.fix-part-280-r {
	width:280px;
	margin-left:-280px;
}
.fix-part-260-l {
	width:260px;
}
.fix-part-260-r {
	width:260px;
	margin-left:-260px;
}
.fix-part-240-l {
	width:240px;
}
.fix-part-240-r {
	width:240px;
	margin-left:-240px;
}
.fix-part-220-l {
	width:220px;
}
.fix-part-220-r {
	width:220px;
	margin-left:-220px;
}
.fix-part-200-l {
	width:200px;
}
.fix-part-200-r {
	width:200px;
	margin-left:-200px;
}
/* ----------------------------------------------------- ~ padding:left-right */
.plr-9 {
	padding-left: 9px;
	padding-right: 9px;
}
.pl-9 {
	padding-left: 9px;
}
.pr-9 {
	padding-right: 9px;
}
.plr-18 {
	padding-left: 18px;
	padding-right: 18px;
}
.pl-18 {
	padding-left: 18px;
}
.pr-18 {
	padding-right: 18px;
}
.plr-27 {
	padding-left: 27px;
	padding-right: 27px;
}
.pl-27 {
	padding-left: 27px;
}
.pr-27 {
	padding-right: 27px;
}
.plr-36 {
	padding-left: 36px;
	padding-right: 36px;
}
.pl-36 {
	padding-left: 300px;
}
.pr-36 {
	padding-right: 300px;
}
.plr-300 {
	padding-left: 300px;
	padding-right: 300px;
}
.pl-300 {
	padding-left: 300px;
}
.pr-300 {
	padding-right: 300px;
}
.plr-280 {
	padding-left: 280px;
	padding-right: 280px;
}
.pl-280 {
	padding-left: 280px;
}
.pr-280 {
	padding-right: 280px;
}
.plr-260 {
	padding-left: 260px;
	padding-right: 260px;
}
.pl-260 {
	padding-left: 260px;
}
.pr-260 {
	padding-right: 260px;
}
.plr-240 {
	padding-left: 240px;
	padding-right: 240px;
}
.pl-240 {
	padding-left: 240px;
}
.pr-240 {
	padding-right: 240px;
}
.plr-220 {
	padding-left: 220px;
	padding-right: 220px;
}
.pl-220 {
	padding-left: 220px;
}
.pr-220 {
	padding-right: 220px;
}
.plr-200 {
	padding-left: 200px;
	padding-right: 200px;
}
.pl-200 {
	padding-left: 200px;
}
.pr-200 {
	padding-right: 200px;
}
/* ----------------------------------------------------- ~ padding:top-bottom */
.ptb-9 {
	padding-top: 9px;
	padding-bottom: 9px;
}
.pt-9 {
	padding-top: 9px;
}
.pb-9 {
	padding-bottom: 9px;
}
.ptb-18 {
	padding-top: 18px;
	padding-bottom: 18px;
}
.pt-18 {
	padding-top: 18px;
}
.pb-18 {
	padding-bottom: 18px;
}
.ptb-27 {
	padding-top: 27px;
	padding-bottom: 27px;
}
.pt-27 {
	padding-top: 27px;
}
.pb-27 {
	padding-bottom: 27px;
}
.ptb-36 {
	padding-top: 36px;
	padding-bottom: 36px;
}
.pt-36 {
	padding-top: 36px;
}
.pb-36 {
	padding-bottom: 36px;
}
/* ----------------------------------------------------- ~ margin:top-bottom */
.mtb-9 {
	margin-top: 9px;
	margin-bottom: 9px;
}
.mt-9 {
	margin-top: 9px;
}
.mb-9 {
	margin-bottom: 9px;
}
.mtb-18 {
	margin-top: 18px;
	margin-bottom: 18px;
}
.mt-18 {
	margin-top: 18px;
}
.mb-18 {
	margin-bottom: 18px;
}
.mtb-27 {
	margin-top: 27px;
	margin-bottom: 27px;
}
.mt-27 {
	margin-top: 27px;
}
.mb-27 {
	margin-bottom: 27px;
}
.mtb-36 {
	margin-top: 36px;
	margin-bottom: 36px;
}
.mt-36 {
	margin-top: 36px;
}
.mb-36 {
	margin-bottom: 36px;
}
