html{min-width:970px;}
body{
	margin:0;
	font:18px Times, "Times New Roman", serif;
	background:#fff url(../images/bg-body.jpg) no-repeat 50% 0;
	color:#000;
}
a{
	color:#006;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
img{border-style:none;}
input, textarea, select{
	vertical-align:middle;
	color:#000;
	font:100% Times, "Times New Roman", serif;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* wrapper */
#wrapper{
	background:url(../images/bg-wrapper.png) repeat-y;
	width:970px;
	padding:0 12px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
/* header */
#header{
	width:960px;
	padding:0 5px;
	overflow:hidden;
	position:relative;
}
/* logo */
.logo{
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
	width:310px;
	height:87px;
	margin:0;
	float:left;
}
.hp .logo{
	position:absolute;
	top:25px;
	left:17px;
	width:419px;
	height:142px;
	background:url(../images/logo-hp.gif) no-repeat;
}
.logo a{
	height:100%;
	overflow:hidden;
	display:block;
}
.nav-bar{
	overflow:hidden;
	height:1%;
	background:#62332a;
	font:14px/16px Times, "Times New Roman", serif;
	color:#fffdf5;
	padding:0 6px 1px 0;
}
/* nav */
.language-panel ul,
#nav{
	margin:0;
	padding:4px 0 0;
	list-style:none;
	float:left;
}
.language-panel ul{
	float:right;
	padding:1px 0 0;
}
.language-panel li,
#nav li{
	float:left;
	padding:0 0 0 28px;
}
.language-panel li{padding:0 0 0 4px;}
#nav a{color:#fffdf5;}
#nav a:hover{
	color:#ff6;
	text-decoration:none;
}
.nav-bar .title{
	float:left;
	width:75px;
	font-weight:normal;
	padding:4px 0 0 160px;
}

/* language-panel */
.language-panel{
	float:right;
	width:196px;
}
.language-panel a{
	display:block;
	width:33px;
	height:23px;
	text-indent:-9999px;
}
.flag-usa{background:url(../images/flag-usa.gif) no-repeat;}
.flag-china{background:url(../images/flag-china.gif) no-repeat;}
.flag-italy{
	background:url(../images/flag-italy.gif) no-repeat;
	width:34px;
}
.flag-portugal{
	background:url(../images/flag-portugal.gif) no-repeat;
	width:34px;
}
.flag-france{background:url(../images/flag-france.gif) no-repeat;}
.flag-spain{
	background:url(../images/flag-spain.gif) no-repeat;
	width:34px;
}
.flag-pakistan{
	background:url(../images/flag-pakistan.gif) no-repeat;
	width:34px;
}
.flag-greek{
	background:url(../images/flag-greek.gif) no-repeat;
	width:34px;
}
.flag-empty{
	background:url(../images/flag-empty.gif) no-repeat;
	width:34px;
}
	
/* visual */
.visual{
	margin:0 -2px 0 0;
	padding:4px 0 4px 9px;
	list-style:none;
}
.visual li{
	display:inline-block;
	vertical-align:bottom;
}
.visual img{vertical-align:top;}
* html .visual li{
	display:inline;
	padding:0 5px 0 0;
}
* + html .visual li{
	display:inline;
	padding:0 5px 0 0;
}
/* main */
#main{
	width:100%;
	padding:0 0 19px;
}
#main:after{
	content:'';
	display:block;
	clear:both;
}
#education{
	padding:20px 60px 10px 60px;
}

#education img{
	padding:1px 0px 10px;
}


#education h1{
	padding:10px;
	font-size:24px;
	line-height:22px;
}
#educationlink{
	margin:10px;
	background-color:#900;
	padding:10px;
	color:#FFF;
	font-size:22px;
	
}
#educationlink a{
	text-decoration:none;
	color:#FFF;
}
#quicktime {
	font-size:18px;
	padding:00px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}
#quicktime p{
	width:200px;
	text-align:left;
}
#quicktime img{
	padding:5px 0px 0px;
}
	
/* intro */
.intro{
	width:850px;
	overflow:hidden;
	padding:9px 60px 0;
	background:url(../images/bg-intro3.jpg) no-repeat 5px 0;
}

