@charset "utf-8";
/* CSS Document */
@import url(reset.css);

html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'\0200';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/** clear float **/

html,body{height:100%;margin:0px;overflow:hidden;}
#wrap{width:960px;height:500px;margin:30px auto;border:1px solid #adc3c8;overflow:hidden;}

.container{width:960px;height:auto;margin:10px auto;}/* HTML container */

.column{display:inline;float:left;margin:0 10px;text-align:center}
.column2{display:inline;float:left;margin:0 5px;text-align:center}/*used for the 24 columns grid only, this provid a 10px space between two columns*/

/*
 * width control for 12 columns Grid
 */
.c_all{width:940px;}/** or .c12_12, c16_16**/
.c12_6,.c16_8{width:460px}
.c12_1{width:60px;}
.c12_2{width:140px;}
.c12_3{width:220px;}
.c12_4{width:300px;}
.c12_5{width:380px;}
.c12_7{width:540px;}
.c12_8{width:620px;}
.c12_9{width:700px;}
.c12_10{width:780px;}
.c12_11{width:860px;}




/*
 * width control for 16 columns Grid
 */
.c16_1{width:40px}
.c16_2{width:100px}
.c16_3{width:160px}
.c16_4{width:220px}
.c16_5{width:280px}
.c16_6{width:340px}
.c16_7{width:400px}
.c16_9{width:520px}
.c16_10{width:580px}
.c16_11{width:640px}
.c16_12{width:700px}
.c16_13{width:760px}
.c16_14{width:820px}
.c16_15{width:880px}

/*
 * width control for 24 columns Grid
 */
.c24_all{width:950px}
.c24_1{width:30px}
.c24_2{width:70px}
.c24_3{width:110px}
.c24_4{width:150px}
.c24_5{width:190px}
.c24_6{width:230px}
.c24_7{width:270px}
.c24_8{width:310px}
.c24_9{width:350px}
.c24_10{width:390px}
.c24_11{width:430px}
.c24_12{width:470px}
.c24_13{width:510px}
.c24_14{width:550px}
.c24_15{width:590px}
.c24_16{width:630px}
.c24_17{width:670px}
.c24_18{width:710px}
.c24_19{width:750px}
.c24_20{width:790px}
.c24_21{width:830px}
.c24_22{width:870px}
.c24_23{width:910px}

/*
 * prefix and suffix for 12 columns Grid
 */
.prefix12_1{padding-left:80px}
.prefix12_2{padding-left:160px}
.prefix12_3{padding-left:240px}
.prefix12_4{padding-left:320px}
.prefix12_5{padding-left:400px}
.prefix12_6{padding-left:480px}
.prefix12_7{padding-left:560px}
.prefix12_8{padding-left:640px}
.prefix12_9{padding-left:720px}
.prefix12_10{padding-left:800px}
.prefix12_11{padding-left:880px}
.suffix12_11{padding-right:880px}
.suffix12_10{padding-right:800px}
.suffix12_9{padding-right:720px}
.suffix12_8{padding-right:640px}
.suffix12_7{padding-right:560px}
.suffix12_6{padding-right:480px}
.suffix12_5{padding-right:400px}
.suffix12_4{padding-right:320px}
.suffix12_3{padding-right:240px}
.suffix12_2{padding-right:160px}
.suffix12_1{padding-right:80px}


/*
 * prefix and suffix for 16 columns Grid
 */
.prefix16_1{padding-left:60px}
.prefix16_2{padding-left:120px}
.prefix16_3{padding-left:180px}
.prefix16_4{padding-left:240px}
.prefix16_5{padding-left:300px}
.prefix16_6{padding-left:360px}
.prefix16_7{padding-left:420px}
.prefix16_8{padding-left:480px}
.prefix16_9{padding-left:540px}
.prefix16_10{padding-left:600px}
.prefix16_11{padding-left:660px}
.prefix16_12{padding-left:720px}
.prefix16_13{padding-left:780px}
.prefix16_14{padding-left:840px}
.prefix16_15{padding-left:900px}

.suffix16_15{padding-right:900px}
.suffix16_14{padding-right:840px}
.suffix16_13{padding-right:780px}
.suffix16_12{padding-right:720px}
.suffix16_11{padding-right:660px}
.suffix16_10{padding-right:600px}
.suffix16_9{padding-right:540px}
.suffix16_8{padding-right:480px}
.suffix16_7{padding-right:420px}
.suffix16_6{padding-right:360px}
.suffix16_5{padding-right:300px}
.suffix16_4{padding-right:240px}
.suffix16_3{padding-right:180px}
.suffix16_2{padding-right:120px}
.suffix16_1{padding-right:60px}

/*
 * prefix and suffixfor 24 columns Grid
 */
.prefix24_1{padding-left:40px}
.prefix24_2{padding-left:80px}
.prefix24_3{padding-left:120px}
.prefix24_4{padding-left:160px}
.prefix24_5{padding-left:200px}
.prefix24_6{padding-left:240px}
.prefix24_7{padding-left:280px}
.prefix24_8{padding-left:320px}
.prefix24_9{padding-left:360px}
.prefix24_10{padding-left:400px}
.prefix24_11{padding-left:440px}
.prefix24_12{padding-left:480px}
.prefix24_13{padding-left:520px}
.prefix24_14{padding-left:560px}
.prefix24_15{padding-left:600px}
.prefix24_16{padding-left:640px}
.prefix24_17{padding-left:680px}
.prefix24_18{padding-left:720px}
.prefix24_19{padding-left:760px}
.prefix24_20{padding-left:800px}
.prefix24_21{padding-left:840px}
.prefix24_22{padding-left:880px}
.prefix24_23{padding-left:920px}

.suffix24_23{padding-right:920px}
.suffix24_22{padding-right:880px}
.suffix24_21{padding-right:840px}
.suffix24_20{padding-right:800px}
.suffix24_19{padding-right:760px}
.suffix24_18{padding-right:720px}
.suffix24_17{padding-right:680px}
.suffix24_16{padding-right:640px}
.suffix24_15{padding-right:600px}
.suffix24_14{padding-right:560px}
.suffix24_13{padding-right:520px}
.suffix24_12{padding-right:480px}
.suffix24_11{padding-right:440px}
.suffix24_10{padding-right:400px}
.suffix24_9{padding-right:360px}
.suffix24_8{padding-right:320px}
.suffix24_7{padding-right:280px}
.suffix24_6{padding-right:240px}
.suffix24_5{padding-right:200px}
.suffix24_4{padding-right:160px}
.suffix24_3{padding-right:120px}
.suffix24_2{padding-right:80px}
.suffix24_1{padding-right:40px}

.alpha{margin-left:0}
.omega{margin-right:0}