/*----------------------------------------------------------------------- */
html, body, #page, #top, #wrapper, #footer,
#container, #content {
	margin : 0;
	padding : 0;
	}

/*---------------------------------------------------------------clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
.clearboth{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
.clearboth hr{display:none;}

/*---------------------------------------------------------------body */

body {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 76%;
	}

/*---------------------------------------------------------------structure 3 cols */
#page {
	width:880px;
	margin : 0 23px; 
	text-align : left;	
		
    }
#top {
	height : 9em; 
	}
.threecols #content{
	position:relative;

	}
.threecols #container{
background: url(img/threecols_bg.gif) top left repeat-y;

	}
#container{
	padding:0 0 20px 0
	}
#left {
	float:left;
	width:315px;
	position:relative;
	}
#center {
	margin:0 220px 0 335px;
    width:315px;

	}
#nav {
	float:right;
	width:200px;

	}
    
.threecols #nav {
	margin-right:10px;

	}    
#footer{
	margin:20px 0;
	background-color:#FFF
	}

	
/*---------------------------------------------------------------structure 2 cols */

.twocols #content, .twocols #container{
	
	background: url(img/twocols_bg.gif) top left repeat-y;
	}
.twocols #left {
	float:left;
	width:535px;
	margin:0; padding:0;
	}
.twocols #center {
	margin:0 0 0 555px;
	}