/* ---- GLOBAL <<<-----------*/
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#000000;
list-style-type: none;
}

#container{
	width:900px;
	height:auto;
	border:3px solid #515151;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}

#langu {
	font-size: 8pt;
	text-align:right;
	text-decoration: none;
	clear: both;
	height: 15px;
	width: 897px;
	word-spacing: 0.3em;
	padding-top: 8px;
	color:#cccccc;
	padding-right: 3px;
}

#langu a{color:#cccccc; text-decoration:none; }
#langu a:hover{color:#faba00; text-decoration:none; }
#langu a:focus{ outline:none;}

#footer {height:15px; width:900px; background-color:#262626; clear: both;}
#foot_nav {
	height:15px;
	font-size: 7pt;
	color: #CCCCCC;
	float: left;
	width: 390px;
	padding-top: 2px;
	padding-left:3px;
}

#foot_nav a{color:#cccccc; text-decoration:none;}
#foot_nav a:hover{color:#faba00; text-decoration:none;}
#foot_nav a:focus{ outline:none;}

#copyright {
	height:15px;
	font-size: 7pt;
	color: #666666;
	float: right;
	width: 420px;
	padding-top: 2px;
	text-align: right;
}


#date {
	height:15px;
	font-size: 7pt;
	color: #c69c6d;
	float: left;
	text-align:right;
	width: 215px;
	padding-top: 2px;
	padding-right: 2px;
}
/* ---- typo <<<-----------*/
body p{ font-size:8pt; line-height:11pt; color:#FFF;}
body a{ text-decoration:none;}
body a:hover, news a:visited { text-decoration:none;}
.news a{ color:#FFFFFF; text-decoration:none;}
.news a:hover, news a:visited { color:#FFFFCC; text-decoration:none;}
.add a{ color:#C2BAA0; text-decoration:none;}
.add a:hover, news a:visited { color:#FFF; text-decoration:none;}
.add a:focus{ outline:none;}
.t1{ font-size:10pt; color:#FFFFFF;}
.date{ font-size:8pt; color:#999999; line-height:1.5ems;}
.ins_t2{
	font-size:10.5pt;
	color:#eec747;
	font-weight:bold;
	text-align:right;
	padding-right:2px;
	padding-bottom:15px;
	margin-top: 15px;
}
.t2{ font-size: 9pt; color:#fff; line-height: 12pt;}
.t3{
	font-size: 9pt;
	color:#C2BAA0;
	line-height: 20pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.ins_h1{ font-size:10pt; color:#FFCC33; font-weight:bold;}
.ins_h2{ font-size:9pt; color:#fff; font-weight:200; }
.ins_h3{ font-size:8pt; color:#FFFF99; }
.ins_h4{ font-size:8.5pt; color:#FFCC33; font-weight:bold; }
.picborder{1px solid #ccc; margin:15px;}
.contect{
	font-size:8.5pt;
	color:#EAEAEA;
	line-height:12pt;
	list-style-type: square;
}
.notice{
	font-size:8pt;
	color:#EAEAEA;
	padding-right:15px;
	line-height:0.8ems;
	text-align:justify;
}

.form{
	background-image:url(../images/form-bg.gif);
	font-size:9pt;
	color:#333333;
	height: 18px;
	border: 1px solid #999999;
	background-repeat: repeat-x;
}
.appoint{ font-size:7pt; color:#FFFFFF;}
.investxt{ font-size:7pt; color:#FFF; line-height:12px;}
.investxt2{ font-size:7pt; color:#FFCC00; line-height:12px;}
.investxt_cn{ font-size:8.7pt; color:#FFF; line-height:17px;}

.fpp img{border: 2px solid #000;}
.fpp:hover img{border: 2px solid #ccc;}
.fpp:focus img{ outline:none;}
.cncon{font-size:9pt; line-height:17px;}
.cndisc{font-size:8pt; line-height:16px;}

/* ---- INDEX <<<-----------*/
#in_flash {
	height: 592px;
	width: 900px;
	margin-top: 50px;
}

#in_logo { height: 70px; width: 900px; background-image: margin-top: 80px;}
#in_nav {
	font-size: 8.5pt;
	color: #FFFFFF;
	padding-top:3px;
	height: 16px;
	width: 900px;
	background-image:url(../images/nav_bg6.gif);
}
#in_nav a{color:#fff; text-decoration:none;}
#in_nav a:hover{color:#faba00; text-decoration:none;}
#in_nav a:focus{ outline:none;}

/* ---- cn menu <<<-----------*/
#in_cnnav {
	font-size: 9pt;
	color: #FFFFFF;
	padding-top:3.2px;
	height: 15.8px;
	width: 900px;
	background-image:url(../images/nav_bg4.gif);
}
#in_cnnav a{color:#fff; text-decoration:none;}
#in_cnnav a:hover{color:#faba00; text-decoration:none;}
#in_cnnav a:focus{ outline:none;}

#foot_cnnav {
	height:15px;
	font-size: 7.5pt;
	color: #CCCCCC;
	float: left;
	width: 350px;
	padding-top: 2px;
	padding-left:3px;
}

#foot_cnnav a{color:#cccccc; text-decoration:none;}
#foot_cnnav a:hover{color:#faba00; text-decoration:none;}
#foot_cnnav a:focus{ outline:none;}
/* ---- cn menu <<<-----------*/

#in_news {
	padding: 5px;
	clear: both;
	float: right;
	height: 130px;
	width: 880px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 70px;
	margin-left: 0px;
}
#conbanner {
	float: right;
	height: 85px;
	width: 140px;
}

#in_title {
	width: 80px;
	margin-left: 10px;
	font-family: Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #FF9900;
	text-align:right;
}
#in_news #dot {
	background-image: url(../images/dot_v.gif);
	margin-left:3px;
	margin-right:6px;
	height: 120px;
	width: 3px;
}
#in_news #in_con {
	padding-top:12px;
	height: 120px;
	width: 340px;
}
/* ---- inside main <<<-----------*/

#ins_logo { height: 70px; width: 900px; background-image: url(../images/in_logo.gif); margin-top: 3px; margin-bottom:10px;}

#contentbox {
	height: 580px;
	width: 900px;
	margin-top: 35px;
	margin-bottom: 30px;
	background-image:url(../images/in_conbg2.gif);
}

#contentbox2 {
	height: 580px;
	width: 900px;
	margin-top: 35px;
	margin-bottom: 30px;
	background-image:url(../images/in_conbg3.gif);
}


#contentbox3 {
	height: 580px;
	width: 900px;
	
	background-image:url(../images/in_conbg3.gif);
}

#dot_h {
	background-image: url(../images/dot_h.gif);
	height: 1px;
	width: 900px;
	clear:both;
}


#unit_nav {
	width: 109px;
	float: left;
}

#unitpic {
	float: left;
	height: 580px;
	width: 235px;
}
#news_con {
	clear: right;
	float: left;
	width: 500px;
	margin-left:20px;
}

#news_con2 {
	clear: right;
	float: left;
	width: 570px;
	margin-left:65px;
}

#dot_v {
	background-image: url(../images/dot_v2.gif);
	float: left;
	height: 580px;
	width: 1px;
}
#iframebox{
	width: 550px;
	padding-top: 20px;
	height: 550px;
}

/* ---- news <<<-----------*/

#newslist{
	width: 500px;
	margin-top:35px;
}