.intro h2{
	margin:0 0 13px;
	color:#fff;
	font:42px/45px Times, "Times New Roman", serif;
	text-align:center;
}
.intro ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.intro li{
	display:inline-block;
	border:4px solid #f1e5c8;
	margin:0 16px 0 20px;
	background:#b8b3a5;
	padding:2px 8px 7px;
	vertical-align:top;
}
* html .intro ul{padding-left:5px;}
* + html .intro ul{padding-left:5px;}
* html .intro li{
	display:inline;
	margin:0 21px 0 20px;
}
* + html .intro li{
	display:inline;
	margin:0 21px 0 20px;
}
.intro .title{
	font:bold 41px/44px Times, "Times New Roman", serif;
	display:block;
	margin:0 0 3px;
}
.intro-holder{
	position:relative;
	vertical-align:bottom;
	display:block;
}
.intro-holder img{vertical-align:top;}
.enter-holder{
	position:absolute;
	top:8px;
	left:0;
	width:330px;
	overflow:hidden;
}
.enter-holder a{
	background:url(../images/test-enter-here.png) no-repeat;
	width:214px;
	height:89px;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
}
.enter-holder a:hover{
	text-decoration:none;
	background:url(../images/test-enter-here-hover.png) no-repeat;
}
/* content */
#content{
	padding:10px 25px 11px 17px;
	width:928px;
	overflow:hidden;
}
/* info */
.info{
	overflow:hidden;
	height:1%;
	line-height:21px;
}
.info p{margin:0 0 19px;}
/* visual-info */
.visual-info{
	float:right;
	width:563px;
	margin:0 0 0 14px;
}
.visual-info ul{
	padding:8px 0 9px 9px;
	list-style:none;
	width:545px;
	background:#b8b3a5;
	border:solid #f1e5c8;
	border-width:5px 4px 4px 5px;
	margin:0 0 7px;
}
.visual-info li{
	display:inline-block;
	padding:0 3px 0 0;
	vertical-align:top;
}
* html .visual-info li{
	display:inline;
	padding-right:8px;
}
* + html .visual-info li{
	display:inline;
	padding-right:8px;
}
.visual-info img{vertical-align:top;}
.invite{
	display:block;
	width:260px;
	padding:0 0 4px 54px;
	text-align:center;
	font:bold 27px/25px Times, "Times New Roman", serif;
}
/* contact */
.contact{
	font:27px/30px Times, "Times New Roman", serif;
	display:block;
	padding:0 0 0 8px;
}
.contact-area{
	overflow:hidden;
	height:1%;
	margin:0 0 0 10px;
	padding:18px 84px 14px 0;
	background:url(../images/divider-content.gif) no-repeat 28px 0;
}
.hp .contact-area{
	padding:18px 95px 14px 0;
	margin:0;
}
.contect-block{
	float:left;
	width:312px;
	text-align:right;
	line-height:21px;
	padding:0 0 0 17px;
	margin:-10px 0 0;
}
.hp .contect-block{
	padding-top:7px;
	margin:0;
}
.contect-block address span{
	display:block;
	font-style:normal;
}
.phone{
	display:block;
	margin:0 0 14px;
}
.hp .contect-block address{margin:0 0 10px;}
.contect-block ul{
	margin:0;
	padding:0;
	list-style:none;
}
.contect-block li{
	overflow:hidden;
	height:1%;
	vertical-align:top;
}
.map-holder{
	border:1px solid #000;
	padding:5px;
	background:#fff;
	float:right;
	width:500px;
}
.map-holder img{display:block;}
/* ad */
.ad{
	margin:0 auto;
	padding:0 0 0px;
	width:100%;
	text-align:center;
}
.ad img{vertical-align:top;
	padding:4px 0 10px;
}
/* item-block */
.item-block{
	margin:23px 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	line-height:28px;
}
.item-block li{
	display:inline-block;
	background:#62332a;
	vertical-align:top;
	min-height:172px;
	margin:0 1px 0 5px;
	padding:1px 0 0;
}
* html .item-block{padding-left:5px;}
* + html .item-block{padding-left:5px;}
* html .item-block li{
	display:inline;
	height:172px;
	margin:0 6px 0 5px;
}
* + html .item-block li{
	display:inline;
	margin:0 6px 0 5px;
}
.item-block .title{display:block;}
.item-block img{
	border:6px solid #b8b3a5;
	margin:0 14px;
}
.item-block a{color:#fff;}
.item-block a:hover{
	color:#ff6;
	text-decoration:none;
}
.item-block a:hover img{border:6px solid #ff6;}
.item-block .font16{font-size:16px;}
.item-block .font19{font-size:19px;}
.font11{font-size:11px;}
.font14{font-size:14px;}
.heading-block{
	padding:13px 40px 8px 23px;
	width:907px;
	overflow:hidden;
}
.heading-block h1{
	float:left;
	margin:0;
	padding:23px 0 5px 30px;
	letter-spacing:2px;
	font:bold 38px/34px Times, "Times New Roman", serif;
}
.heading-block h2{
	float:left;
	margin:0;
	padding:23px 0 5px 30px;
	letter-spacing:2px;
	font:bold 28px/24px Times, "Times New Roman", serif;
}
.inner02 h1{
	letter-spacing:0;
	margin:0 0 0 -10px;
	font:bold 34px/34px Times, "Times New Roman", serif;
	width:577px;
}
.inner02 h1 span{
	padding:0px 10px 0 20px;
	color:#900;
	display:block;
}
.main-holder{
	height:1%;
	overflow:hidden;
	padding:0 39px 14px 0;
}

.inner02 .main-holder{padding-right:0;}
/* #content-info */
#content-info{
	float:right;
	width:596px;
}
.inner02 #content-info{
	width:576px;
}
.visual-box{
	margin:0 0 12px;
	padding:6px 0 6px 6px;
	list-style:none;
	border:7px solid #f1e5c8;
	background:#b8b3a5;
	position:relative;
}
.visual-box li{
	display:inline-block;
	vertical-align:top;
	padding-right:2px;
}
* html .visual-box li{
	display:inline;
	padding-right:7px;
}
* + html .visual-box li{
	display:inline;
	padding-right:7px;
}
.visual-box img{vertical-align:top;}
.img-holder{
	overflow:hidden;
	height:1%;
	padding:0 0 20px;
}
.img-holder .note{
	background:#f1e5c8;
	border:solid #b8b3a5;
	padding:8px 12px 14px ;
	border-width:6px 9px 9px 9px;
	margin:-125px 0 0 24px;
	position:relative;
	width:290px;
	overflow:hidden;
	font:16px/18px Times, "Times New Roman", serif;
}
.img-holder img{display:block;}
#sidebar .img-holder .note{
	width:224px;
	margin:-91px 0 0 14px;
}
#sidebar .img-holder{padding-bottom:9px;}
.img-holder p{margin:0;}
.sidebar-img{
	margin:0 0 29px;
	display:block;
	position:relative;
}
/* ad-holder */
.ad-holder{
	background:#b8b3a5;
	border:6px solid #f1e5c8;
	text-align:center;
	width:351px;
	padding:2px 0 5px;
	margin:0 0 14px;
	overflow:hidden;
}
.ad-holder .title{
	display:block;
	font:14px/16px Times, "Times New Roman", serif;
	margin:0 7px 3px;
	overflow:hidden;
}
.ad-holder img{vertical-align:top;}
/* main-info */
.main-info{
	padding:0 112px 0 29px;
	width:455px;
	font:18px/21px Times, "Times New Roman", serif;
}
.main-info ul{
	margin:0;
	padding:0;
	list-style:none;
}
.main-info li{
	vertical-align:top;
	height:1%;
	padding:0 0 21px 30px;
	background:url(../images/bullet-main-info.gif) no-repeat 8px 8px;
}

