/*BEGIN:	column layout		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ***/


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.layout_showcell {
display: block;
height: 100%;
width: 100%;
background: #f0f;
}
.layout_rowspace_line {
display: block;
width: 100%;
margin: 7px 0px 10px 0px;
height: 3px;
float: none;
clear: both;
border-bottom: 1px solid #c2c2c2;
/*background: url(../images/content/hline_dotted.gif) repeat-x center;*/
}

.layout_row_space_dottedline {
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
height: 20px;
float: none;
clear: both;
background: url(../images/content/hline_dotted.gif) repeat-x center;
}

.layout_rowspace,
.layout_row_space {
display: block;
width: 100%;
margin: 7px 0px 10px 0px;
height: 3px;
float: none;
clear: both;
}
/****** LAYOU SET 1 ******************/
.layout1_col1 {
float: left;
width:	260px;
padding: 0px 20px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}

.layout1_col2 {
float: left;
width:	540px;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/****** LAYOU SET 2 ******************/
.layout2_col1 {
float: left;
width:	260px;
padding-right: 20px;
display: block;
}

.layout2_col2 {
float: left;
width:	260px;
padding-right: 20px;
display: block;
}

.layout2_col3 {
float: left;
width:	260px;
display: block;
}

/****** LAYOU SET 3 ******************/
.layout3_col1 {
float: left;
width:	260px;
padding-right: 10px;
display: block;
}

.layout3_col2 {
float: left;
width:	260px;
padding-right: 10px;
padding-left: 10px;
display: block;
}

.layout3_col3 {
float: left;
width:	260px;
padding-left: 10px;
display: block;
}
.layout3_area {
clear:both;
display: block;
background: url(../images/content/layout3_bk.gif) repeat-y top left;
}

/******** GENERIC LAYOUT STYLES ********/

.layout_center {
text-align: center;
}
.layout_center {
text-align: -moz-center;
}
.layout_left {
text-align: left;
}

.layout_col_80p {
float:				left;
display:			inline;
width:				80%;
}
.layout_col_70p {
float:				left;
display:			inline;
width:				70%;
}
.layout_col_60p {
float:				left;
display:			inline;
width:				60%;
}
.layout_col_50p {
float:				left;
display:			inline;
width:				50%;
}
.layout_col_40p {
float:				left;
display:			inline;
width:				40%;
}
.layout_col_30p {
float:				left;
display:			inline;
width:				30%;
}
.layout_col_20p {
float:				left;
display:			inline;
width:				20%;
}

.layout_col_48p {
float:				left;
display:			inline;
width:				48%;
background:			#f0f;
}
.layout_colspace_4p {
float:				left;
display:			inline;
width:				4%;
background:			#ff0;
}
.layout_padd5 {
padding: 5px;
}
.layout_padd10 {
padding: 10px;
}

.layout_padd20 {
padding: 20px;
}

.layout_float {
float: left;
}
.layout_clearfix {
clear: both;
float: none;
}


/*END:	column layout		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ***/