
<STYLE TYPE="text/css">

.pagemain {
	min-height:100%;
}

.mainbody {
	clear: both;
	position: fixed;
	min-height:80%;
	top: 50%;
	left: 50%;
	margin-top: -134px; /* ori -250 */
	margin-left: -308px;  /* set to -500px for 3 buttons -308 for 2 & */
	padding-bottom: 120px;
}
.mainbody .nav01 {
	float: left;
	height: 268px;
	width: 268px;
	border: 6px solid;
	position: relative;
	border-color: #F266F2;

}
.headerlogo {
	background-color: #FFFFFF;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.headerlogo .logoholder {
	width:1000px;
	margin: 0px auto;
}
.headerlogo .artlogo {
	float:left;
	Width:210px;
}
.headerlogo .tagline {
	float:right;
	Width:510px;
	margin-top:46px;
}
.mainbody .nav01:hover {
	opacity: 1;
	background-color: #FFFFFF;
	border-color: #FF9900;
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
}
.mainbody .nav02 {
	float: left;
	height: 268px;
	width: 268px;
	border: 6px solid;
	margin-left: 80px;
	position: relative;
	border-color: #9999FF;
}
.mainbody .nav02:hover {
	opacity: 1;
	background-color: #FFFFFF;
	border-color: #FF9900;
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
}
.mainbody .nav03 {
	float: left;
	height: 268px;
	width: 268px;
	border: 6px solid;
	margin-left: 80px;
	position: relative;
	border-color: #66FFCC;
}
.mainbody .nav03:hover {
	opacity: 1;
	background-color: #FFFFFF;
	border-color: #FF9900;
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
}
.footcopy {
	clear:both;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
	background-color: rgba(255, 255, 255, 0.5);
	padding-top: 5px;
}

</STYLE>