.main-info p{
	margin:0;
	padding:0 0 21px;
}
.contactlist {
	padding:20px 0px 0px 180px;
	width:600px;
	font:18px/21px Times, "Times New Roman", serif;

}
.contactlist ul{
	margin:0;
	padding:0;
	list-style:none;
}
.contactlist li{
	vertical-align:top;
	height:1%;
	padding:0 0 0px 30px;
	background:url(../images/bullet-main-info.gif) no-repeat 8px 8px;
}

.contactlist p{
	margin:0;
	padding:0 0 10px;
}

.productlist {
	padding:0px 20px 0px 40px;
	width:800px;
}

.productlist table {
	font:12px arial;
}

.institute {
	padding:0px 20px 0px 40px;
	margin:0 0 0 40px;
	width:800px;
}


#about-sidebar {
	float:left;
	width:300px;
	padding:60px 0px 0 60px;
}
#news-sidebar {
	float:left;
	width:385px;
	padding:0px 0px 0px 10px;
}


#about-info {
	float:right;
	width:500px;
	padding:20px 0 0 0;
}
.sub-title{
	display:block;
	margin:0 0 20px;
}
.inner02 .main-info{
	width:531px;
	padding:3px 0 0 17px;
}
.comingsoon {
	width:800px;
	padding:20px 20px 20px 20px;
	margin:auto;
}
.designscape {
	width:600px;
	padding:20px;
	margin:auto;
}
/* info-section */
.info-section{
	margin:-2px 8px 12px 13px;
	background:#21680b;
	padding:15px 15px 10px 8px;
	position:relative;
	font:15px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	overflow:hidden;
	width:552px;
}
* html .info-section{padding-bottom:7px;}
* + html .info-section{padding-bottom:7px;}
.alignleft{float:left;}
.info-section .alignleft{margin:0 9px 0 0;}
.info-section p{margin:0 0 10px;}
/* visual-container */
.visual-container{
	padding:9px 10px 10px;
	background:#f1e5c8;
	text-align:center;
	width:557px;
	overflow:hidden;
	margin:0 0 0 12px;
}
.inner02 .visual-container{
	margin:0 0 0 -7px;
	position:relative;
}
.inner02 .visual-container a{vertical-align:top;}
.visual-container .title{
	display:block;
	margin:0 0 7px;
	line-height:20px;
}
.visual-container ul{
	margin:0;
	padding:7px 0 0 4px;
	list-style:none;
	background:#b8b3a5;
}
.visual-container li{
	vertical-align:top;
	display:inline-block;
	padding:0 3px 6px 0;
	height:1%;
}
.visual-container li a{vertical-align:top;}
* html .visual-container li{
	display:inline;
	padding-right:7px;
}
* + html .visual-container li{
	display:inline;
	padding-right:7px;
}
.visual-container img{vertical-align:top;}
.slogan{
	display:block;
	font:bold 22px/24px Times, "Times New Roman", serif;
	margin:-20px 0 27px;
	position:relative;
}
.top-25{margin:-25px 0 0;}
.top{margin:-24px 0 0;}
/* sidebar */
#sidebar{
	float:left;
	width:285px;
	padding:0 10px 0 30px;
}
.inner02 #sidebar{
	width:370px;
	padding:0 0 0 15px;
}
#sidebar .heading{
	display:block;
	text-align:center;
	font:20px/22px Times, "Times New Roman", serif;
	color:#fff;
	background:#000;
	padding:9px 21px 6px;
}
.ad-block{
	overflow:hidden;
	height:1%;
	margin:0 0 27px;
	background:url(../images/bg-ad-block.gif) repeat-y;
}
.intro-info{
	text-align:center;
	color:#fff;
	padding:15px 32px 9px;
	background:#600;
	font:17px/18px Times, "Times New Roman", serif;
	margin:0 0 16px;
}
.intro-info p{margin:0 0 3px;}
.intro-info .important{
	font:bold 20px/22px Times, "Times New Roman", serif;
	display:block;
	margin:0 0 2px;
}
.ad-block img{
	display:block;
	margin:0 0 0 2px;
}
.ad-block a{color:#fff;}
#sidebar .ad-block .bottom{padding:19px 19px 18px;}
.sign-up-area{
	border:7px solid #b8b3a5;
	background:#f1e5c8;
	text-align:center;
	font:bold 16px/21px Times, "Times New Roman", serif;
	color:#000;
	width:290px;
	margin:0 -18px 0 -19px;
	padding:3px 12px 6px;
	position:relative;
}
.inner02 .sign-up-area{margin:0 auto;}
#text{
	margin:0 0 2px;
	padding:1px 5px;
	border:1px solid #000;
	width:276px;
	font:11px/14px Times, "Times New Roman", serif;
}
.sign-up-area label{
	display:block;
	margin:0 0 5px;
}
.sign-up-area .row{
	overflow:hidden;
	height:1%;
	text-align:left;
	padding:0 0 11px 1px;
}
.sign-up-area .row label{
	display:inline;
	text-align:left;
	padding:0 8px 0 0;
}
#check01,
#check02{
	width:16px;
	height:16px;
	margin:-1px 7px 0 0;
	padding:0;
	display:inline-block;
}
* html #check01{margin-top:3px;}
* html #check02{margin-top:3px;}
.contact-area h2{
	margin:3px -63px 33px 0;
	text-align:center;
	font:bold 34px/36px Times, "Times New Roman", serif;
}
/* footer */
#footer{
	background:#62332a;
	width:954px;
	margin:0 -2px;
	position:relative;
	color:#fff;
	padding:17px 10px 10px;
	min-height:96px;
	text-align:center;
	font:14px/17px Arial, Helvetica, sans-serif;
}
* html #footer{height:96px;}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	display:inline;
}
#footer ul li{
	display:inline;
	padding:0 7px 0 3px;
	background:url(../images/separator-footer.gif) no-repeat 100% 2px;
}
* html #footer ul li{padding:0 4px 0 7px;}
* + html #footer ul li{padding:0 4px 0 7px;}
#footer span{padding:0 0 0 5px;}
* html #footer span{padding:0 0 0 7px;}
* + html #footer span{padding:0 0 0 7px;}
#footer a{color:#fff;}
#footer a:hover{
	color:#ff6;
	text-decoration:none;
}

