/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.01.grids.custom.css ############### */



/* ############### BASIC BUILDING BLOCKS ADDONS ############### */
#outerwrapper{	}
#pagewrapper{
	width: 960px;
	background-image: url(../gfx/basics/header.clean.jpg);
	background-repeat: no-repeat;
	/* standard centered layout*/
	/* for left- or righthanded laoyout: set margin-left or -right to 0*/
	/*margin-left: 0;*/
	/*margin-right: 0;*/	
}
.splash #pagewrapper{	
	background-image: url(../gfx/basics/header.jpg);}
#topblock{
	overflow: hidden;
}

#header{
	overflow: hidden;
}

#topnav{
	/*height: 38px; */
	/*overflow: hidden;*/
	/* relative positioning: pull #topnav up or down, to the left or right, it will layer itself above the header */
	/*position: relative;
	left: 257px;
	top: -38px;*/
}


#contentsection{ 	padding-top: 20px;}
		#IE6 #contentsection{ 	padding-top: 20px;}
		#IE7 #contentsection{ 	}
		#IE8 #contentsection{ 	}
 
.splash #contentsection{	padding-top: 35px;}
		.splash #IE6 #contentsection{	padding-top: 50px;}
		.splash #IE7 #contentsection{	padding-top: 50px;}
		.splash #IE8 #contentsection{	}
 
#footer{
	overflow: hidden;
	margin-top: 20px;
}

#madeby{
	overflow: hidden;
}



/* minimum height system */
/*
First rule is mozilla + IE7
Second rule is IE6 

.oneCol#header .col1 {min-height: 200px;}
*html* .oneCol#header .col1 {height: 200px;}

*/
/*
.threeCols#contentsection{
	background-color: lime;
}*/

/* ############### 1 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
/*.oneCol#header .col1{	height: 150px;	}
.oneCol#contentsection .col1{	}*/

/* ############### 2 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.twoCols#header .col1{	height: 264px;	width: 480px;}
.twoCols#header .col2{	height: 264px;	width: 460px; }

.twoCols#contentsection .col1{	width: 580px; margin-right: 20px; text-align: right;}
.twoCols#contentsection .col2{	width: 310px;  text-align: right;}

/* ############### 3 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
/*.threeCols#header .col1{	height: 150px;	width: 200px;}
.threeCols#header .col2{	height: 150px;	width: 560px;}
.threeCols#header .col3{	height: 150px;	width: 200px;}

.threeCols#contentsection .col1{	width: 200px;}
.threeCols#contentsection .col2{	width: 560px;}
.threeCols#contentsection .col3{	width: 200px;}*/


/* ############### 4 COLUMN LAYOUT ADDONS ############### */
/*.fourCols#header .col1{	height: 150px;	width: 240px;}
.fourCols#header .col2{	height: 150px;	width: 240px;}
.fourCols#header .col3{	height: 150px;	width: 240px;}
.fourCols#header .col4{	height: 150px;	width: 240px;}

.fourCols#contentsection .col1{	width: 240px;}
.fourCols#contentsection .col2{	width: 240px;}
.fourCols#contentsection .col3{	width: 240px;}
.fourCols#contentsection .col4{	width: 240px;}*/

/* ############### 5 COLUMN LAYOUT ADDONS ############### */
/*.fiveCols#header .col1{	height: 150px;	width: 192px;}
.fiveCols#header .col2{	height: 150px;	width: 192px;}
.fiveCols#header .col3{	height: 150px;	width: 192px;}
.fiveCols#header .col4{	height: 150px;	width: 192px;}
.fiveCols#header .col5{	height: 150px;	width: 192px;}

.fiveCols#contentsection .col1{	width: 192px;}
.fiveCols#contentsection .col2{	width: 192px;}
.fiveCols#contentsection .col3{	width: 192px;}
.fiveCols#contentsection .col4{	width: 192px;}
.fiveCols#contentsection .col5{	width: 192px;}*/

/* ############### 6 COLUMN LAYOUT ADDONS ############### */
/*.sixCols#header .col1{	height: 150px;	width: 160px;}
.sixCols#header .col2{	height: 150px;	width: 160px;}
.sixCols#header .col3{	height: 150px;	width: 160px;}
.sixCols#header .col4{	height: 150px;	width: 160px;}
.sixCols#header .col5{	height: 150px;	width: 160px;}
.sixCols#header .col6{	height: 150px;	width: 160px;}

.sixCols#contentsection .col1{	width: 160px;}
.sixCols#contentsection .col2{	width: 160px;}
.sixCols#contentsection .col3{	width: 160px;}
.sixCols#contentsection .col4{	width: 160px;}
.sixCols#contentsection .col5{	width: 160px;}
.sixCols#contentsection .col6{	width: 160px;}
*/


/* ############### ADDITIONAL GRIDS OR SUBGRIDS ############### */