#demo{
			width:100%;
			clear:both;
			padding-top: 10px;
		}					
		#top-box {
			width: 100%;
			float:left;
			border-bottom:1px solid black;
		}
		#free-download { /*inside of top-box*/
			padding-left: 2.5%;
			padding-top:10px;
			padding-bottom:10px;
			width: 20%;
			float:left;
			font-size:1.1em;
			font-weight:bold;
		}
		#license-purchase { /*inside of top-box*/
			padding-left: 2.5%;
			padding-top:10px;
			padding-bottom:10px;
			width: 20%;
			float:left;
			font-size:1.1em;
			font-weight:bold;
		}
		#mid-box { /* consist of 3 columns*/
			width: 100%;
			clear: both;
			padding-top:30px;
		}
		#left-column{ /*inside of mid-box. leftside column*/
			width: 25%;
			float: left;
		}
		#left-column img{
			width: 50%;
			padding-left:25%;
			padding-right:25%;
			padding-bottom:10px;
		}
		#left-column p{
			width:90%;
			padding-left:5%;
			padding-right:5%;
		}
		#mid-column{ /*inside of mid-box. midle column*/
			width: 50%;
			float: left;
		}
		#mid-column .feature {
			padding-bottom:10px;
			padding-left:50px;	
			padding-right:50px;
		}
		#mid-column .feature .top{
			width:100%;
		}
		#mid-column .feature .top p{
			padding-left:10px;
			font-size:1.5em;
			line-height:1.6em;
			color:#0a79ad;
			font-weight:bold;			
		}
		#mid-column .feature .description{
			width:100%;
		}
		#mid-column .feature .description p{
			padding-top:5px;
			padding-left:10px;
			border-top:1px solid gray;
			font-size:1.3em;
			color:gray;
		}
		#mid-column .link{ /* setting of two bottom links*/
			padding-top:20px;
		}
		#mid-column .link-left{ /* setting of [watch online demo] */
			float:left;
			padding-left:10%;
			font-size:1.1em;
			font-weight:bold;
		}
		#mid-column .link-right{ /* setting of [more details] */
			float:right;
			font-size:1.1em;
			font-weight:bold;
			padding-right:10%;		
		}
		#right-column{ /*inside of mid-box. rightside column*/
			width: 25%;
			float: left;
		}
		#right-column .news{ /*setting of news box*/			
		}
		#right-column .news .top p{
			font-size:1.5em;
			line-height:1.6em;
			color:#0a79ad;
			font-weight:bold;			
		}
		#right-column .news .description { /*setting of description box which is indside of news box*/
			padding-top:5px;
			border-top:1px solid gray;
		}
		#right-column .news .description ul li{
			list-style:disc;
			list-style-position:inside;
			font-size:1.1em;
			color:gray;
			padding-bottom:5px;
		}				
		#right-column .news .description ul li.bottom{
			padding-bottom:15px;
		}
		#right-column .news .award img{
			float:right;
		}		
		ul#portfolio li#A {
			width:100%;
			height:280px; /*define static value to adopt to IE6*/
			background-image: url("./images/bg-3a.png");
		}
		ul#portfolio li#A .content{
			float:right;
			padding-top:190px;
			padding-right:10%;
		}
		ul#portfolio li#A .content a{
			display:block;
			width:240px;
			height:70px;
			background-image: url("./images/button01.png");
			_background-image: none;	/*using Hack technique to adopt png's alpha channle to IE6]*/
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button01.png',sizingMethod='scale'); /*using Hack technique to adopt png's alpha channle to IE6]*/
			cursor: pointer;
		}
		ul#portfolio li#A .content a:hover{
			background-image: url("./images/button01-on.png");
			_background-image: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button01-on.png',sizingMethod='scale');
			cursor:pointer;
		}