/* layout.css - basic sichemsoft website layout
   based upon:
   - Kiwi Graphics: Non-Exclusive Business Template kg60
     http://www.kiwisgraphics.com/kgtemp60.html
   - Stuart Nicholls: 'Fixed' layout version 3
     http://www.cssplay.co.uk/layouts/body4.html */

html 
{
    height:100%;
    max-height:100%;
    padding:0;
    margin:0;
    border:0;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
    background:silver;
}

body 
{
    height:100%;
    max-height:100%;
    overflow:hidden;
}

#center 
{
	display:block;
	position:absolute;
	z-index:3;
	top:0px;
	bottom:0px;
	width:778px;
	height:100%;
	margin-left:-384px;
	left:50%;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	background:black;
}

#content 
{
    position:absolute;
    z-index:3;
    top:130px;
    bottom:32px;
    left:172px;
    width:572px;
    overflow:auto;
    background:white;
}

* html #content 
{
    top:0px;
    left:172px;
    bottom:0px;
    height:100%;
    max-height:100%;
    border-top:130px solid #fff;
    border-bottom:32px solid #fff;
    border-left:0px solid #fff;
    border-right:0px solid #fff;
}

#header 
{
    position:absolute;
    z-index:5;
    top:0px;
    left:0px;
    width:778px;
    margin:0px;
    display:block;
    height:130px;
    overflow:hidden;
	background:url(backtop.png) no-repeat;
}

* html #header
{
}

#footer 
{
    position:absolute;
    z-index:5;
    margin:0;
    left:0px;
    bottom:0px;
    width:778;
    height:32px;
    display:block;
    overflow:hidden;
	background:url(backbottom.png) no-repeat;
}

#left {
    position:absolute;
    z-index:4;
    left:0px;
    top:130px;
    bottom:32px;
    width:172px;
    overflow:hidden;
	background:url(backleft.png) repeat-y;
}

* html #left 
{
    height:100%;
    top:0px;
    bottom:0px;
    border-top:130px solid #fff;
    border-bottom:32px solid #fff;
}

#right 
{
    position:absolute;
    z-index:4;
    left:744px;
    top:130px;
    bottom:32px;
    width:34px;
    overflow:hidden;
	background:url(backright.png) repeat-y; 
}

* html #right 
{
    height:100%;
    top:0px;
    bottom:0px;
    border-top:130px solid #fff;
    border-bottom:32px solid #fff;
}

#content p 
{
    padding:10px;
}

#column1, #column2 
{
    position:absolute; 
	left:0px; 
	top:52px; 
	bottom:0px; 
	width:50%; 
	z-index:1; 
	overflow:auto;
}

* html #column1, * html #column2 
{
    height:100%;
	top:0px; 
	border-top:52px solid white;
}

#column1 
{
    left:0; 
	background:white;
}

#column2 
{
	left:50%;
	background:khaki;
}