/* -------------------------------------
Name		:	Grid
Author		:	Edgar Andes
Date		:	June 15, 2009
Version		:	1.0
Company		:	BlastAsia Inc.
Function	:	set the vertical division of the webpage
Remarks		:	Adopted the "960 Grid System"
------------------------------------- */

/* -------------------------------------
GRID
------------------------------------- */
.CNTNR{width:100%; /*overflow:hidden;*/ clear:both;}
.CNTNR-960{width:960px; /*overflow:hidden;*/ margin:0 auto;}
.overflow-hidden{overflow:hidden;}

.Grid-40, .Grid-60, .Grid-100, .Grid-140, .Grid-160, .Grid-220, .Grid-280, .Grid-300, .Grid-320, .Grid-340, .Grid-380, .Grid-400, .Grid-460, .Grid-520, .Grid-540, .Grid-580, .Grid-620, .Grid-640, .Grid-700, .Grid-760, .Grid-780, .Grid-820, .Grid-860, .Grid-880, .Grid-920, .Grid-940
{margin:0px 10px; float:left;}

.Grid-40{width:40px;}
.Grid-60{width:60px;}
.Grid-100{width:100px;}
.Grid-140{width:140px;}
.Grid-160{width:160px;}
.Grid-220{width:220px;}
.Grid-280{width:280px;}
.Grid-300{width:300px;}
.Grid-340{width:340px;}
.Grid-380{width:380px;}
.Grid-400{width:400px;}
.Grid-460{width:460px;}
.Grid-520{width:520px;}
.Grid-540{width:540px;}
.Grid-580{width:580px;}
.Grid-620{width:620px;}
.Grid-640{width:640px;}
.Grid-700{width:700px;}
.Grid-760{width:760px;}
.Grid-780{width:780px;}
.Grid-820{width:820px;}
.Grid-860{width:860px;}
.Grid-880{width:880px;}
.Grid-940{width:940px;}

.Grid-920{width:920px;}/*This is for main inside page content container*/
.Grid-320{width:320px;}/*This is for FTR downloads/scroll container*/

.no-margin{margin:0px;}
.margin-left-0{margin-left: 0;}
.margin-right-0{margin-right: 0;}
.margin-left-10{margin-left:10px;}
.margin-right-10{margin-right:10px;}
.margin-center{margin:0 auto;}
/*
.padding-left-80{padding-left:80px;}
.padding-left-160{padding-left:160px;}
.padding-left-240{padding-left:240px;}
.padding-left-320{padding-left:320px;}
.padding-left-400{padding-left:400px;}
.padding-left-480{padding-left:480px;}
.padding-left-560{padding-left:560px;}
.padding-left-640{padding-left:640px;}
.padding-left-720{padding-left:720px;}
.padding-left-800{padding-left:800px;}
.padding-left-880{padding-left:880px;}

.padding-right-80{padding-right:80px;}
.padding-right-160{padding-right:160px;}
.padding-right-240{padding-right:240px;}
.padding-right-320{padding-right:320px;}
.padding-right-400{padding-right:400px;}
.padding-right-480{padding-right:480px;}
.padding-right-560{padding-right:560px;}
.padding-right-640{padding-right:640px;}
.padding-right-720{padding-right:720px;}
.padding-right-800{padding-right:800px;}
.padding-right-880{padding-right:880px;}
*/