/* start of page layout styles*/
html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	Text-align:center;
	min-width:990px;
	min-height:600px;
}
#vertical{
	z-index:0;
	float:left;
	height:50%;
	margin-top:-320px;/* half vertical height*/
	width:100%;
}
#hoz {

	z-index:0;
	margin:0;
	padding:0;
	width:990px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
	/*overflow:auto; allow content to scroll inside element */
	text-align:left;
	clear:both;
}

/* end of page layout styles*/


/* BACKGROUND COLOUR CHANGING STYLE*/
#bg {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index:0;
	margin-right: 20px;
	border-right-width: 10px;
	}