/* liquid layout structural template from: http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts */

/* General styles */
body {
	width:100%;
	min-width:600px;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}

/* column container */
.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu .colleft {
	right:25%;				/* right column width */
}
.rightmenu .col1 {
	width:71%;				/* left column content width (left column width minus left and right padding) */
	left:27%;				/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;				/* right column content width (right column width minus left and right padding) */
	left:31%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
}