/* main wraps */
.outer-wrap {	width: 100%; }
.inner-wrap {	width: 960px; margin:0 auto; padding-top: 20px; }
.align-left 	{ text-align: left; }
.align-right 	{ text-align: right; }
.align-center	{	text-align: center;	}


/* 
	horizonal spacing: margin and padding 	
	padding left : pl <size>
	padding right: pr <size>
	margin left : ml <size>
	margin right : mr <size>
*/

.pl10		{	padding-left: 10px; }
.pl20		{	padding-left: 20px; }

.pr10		{	padding-right: 10px; }
.pr20		{	padding-right: 20px; }

.ml10		{	margin-left: 10px; }
.ml20		{	margin-left: 20px; }

.mr10		{	margin-right: 10px; }
.mr20		{	margin-right: 20px; }

/*
	vertical spacing: margin and padding
	padding - top 		: pt <size>
	padding - bottom 	: pb <size>
	
*/

.pt10	{	padding-top: 10px;	}
.pt20	{	padding-top: 20px;	}
.pt30	{	padding-top: 30px;	}
.pt40	{	padding-top: 40px;	}
.pt50	{	padding-top: 50px;	}

.pb10	{	padding-bottom: 10px;	}
.pb20	{	padding-bottom: 20px;	}

.mt10	{	margin-top: 10px;	}
.mt20	{	margin-top: 20px;	}

.mb10	{	margin-bottom: 10px;	}
.mb20	{	margin-bottom: 20px;	}

/* 
	basic boxes
	div : b <width>
*/
.b60		{	width:60px;	}
.b140		{	width:140px;}
.b210		{	width:210px;}
.b220		{	width:220px;}
.b260		{	width:260px;}
.b300		{	width:300px;}
.b310		{	width:310px;}
.b320		{	width:320px;}
.b340		{	width:340px;}
.b380		{	width:380px;}
.b460		{	width:460px;}
.b470		{	width:470px;}
.b540		{	width:540px;}
.b620		{	width:620px;}
.b700		{	width:700px;}
.b780		{	width:780px;}
.b860		{	width:860px;}
.b940		{	width:940px;}
.b960		{	width:960px;}
.b980		{	width:980px;}

/* 
	basic boxes with center alignment
	div : bc <width>
*/
.bc60		{	width:60px; margin: 0 auto;	}
.bc140		{	width:140px; margin: 0 auto;}
.bc210		{	width:210px; margin: 0 auto;}
.bc220		{	width:220px; margin: 0 auto;}
.bc260		{	width:260px; margin: 0 auto;}
.bc300		{	width:300px; margin: 0 auto;}
.bc310		{	width:310px; margin: 0 auto;}
.bc320		{	width:320px; margin: 0 auto;}
.bc340		{	width:340px; margin: 0 auto;}
.bc380		{	width:380px; margin: 0 auto;}
.bc460		{	width:460px; margin: 0 auto;}
.bc540		{	width:540px; margin: 0 auto;}
.bc620		{	width:620px; margin: 0 auto;}
.bc700		{	width:700px; margin: 0 auto;}
.bc780		{	width:780px; margin: 0 auto;}
.bc860		{	width:860px; margin: 0 auto;}
.bc940		{	width:940px; margin: 0 auto;}
.bc960		{	width:960px; margin: 0 auto;}
.bc980		{	width:980px; margin: 0 auto;}

/* 
	float left boxes
	div : fl <width>
*/

.flb60		{	width:60px; float: left;}

.flb210		{	width:210px; float: left;}
.flb220		{	width:220px; float: left;}
.flb260		{	width:260px; float: left;}
.flb300		{	width:300px; float: left;}
.flb310		{	width:310px; float: left;}
.flb320		{	width:320px; float: left;}
.flb340		{	width:340px; float: left;}
.flb380		{	width:380px; float: left;}
.flb460		{	width:460px; float: left;}
.flb470		{	width:470px; float: left;}
.flb540		{	width:540px; float: left;}
.flb620		{	width:620px; float: left;}
.flb700		{	width:700px;float: left; }
.flb780		{	width:780px; float: left;}
.flb860		{	width:860px; float: left;}
.flb940		{	width:940px; float: left;}
.flb960		{	width:960px; float: left;}
.flb980		{	width:980px; float: left;}

/*  
	float right boxes
	div : fr <width>
*/

.frb60		{	width:60px;	float: right; }
.frb140		{	width:140px; float: right;}
.frb210		{	width:210px; float: right;}
.frb220		{	width:220px; float: right;}
.frb260		{	width:260px; float: right;}
.frb300		{	width:300px; float: right;}
.frb310		{	width:310px; float: right;}
.frb320		{	width:320px; float: right;}
.frb340		{	width:340px; float: right;}
.frb380		{	width:380px; float: right;}
.frb460		{	width:460px; float: right;}
.frb470		{	width:470px; float: right;}
.frb540		{	width:540px; float: right;}
.frb620		{	width:620px; float: right;}
.frb700		{	width:700px; float: right;}
.frb780		{	width:780px; float: right;}
.frb860		{	width:860px; float: right;}
.frb940		{	width:940px; float: right;}
.frb960		{	width:960px; float: right;}
.frb980		{	width:980px; float: right;}