body {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-size:36px;*/
padding: 0;
margin: 0;
min-width:1000px;
background-color:#D7EFFF;}
#pglayout {
position:relative;
margin: 0 auto;
width:1000px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
#Layer1 {
	position:absolute;
	width:100px;
	height:100px;
	background-color:#3914AF;
	border:1px none #000000;
	z-index:0;
	left: 0px;
	top: 0px;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#412C84;
	border:1px none #000000;
	z-index:0;
	left: 100px;
	top: 0px;
}
#Layer3 {
	position:absolute;
	width:100px;
	height:200px;
	background-color:#200772;
	border:1px none #000000;
	z-index:0;
	left: 900px;
	top: 100px;
}
#Layer4 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#6A48D7;
	border:1px none #000000;
	z-index:1;
	left: 500px;
	top: 0px;
}
#Layer5 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#876ED7;
	border:1px none #000000;
	z-index:0;
	left: 700px;
	top: 0px;
}
#Layer6 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#7109AA;
	border:1px none #000000;
	z-index:5;
	left: 300px;
	top: 0px;
}
#Layer7 {
	position:absolute;
	width:100px;
	height:100px;
	background-color:#5F2580;
	border:1px none #000000;
	z-index:6;
	left: 0px;
	top: 500px;
}
#Layer8 {
	position:absolute;
	width:100px;
	height:200px;
	background-color:#48036F;
	border:1px none #000000;
	z-index:7;
	left: 900px;
	top: 300px;
}
#Layer9 {
	position:absolute;
	width:100px;
	height:100px;
	background-color:#9F3ED5;
	border:1px none #000000;
	z-index:8;
	left: 900px;
	top: 0px;
}
#Layer10 {
	position:absolute;
	width:200px;
	height:200px;
	background-color:#AD66D5;
	border:1px none #000000;
	z-index:9;
	left: 700px;
	top: 100px;
}
#Layer11 {
	position:absolute;
	width:100px;
	height:200px;
	background-color:#1240AB;
	border:1px none #000000;
	z-index:10;
	left: 0px;
	top: 300px;
}
#Layer12 {
	position:absolute;
	width:200px;
	height:200px;
	background-color:#4671D5;
	border:1px none #000000;
	z-index:11;
	left: 100px;
	top: 100px;
}
#Layer13 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#2A4480;
	border:1px none #000000;
	z-index:12;
	left: 300px;
	top: 500px;
}
#Layer14 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#06266F;
	border:1px none #000000;
	z-index:13;
	left: 100px;
	top: 500px;
}
#Layer15 {
	position:absolute;
	width:200px;
	height:200px;
	background-color:#6C8CD5;

	border:1px none #000000;
	z-index:12;
	left: 700px;
	top: 300px;
}
#Layer16 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#FFD300;

	border:1px none #000000;
	z-index:15;
	left: 700px;
	top: 500px;
}
#Layer17 {
	position:absolute;
	width:200px;
	height:200px;
	background-color:#BFA730;	
	border:1px none #000000;
	z-index:16;
	left: 440px;
	top: 838px;
}
#Layer18 {
	position:absolute;
	width:100px;
	height:100px;
	background-color:#A68900;
	border:1px none #000000;
	z-index:17;
	left: 900px;
	top: 500px;
}
#Layer19 {
	position:absolute;
	width:100px;
	height:200px;
	background-color:#FFDE40;
	border:1px none #000000;
	z-index:18;
	left: 0px;
	top: 100px;
}
#Layer20 {
	position:absolute;
	width:200px;
	height:200px;
	background-color:#FFE773;
	border:1px none #FFE773;
	z-index:19;
	left: 100px;
	top: 300px;
}
#Layer21 {
	position:absolute;
	width:200px;
	height:100px;
	background-color:#BFA730;
	border:1px none #000000;
	z-index:20;
	left: 500px;
	top: 500px;
}
#center, #contactcenter,#areacenter,#designcenter{
	position:absolute;
	width:400px;
	height:400px;
	background-color:#A7B9BA;
	border:1px none #000000;
	/*z-index: 2;*/
	left: 300px;
	top: 100px;
	text-align: center;
	/*border-color: #CCCCCC;*/
	/*border-width: 1px;*/
	/*border-style: solid;*/
}
#areacenter, .areacenter, #areacenter h1{
color:#400040;
}
#center {
z-index:10;
}
#centerlayer {
position:absolute;
	width:400px;
	height:400px;
	background-color:#A7B9BA;
	border:1px none #000000;
	/*z-index: 2;*/
	left: 300px;
	top: 100px;
	z-index: 5;
}
#center p {
margin-bottom:-5px;
}
#contactcenter {
z-index:2;
}
/*top panel*/
#top-panel{
	background:#ffe773;
	/*background:#e8f3c6;*/
	border-bottom:3px solid #a6c34e;
	padding:14px 20px;
	text-align:right;
	width:960px;
	/*height:100px;*/
	z-index: 30;
	position: relative;
}
#top-panel p{
	color:#009F00
}
#sub-panel{
right:-1px;
	text-align:center;
	z-index: 50;
	position:absolute;
	
}
/*#sub-panel a{
	width:120px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:30px;
	margin-right:10px;
	font-weight:bold;
	font-size: 12px;
}*/

#sub-panel span{
	/*padding:6px;*/
	/*background:url(img/sub-right.png) right bottom no-repeat;*/
	display:block;
	width:100px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:40px;
	/*margin-right:5px;*/
	font-weight:bold;
	/*background:url(img/sub-left.png) bottom left no-repeat #a6c34e;*/
	font-size: 12px;
	cursor:pointer;
}

/*custom html module*/

#pglayout {height:600px;}
#homelink, #contactlink, #arealink, #designlink {
	text-align:center;
	position:absolute;
	width:200px;
	height:200px;
	border:1px none #000000;
	z-index:1;
	line-height:200px;
	color: #333333;
	cursor: pointer;
	font-size: 16px;
}
#homelink:hover, #contactlink:hover, #designlink:hover{
	color:#CCCCCC;
}
#arealink:hover {
	color:#009F00;
}

.homecenter, .contactcenter, .areacenter, .designcenter{
font-size:16px;
}
/*.designcenter {
font-size:12px;
}*/
.homecenterphone {
font-size:30px;
}