/* Global layouts 
----------------------------------------------------------------------------------------------------*/
html, body {width:100%; height:100%;}
body {min-height: 100%; height: auto !important; height: 100%; position: relative;}

#l-body {position:relative;} 

#l-frame       {position:relative; clear: both; width: 964px; margin:0 auto;}
#l-frame-inner {position:relative; padding:2px }

#l-frameheader {position:relative; clear: both; padding:0; z-index:10}
#l-framecenter {position:relative; clear: both; padding:0; z-index:10;}
#l-framefooter {position:relative; clear: both; padding:0;}


/* Header 
----------------------------------------------------------------------------------------------------*/
.l-logo {text-align:center}
.l-header {}
.l-header h1 {}


/* Grids
----------------------------------------------------------------------------------------------------*/
.l-grids {margin: 0; clear: both;}
.l-grids .l-grids {margin:0 -2px}

.l-grids:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
/* for IE */
.l-grids {display: inline-block;}
* html .l-grids {height: 1%;}
.l-grids {display: block;}
/* end for IE */

.l-grids .l-grid {display:inline; float: left; position: relative; margin: 0 2px; z-index:1}
.l-grids .l-grid:hover {z-index:2}

/* grid width */
.l-grids .l-grid-w1{width:76px;}
.l-grids .l-grid-w2{width:156px;}
.l-grids .l-grid-w3{width:236px;}
.l-grids .l-grid-w4{width:316px;}
.l-grids .l-grid-w5{width:396px;}
.l-grids .l-grid-w6{width:476px;}
.l-grids .l-grid-w7{width:556px;}
.l-grids .l-grid-w8{width:636px;}
.l-grids .l-grid-w9{width:716px;}
.l-grids .l-grid-w10{width:796px;}
.l-grids .l-grid-w11{width:876px;}
.l-grids .l-grid-w12{width:956px;}

/* subgrid width */
.l-grid-w2 .l-grid-w1 {width: 59px;}

.l-grid-w3 .l-grid-w1 {width: 64px;}
.l-grid-w3 .l-grid-w2 {width: 132px;}

.l-grid-w4 .l-grid-w1 {width: 67px;}
.l-grid-w4 .l-grid-w2 {width: 138px;}
.l-grid-w4 .l-grid-w3 {width: 209px;}

.l-grid-w5 .l-grid-w1 {width: 69px;}
.l-grid-w5 .l-grid-w2 {width: 142px;}
.l-grid-w5 .l-grid-w3 {width: 215px;}
.l-grid-w5 .l-grid-w4 {width: 288px;}

.l-grid-w6 .l-grid-w1 {width: 70px;}
.l-grid-w6 .l-grid-w2 {width: 144px;}
.l-grid-w6 .l-grid-w3 {width: 218px;}
.l-grid-w6 .l-grid-w4 {width: 292px;}
.l-grid-w6 .l-grid-w5 {width: 366px;}

.l-grid-w7 .l-grid-w1 {width: 71px;}
.l-grid-w7 .l-grid-w2 {width: 146px;}
.l-grid-w7 .l-grid-w3 {width: 221px;}
.l-grid-w7 .l-grid-w4 {width: 296px;}
.l-grid-w7 .l-grid-w5 {width: 371px;}
.l-grid-w7 .l-grid-w6 {width: 446px;}

.l-grid-w8 .l-grid-w1 {width: 71px;}
.l-grid-w8 .l-grid-w2 {width: 146px;}
.l-grid-w8 .l-grid-w3 {width: 221px;}
.l-grid-w8 .l-grid-w4 {width: 296px;}
.l-grid-w8 .l-grid-w5 {width: 371px;}
.l-grid-w8 .l-grid-w6 {width: 446px;}
.l-grid-w8 .l-grid-w7 {width: 521px;}

.l-grid-w9 .l-grid-w1 {width: 72px;}
.l-grid-w9 .l-grid-w2 {width: 148px;}
.l-grid-w9 .l-grid-w3 {width: 224px;}
.l-grid-w9 .l-grid-w4 {width: 300px;}
.l-grid-w9 .l-grid-w5 {width: 376px;}
.l-grid-w9 .l-grid-w6 {width: 452px;}
.l-grid-w9 .l-grid-w7 {width: 528px;}
.l-grid-w9 .l-grid-w8 {width: 604px;}

