
/* Global layouts ----------------------------------------------------------------------------------------------------*/
html, body {width:100%; height:100%;}
body {min-height: 100%; height: auto !important; height: 100%; position: relative;}
body.body {/*background: url("images/snowflakes.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/}
body.admin-menu {margin-top:24px !important;}

#l-body {position:relative;}
#l-wrapper {position:relative;}
#l-frame {position:relative; clear: both; width: 960px; margin:20px auto 40px auto;}

#l-frame-main  {position:relative;}
#l-framecenter {position:relative; clear: both; padding:0; margin:0; z-index:1}
#l-topheader   {position:relative; width: 960px; margin:-1px auto 0 auto;}
#l-header      {position:relative; width: 960px; margin:0 auto 0 auto;}


#l-topheader .l-grids {padding-bottom:20px}

.sidebars      {}
.sidebar-left  {}
.sidebar-right {}

.front .l-framecenter-right {padding-top:39px}
.front .l-framecenter-left  {padding-top:39px}

#content-area {padding-left:16px}


/* footer 
----------------------------------------------------------------------------------------------------*/
#l-wrapper  {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;}
#l-footer {position:relative; width: 960px; margin:0 auto 0 auto; height: 200px;}
.l-push   {height: 200px;}
#l-footer, .l-push {clear: both;}

#l-footer .b-round-c {background: #F3F0EB; padding:0; margin:0; min-height:200px}
#l-footer .b-round-c .b-block {padding:0; margin:0}
#l-footer .b-round-c .rc {padding:0 16px 16px 16px}

#l-footer .b-round-c .rc .rc {padding:0; margin:0}
#l-footer .b-round-c .rc .r1 {display:none}
#l-footer .b-round-c .rc .r2 {display:none}

#l-footer #block-menu-menu-menu-bottom {width:224px; float:left}
#l-footer #block-block-2 {width:240px; float:left}
#l-footer #block-menu-menu-menu-bottom3 {width:460px; float:left}


/* Grids ----------------------------------------------------------------------------------------------------*/
.l-grids {margin: 0; clear: both;}
.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}

/* grid width */
.l-grids .l-grid-w1 {width:240px;}
.l-grids .l-grid-w2 {width:480px;}
.l-grids .l-grid-w3 {width:720px;}
.l-grids .l-grid-w4 {width:960px;}

/* grid - before space */
.l-grids .l-grid-b1 {margin-left:240px;}
.l-grids .l-grid-b2 {margin-left:480px;}
.l-grids .l-grid-b3 {margin-left:720px;}
.l-grids .l-grid-b4 {margin-left:960px;}

/* grid - after space */
.l-grids .l-grid-a1 {margin-right:240px;}
.l-grids .l-grid-a2 {margin-right:480px;}
.l-grids .l-grid-a3 {margin-right:720px;}
.l-grids .l-grid-a4 {margin-right:960px;}

/* Blocks ----------------------------------------------------------------------------------------------------*/
.b-block {padding:0; margin:0 4px 16px 4px; position:relative}
.b-block .rc {padding:6px 16px}

.l-framecenter-right .b-block {margin-right:0}
.l-framecenter-left .b-block  {margin-left:0}

.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 blocks 
----------------------------------------------------------------------------------------------------*/
.b-block-0 {background:none; border:none; margin:0; padding:0}


/* rounded - bordered
----------------------------------------------------------------------------------------------------*/
.b-round-b {border:1px dashed #cccac6; position:relative; z-index:0; margin:0; padding:0; height:100%; display:block;}
.b-round-b .r1, .b-round-b .r1a, .b-round-b .r2, .b-round-b .r2a {display:block; clear:both; font-size:1px; height:8px; position:relative; background:url('images/rounded.gif') no-repeat; z-index:100;}
.b-round-b .r1, .b-round-b .r2 {width:100%; right:-1px;}
.b-round-b .r1a, .b-round-b .r2a {width:8px; left:-2px;}
.b-round-b .r1 {background-position:100% 0; top:-1px;}
.b-round-b .r1a {background-position:0 -16px;}
.b-round-b .r2 {background-position:100% -8px; bottom:-1px;}
.b-round-b .r2a {background-position:0 -24px;}
.b-round-b .rc {background-repeat:no-repeat; background-position: left bottom; margin:6px -1px 0 -1px; position:relative;}


/* rounded - colored 
----------------------------------------------------------------------------------------------------*/
.b-round-c .rc {position:relative;}
.b-round-c .r1, .b-round-c .r1a, .b-round-c .r2, .b-round-c .r2a {height:16px; padding:0; line-height:1%; font-size:1px; display:block}
.b-round-c .r1, .b-round-c .r1a, .b-round-c .r2, .b-round-c .r2a {background-repeat: no-repeat; background-position: left top;}
.b-round-c .r1, .b-round-c .r2 {margin:0 0 0 0;}
.b-round-c .r1a, .b-round-c .r2a {margin:0 0 0 0; width:16px; float:right;}
.b-round-c .rc {background-position: right bottom; background-repeat: no-repeat;}
.b-round-c .r1 {background-image: url('images/r1tl.png');}
.b-round-c .r1a {background-image: url('images/r1tr.png');}
.b-round-c .r2 {background-image: url('images/r1bl.png');}
.b-round-c .r2a {background-image: url('images/r1br.png');}


/* additional layouts ----------------------------------------------------------------------------------------------------*/
#l-topheader .r1 {display:none}
#l-topheader #top-menu {float:left}
#l-topheader #top-search {float:right; margin:0}
#l-topheader #top-search .form-text {color:#999; border:1px solid #cccac6; padding:2px 4px; margin:0 0 0 10px; line-height:1.25em}
#l-topheader #top-search .form-submit {display:none}
#l-header .b-block-logo {margin:5px 0 0 0}
#l-header .b-block-logo #logo {margin:0}
