
/* may be useful */
body{text-align:center;margin:0;}
div{text-align:left;}

/* main flow structure */
#head,#body,#foot
{clear: both;width: 960px;margin: auto;text-align: left;}

/* 4x2direction 2 column layouts */
.wilw0,.wilw1,.wilw2,.wilw3,.wilw4,.wilw5,.wilw6,.wilw7,.wilw8
{margin: auto;width: 960px;}

/* basic box/block for GL */
.wilb
{position:relative;}
.wilb
{_position:static;}
.wilmain .wilb
{position:static;}
/* main col holder */
.wilmain
{width:100%;}


.wilbf
{width:100%;clear:both;}
/* aligning main column */
.wilw0 .wilmain,.wilw2 .wilmain,.wilw4 .wilmain,.wilw6 .wilmain,.wilw8 .wilmain
{float:right;margin-left:-460px;}/* -325px */
.wilw1 .wilmain,.wilw3 .wilmain,.wilw5 .wilmain,.wilw7 .wilmain
{float:left;margin-right:-460px;}/* -325px */

/* column defs for 320/640 ratio */
.wilw0 .wilb
{float:left;width:320px;}
.wilw0 .wilmain .wilb
{margin-left:320px;}

/* column defs for 640/320 ratio */
.wilw1 .wilb
{float:right;width:320px;}
.wilw1 .wilmain .wilb
{margin-right:320px;}

/* column defs for 240/720 ratio */
.wilw2 .wilb
{float:left;width:240px;}
.wilw2 .wilmain .wilb
{margin-left:240px;}

/* column defs for 720/240 ratio */
.wilw3 .wilb
{float:right;width:240px;}
.wilw3 .wilmain .wilb
{margin-right:240px;}

/* column defs for 384/576 ratio */
.wilw4 .wilb
{float:left;width:384px;}
.wilw4 .wilmain .wilb
{margin-left:384px;}

/* column defs for 576/384 ratio */
.wilw5 .wilb
{float:right;width:384px;}
.wilw5 .wilmain .wilb
{margin-right:384px;}

/* column defs for 192/768 ratio */
.wilw6 .wilb
{float:left;width:192px;}
.wilw6 .wilmain .wilb
{margin-left:192px;}

/* column defs for 768/192 ratio */
.wilw7 .wilb
{float:right;width:192px;}
.wilw7 .wilmain .wilb
{margin-right:192px;}

/* 3column layout */
.wilmain #wilb8a
{float:left;display:inline;width:480px;margin-left:240px;}
.wilmain #wilb8b
{float:left;width:240px;margin-left:-720px;}
.wilmain #wilb8c
{float:left;width:240px;}

/* 2column equaly splited layout */
.wilmain #wilp21, .wilmain #wilp22
{float:left;width:480px;}

/* 3column equaly splited layout */
.wilmain #wilp31
{float:left;display:inline;width:320px;margin-left:320px;}
.wilmain #wilp32
{float:left;width:320px;margin-left:-640px;}
.wilmain #wilp33
{float:left;width:320px;}

/* HACK: overloading .wilb to reduce bug probability */
.wilmain .wilb
{float:none;width:auto;}

/* group / unit semidivision */
.wilg2 .wilu,
.wilg2 .wilg
{width:50%;}

/* group / unit tertiar division */
.wilg3 .wilu,
.wilg3 .wilg
{width:33.33%;}

/* positioning groups / units divisions */
.wilg2 .wilu,
.wilg2 .wilg,
.wilg2 .wilg .wilu,
.wilg3 .wilu,
.wilg3 .wilg,
.wilg3 .wilg .wilu
{float:right;display:inline;}

/* special positioning first group / unit division */
.wilg2 div.first,
.wilg3 div.first
{float:left;}

/* HACK: for IE (?!?!?!?) */
#body:after,
.yui-g:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* HACK: for IE (?!?!?!?) */
#body,
.yui-g
{zoom:1;}