.l-grid-w10 .l-grid-w1 {width: 72px;}
.l-grid-w10 .l-grid-w2 {width: 148px;}
.l-grid-w10 .l-grid-w3 {width: 224px;}
.l-grid-w10 .l-grid-w4 {width: 300px;}
.l-grid-w10 .l-grid-w5 {width: 376px;}
.l-grid-w10 .l-grid-w6 {width: 452px;}
.l-grid-w10 .l-grid-w7 {width: 528px;}
.l-grid-w10 .l-grid-w8 {width: 604px;}
.l-grid-w10 .l-grid-w9 {width: 680px;}

.l-grid-w11 .l-grid-w1 {width: 72px;}
.l-grid-w11 .l-grid-w2 {width: 148px;}
.l-grid-w11 .l-grid-w3 {width: 224px;}
.l-grid-w11 .l-grid-w4 {width: 300px;}
.l-grid-w11 .l-grid-w5 {width: 376px;}
.l-grid-w11 .l-grid-w6 {width: 452px;}
.l-grid-w11 .l-grid-w7 {width: 528px;}
.l-grid-w11 .l-grid-w8 {width: 604px;}
.l-grid-w11 .l-grid-w9 {width: 680px;}
.l-grid-w11 .l-grid-w10 {width: 756px;}

.l-grid-w12 .l-grid-w1 {width: 73px;}
.l-grid-w12 .l-grid-w2 {width: 150px;}
.l-grid-w12 .l-grid-w3 {width: 227px;}
.l-grid-w12 .l-grid-w4 {width: 304px;}
.l-grid-w12 .l-grid-w5 {width: 381px;}
.l-grid-w12 .l-grid-w6 {width: 458px;}
.l-grid-w12 .l-grid-w7 {width: 535px;}
.l-grid-w12 .l-grid-w8 {width: 612px;}
.l-grid-w12 .l-grid-w9 {width: 689px;}
.l-grid-w12 .l-grid-w10 {width: 766px;}
.l-grid-w12 .l-grid-w11 {width: 843px;}

/* grid - before space */
.l-grids .l-grid-b1 {padding-left:80px;}
.l-grids .l-grid-b2 {padding-left:160px;}
.l-grids .l-grid-b3 {padding-left:240px;}
.l-grids .l-grid-b4 {padding-left:320px;}
.l-grids .l-grid-b5 {padding-left:400px;}
.l-grids .l-grid-b6 {padding-left:480px;}
.l-grids .l-grid-b7 {padding-left:560px;}
.l-grids .l-grid-b8 {padding-left:640px;}
.l-grids .l-grid-b9 {padding-left:720px;}
.l-grids .l-grid-b10 {padding-left:800px;}
.l-grids .l-grid-b11 {padding-left:880px;}
.l-grids .l-grid-b12 {padding-left:960px;}

/* grid - after space */
.l-grids .l-grid-a1 {padding-right:80px;}
.l-grids .l-grid-a2 {padding-right:160px;}
.l-grids .l-grid-a3 {padding-right:240px;}
.l-grids .l-grid-a4 {padding-right:320px;}
.l-grids .l-grid-a5 {padding-right:400px;}
.l-grids .l-grid-a6 {padding-right:480px;}
.l-grids .l-grid-a7 {padding-right:560px;}
.l-grids .l-grid-a8 {padding-right:640px;}
.l-grids .l-grid-a9 {padding-right:720px;}
.l-grids .l-grid-a10 {padding-right:800px;}
.l-grids .l-grid-a11 {padding-right:880px;}
.l-grids .l-grid-a12 {padding-right:960px;}


/* Blocks
----------------------------------------------------------------------------------------------------*/
.b-block {padding:16px; margin:4px 0; border:1px solid #C3DCE6;}

.b-block:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
/* for IE */
.b-block {display: inline-block;}
* html .b-block {height: 1%;}
.b-block {display: block;}
/* end for IE */

.rc1 {-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
.rc2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.rc3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.rc4 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.rc5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rc6 {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.rc7 {-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.rc8 {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.rc9 {-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}
.rc10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rc11 {-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}
.rc12 {-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.rc13 {-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;}
.rc14 {-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
.rc15 {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.rc16 {-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}


/* styling block */
.b-block-0 {background:none; border:none}