@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
}

/********************************* 2 columns *********************************/

#container22 { /* read: container 2 of 2 (containers) */
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#ddd; /* column 2 background colour */
	border-right: 1px dotted #000;
}
#container12 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	background:transparent; /* column 1 background colour */
	padding: 15px 0;
	border-right: 1px dotted #000;
}
#col12 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col22 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}


/********************************* 3 columns *********************************/
#container33 {
    float:left;
    width:100%;
	margin: 12px 0px;
    background-color:#fff;
	background-image: url("../images/bg_box.jpg");
	background-position:bottom;
	background-repeat:repeat-x;
    overflow:hidden;
    position:relative;
	line-height: 130%;
}
#container33 ul{
	margin-left: 0;
	padding-left: 10px;
}
#container23 {
    float:left;
    width:100%;
    background: transparent;
    position:relative;
    right:33%;
	border-right: 1px dotted #ddd;
}
#container13 {
    float:left;
    width:100%;
    background:transparent;
    position:relative;
    right:33%;
	padding: 0px 0;
	border-right: 1px dotted #ddd;
}
#col13 {
    float:left;
    width:30%/*26%*/;
    position:relative;
    left:68%;
    overflow:hidden;
}
#col23 {
    float:left;
    width:30%/*36%*/;
    position:relative;
    left:72%;
    overflow:hidden;
}
#col33 {
    float:left;
    width:30%/*26%*/;
    position:relative;
    left:75%;
    overflow:hidden;
}



/********************************* 4 columns *********************************/
#container44 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#ddd; /* column 4 background colour */
}
#container34 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:transparent; /* column 3 background colour */
	border-right: 1px dotted #000;
}
#container24 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:transparent; /* column 2 background colour */
	border-right: 1px dotted #000;
}
#container14 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:transparent; /* column 1 background colour */
	padding: 15px 0;
	border-right: 1px dotted #000;
}
#col14 {
	float:left;
	width:21%;
	position:relative;
	left:77%;
	overflow:hidden;
}
#col24 {
	float:left;
	width:21%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#col34 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#col44 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
}


/********************************* 5 columns *********************************/

#container55 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#ff0000; /* column 5 background colour */
}
#container45 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background: #b2f0f9; /* column 4 background colour */
}
#container35 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background: #89ffa2; /* column 3 background colour */
}
#container25 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background: #ffa7a7; /* column 2 background colour */
}
#container15 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background: #fff689; /* column 1 background colour */
}
#col15 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col25 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
}
#col35 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}
#col45 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
}
#col55 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
}