#invest{ width: 510px; margin-top:5px;}

#back a{font-size:7pt; color:#339999; padding-right:10px;}
#back a:hover{color:#339966;}
#back a:focus{ outline:none;}

/* ---- views <<<-----------*/
#viewcon {
	width: 900px;
	margin-top: 35px;
	margin-bottom: 15px;
}

#viewflash {
	height: 550px;
	width: 900px;
}
#viewdisc {
	font-size: 6.7pt;
	color: #666666;
	height: 30px;
	width: 860px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
}

#viewtitle {
	font-family: Helvetica;
	font-size: 10pt;
	color: #99CC66;
	padding: 5px;
	width: 500px;
	font-weight: lighter;
	height: 20px;
}
#arrow {
	clear: both;
	height: 15px;
	width: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* ---- location <<<-----------*/
#mapbox {
	clear: both;
	width: 900px;
}
#map {
	width: 900px;
}
#mapguide {
	padding: 10px;
	clear: right;
	float: left;
	height: 560px;
	width: 260px;
}

#mapguide ul li{
	font-size: 8pt;
	color:#ccc;
	line-height: 12pt;
	list-style-type: none;
}
#mapbar {
	height: 20px;
	width: 900px;
}

#mapbar2 {
	height: 171px;
	width: 213px;
	float:left;
	margin:25px 0px 30px 0px;
}

#maptxt {
	height: 171px;
	width: 687px;
	float:left;
	background-image:url(../images/map_bg2.jpg);
	margin:25px 0px 30px 0px;
}

#txtbox{ color:#CCC; font-size:9pt; line-height:1.8em; width:570px; height:115px; margin:25px auto auto 75px;}

#mapflash {
	background-color: #000000;
	width: 900px;
	height: 335px;
	text-align: center;
}
#maptitle {
	background-image: url(../images/map_title.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 45px;
	width: 900px;
	background-color: #191919;
}
/* ---- sitemap <<<-----------*/
#sitetitle {
	height: 20px;
	width: 890px;
	background-color: #191919;
	padding:5px
}
#sitecon {
	clear: both;
	width: 860px;
	padding:20px;
	height: 520px;
}

#sitecon ul li a{
	font-size:8.5pt;
	color:#FFF;
	line-height:14pt;
}
#sitecon ul li a:hover{	color:#CCCC66;}
#sitecon ul li a:focus{ outline:none;}


/* ---- develope <<<-----------*/
.thumbnail{position: relative;}

.thumbnail:hover{}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
left:0px;
right:0px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:16px;;
left: 0px; /*position where enlarged image should offset horizontally */

}

/*----floorplan----*/
#planlist{
	float: left;
	width: 570px;
	margin-left:65px;
	margin-top:35px;
	font-size:8.5pt;
	color:#FFF;
	line-height:3em;
	list-style-type: none;
}

#planlist ul li a{
	font-size:8.5pt;
	color:#FFF;
	line-height:3em;

}
#planlist ul li a:hover{ color:#CCCC66;}
#planlist ul li a:focus{ outline:none;}

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

