html,body{/*background:#e1d2ad;*/padding:0;margin:0;font:normal 12px Arial}
img{border:none}
a{text-decoration:none;color:#04812b}
a:hover{color:#004616}
.container#interactive{margin:0 auto;/*width:760px*/text-align:center;display:block;min-height:500px}
#exploded{position:absolute;/*top:165px*/;z-index:10;background:#fff;border-radius:10px;height:480px;overflow:hidden;/*left:433px*/;margin-left:130px;margin-top:10px;}

.exit{margin:0;text-align:right}
.exit a{background:#000;padding:10px 5px;margin:0;font:bold 14px Arial;color:#fff}
.legend{position:absolute;z-index:30;background:rgba(225,225,225,0.9);padding:15px 15px 15px 40px;margin:0 0 0 560px;border-radius:10px;box-shadow:1px 1px 5px 2px #C0C0C0;;text-align:left}

#roof{position:absolute;z-index:20;top:80px;margin:0 0 0 228px}
#trusses{position:absolute;z-index:20;top:92px;margin:0 0 0 166px}
#ceiling{position:absolute;z-index:20;top:153px;margin:0 0 0 166px}
#housewall{position:absolute;z-index:20;top:168px;margin:0 0 0 390px}
#bedroom{position:absolute;z-index:20;top:180px;margin:0 0 0 255px}
#kitchen{position:absolute;z-index:20;top:270px;margin:0 0 0 340px}
#perimeterwall{position:absolute;z-index:20;top:375px;margin:0 0 0 335px}
#babysroom{position:absolute;z-index:20;top:182px;margin:0 0 0 99px}
#furniture{position:absolute;z-index:20;top:307px;margin:0 0 0 155px}
#studyroom{position:absolute;z-index:20;top:263px;margin:0 0 0 48px}
#flooring{position:absolute;z-index:20;top:325px;margin:0 0 0 173px}
#gate{position:absolute;z-index:20;top:348px;margin:0 0 0 670px}
#court{position:absolute;z-index:20;top:305px;margin:0 0 0 524px}
#parkingarea{position:absolute;z-index:20;top:348px;margin:0 0 0 462px}
#fence{position:absolute;z-index:20;top:352px;margin:0 0 0 386px}

.blank{position:absolute;z-index:25;top:20px;width:760px;height:520px}
.blank img{width:760px;height:520px}
.content{position:absolute;z-index:30;top:0;background:#fff;padding:15px;margin:20px 0 0 50px;width:430px;height:410px;border-radius:10px;box-shadow:1px 1px 5px 2px #C0C0C0;}
.InnerContentInfo {overflow:auto;padding:15px;height:380px}
.InnerContentInfo h2 img {width:360px}
.InnerContentInfo .exit#inner a {background:#000;padding:6px 10px;margin:0;font:bold 14px Arial;color:#fff;margin:-45px 0 0 30px;position:absolute;border-radius:20px;border:3px solid #fff;box-shadow:3px 3px 5px #8A8A8A}
.InnerContentInfo .exit#inner a:hover{background:#1c5b24}

.content .exit a{margin:-30px -10px 30px 0;padding:5px 8px;border-radius:5px}
.content h1{background:#1c5b24;padding:10px 20px;margin:0;font:normal 16px Arial;color:#fff;border-bottom:none}
.content h2{margin:15px 0;padding:10px;border:1px solid #e1d2ad;text-align:center}
.viewall a {margin:8px 0 0 0; padding:2px;background:#04812b;color:#fff;border-radius:4px;font:normal 11px Arial}
.viewall a:hover{background:#004616 }
.productList{padding:0;margin:0;list-style:none}
.productList li{
	background: -webkit-linear-gradient(#fff, #f6f8f0); /* For Safari */
	background: -o-linear-gradient(#fff, #f6f8f0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f6f8f0, #f6f8f0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #f6f8f0); /* Standard syntax */
	height:160px;padding:10px}
.productList li a{display:block;height:160px;text-align:left}
.productList li strong{display:block;margin:0 0 10px 0;}
.productList li img{display:block;float:left;margin:0 10px 0 0}
.productList li ul{float:left;padding:0 0 0 15px;margin:0;list-style:disc}
.productList li ul li{height:auto;padding:0}
.btn a{text-align:center;margin:0 auto;display:block;background:#195d35;padding: 8px;color:#fff;border-radius:4px;width:120px;}
.btn a:hover{background:#0D4725}
#number1 {position:absolute;top:20px;z-index:10;/*border-radius:10px;*/height:480px;overflow:hidden}

.spacer {height:16px}

/*townhouse*/
#num1 	{position:absolute;z-index:25;top:90px;margin:0 0 0 308px;}
#num2a	{position:absolute;z-index:25;top:199px;margin:0 0 0 188px}
#num2b 	{position:absolute;z-index:25;top:309px;margin:0 0 0 340px}
#num2c 	{position:absolute;z-index:25;top:194px;margin:0 0 0 328px}
#num2d  {position:absolute;z-index:25;top:279px;margin:0 0 0 254px}
#num3  	{position:absolute;z-index:25;top:127px;margin:0 0 0 220px}
#num4 	{position:absolute;z-index:25;top:342px;margin:0 0 0 209px}
#num5 	{position:absolute;z-index:25;top:266px;margin:0 0 0 411px}
#num6 	{position:absolute;z-index:25;top:382px;margin:0 0 0 689px}
#num7 	{position:absolute;z-index:25;top:403px;margin:0 0 0 455px}
#num8 	{position:absolute;z-index:25;top:390px;margin:0 0 0 550px}
#num9 	{position:absolute;z-index:25;top:321px;margin:0 0 0 651px}
#num10 	{position:absolute;z-index:25;top:304px;margin:0 0 0 185px}
#num11 	{position:absolute;z-index:25;top:158px;margin:0 0 0 270px}
#num12 	{position:absolute;z-index:28;top:369px;margin:0 0 0 629px}


/*condo*/
#number1a {position:absolute;z-index:25;top:194px;margin:0 0 0 512px;}
#number1b {position:absolute;z-index:25;top:238px;margin:0 0 0 372px}
#number1c {position:absolute;z-index:25;top:58px;margin:0 0 0 310px}
#number2  {position:absolute;z-index:25;top:165px;margin:0 0 0 378px}
#number3  {position:absolute;z-index:25;top:375px;margin:0 0 0 324px}
#number4  {position:absolute;z-index:25;top:229px;margin:0 0 0 100px}
#number5  {position:absolute;z-index:25;top:338px;margin:0 0 0 515px}

#sala-condo		{position:absolute;z-index:20;top:83px;margin:0 0 0 314px}
#bedroom-condo	{position:absolute;z-index:20;top:180px;margin:0 0 0 220px}
#bathroom-condo	{position:absolute;z-index:20;top:49px;margin:0 0 0 269px}
#furniture-condo{position:absolute;z-index:20;top:159px;margin:0 0 0 355px}
#flooring-condo	{position:absolute;z-index:20;top:258px;margin:0 0 0 242px}
#housewall-condo{position:absolute;z-index:20;top:143px;margin:0 0 0 50px}
#door-condo		{position:absolute;z-index:20;top:300px;margin:0 0 0 495px}

/*mainpage*/
h2 {color:#195d35;font:bold 20px Arial;margin-top:30px}
h3 {font:bold 18px Arial;padding:10px 0 0 0}
.buildingbox	{width: 349px; height: 230px; background-color: #fff; -webkit-box-shadow:0 0 10px 2px #D3D3D3; -moz-box-shadow:0 0 10px 2px #D3D3D3; box-shadow:0 0 10px 2px #aaa; border: solid 8px #E6E6E6; }
.buildingbox#townhouse {float:left}
.buildingbox#condo {float:right}
.box {width:800px; margin:0 auto;padding-top:30px}
.fade {opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fade:hover {opacity: 0.5;}