html {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

blockquote, q {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    quotes: "" "";
}

blockquote:before, q:before, blockquote:after, q:after {
    content: "";
}

th, td, caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

table {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}

a img {
    border: none;
}

#container {
	width:980px;
	text-align:center;
}

body {
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto; 
	text-align:center;
	align:center;
}

a:link, a:visited, a:hover, a:active {text-decoration:none;}
/*header part--------------------------------------------------------------------------------------------*/
#bar {
	width:inherit;
	height:7px;
	background-image:url('../images/bar.jpg');
	background-repeat:no-repeat;
}


#horizon{
	width:980px;;
	height:80px;
	vertical-align:text-bottom;
	position:relative;
	display:inline-block;
}

#logo {
	float:left;
	margin:5px;
	background-image:url('../images/logo.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
	width:273px;
	height:70px;
}

#tools{
	font-size:11pt;
	color:#414141;
	float:right;
	right:0px;
	bottom:5px;
	position:absolute;
	text-align:right;
}

#gallery{
	width:inherit;
	height:326px;
}


#slideshow{
	width:inherit;
	height:326px;
}

#nav{
	position:relative;
	width:980px;
	text-align:right;
	padding-bottom:35px;
}

#button_list{
	clear:both;
	float:right;
	position:absolute;
	top:0px;
	right:0px;

}

.button_list_button{

	padding-top:6px; /*to push the text down
*/
	display:inline-block;
	background-image:url('../images/green_button.jpg');

	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	
	text-align:center;
	vertical-align:middle;
	width:171px;
	height:27px;

}

.button_list_button span {
    margin: 0;
    padding: 0;
    border: 0;

}

.button_list_button:hover{
	background-image:url('../images/green_button_on.jpg');
}


#logo{
	float:left;
}


#slideshow #menu { list-style-type: none; float:right;}

#slideshow #menu li { display: inline-block; z-index: 1000;}
#slideshow #menu li a {display: inline-block;  z-index: 1000; color: #ffffff; background-image:url('../images/green_button.jpg'); width:171px; height:33px;}
/*
#slideshow #menu li a:focus { outline: 0; }
*/
#slideshow #menu li a:hover {display: inline-block;  z-index: 1000; color: #ffffff; background-image:url('../images/green_button_on.jpg'); width:171px; height:33px;}
#slideshow #menu li.current a {display: inline-block;  z-index: 1000; color: #ffffff; background-image:url('../images/green_button_on.jpg'); width:171px; height:33px;}


/*content part--------------------------------------------------------------------------------------------*/
.content{
	display:inline-block;
}

.gadget{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-color:#ffffff;
	color:#636363;
	font-size:10pt;
	text-align:left;
	letter-spacing:0px;
	line-height:130%;
}

.gadget_highlight{
	color:#000000;
	font-size:11pt;
	font-weight:bold;
	margin-bottom:3px;
}

hr{
	color:#e1e1e1;
	background-color:#e1e1e1;
	height:1px;
	border-width:0;
}

.detail{
	clear:both;
	float:right;
	margin-right:20px;
	background-color:#b3df26;
	border:1px solid #a2c418;
	padding:3px 10px 2px 10px;
	color:#ffffff;
	text-decoration:none;
	position:absolute;
	bottom:5px;
	right:0px;
}

.detail:hover{
	clear:both;
	float:right;
	margin-right:20px;
	background-color:#838383;
	border:1px solid #606060;
	padding:3px 10px 2px 10px;
	color:#ffffff;
	text-decoration:none;
	position:absolute;
	bottom:5px;
	right:0px;
}

#recommand{
	width:562px;
	display:inline-block;
	height:255px;
}

h1{
	background-repeat:no-repeat;
	width:200px;
	height:24px;
}

#recommand h1{
	background-image:url('../images/tag_recommand.jpg');
		background-position:left;
}

#topsales h1{
	background-image:url('../images/tag_top_sales.jpg');
		background-position:left;
}

#hot h1{
	background-image:url('../images/tag_hot.jpg');
		background-position:left;
}

#rent h1{
	background-image:url('../images/tag_rent.jpg');
		background-position:left;
}

#transaction h1{
	background-image:url('tag_transaction.jpg');
	background-position:left;
	float: left;
}

#analysis h1{
	background-image:url('../images/tag_analysis.jpg');
		background-position:left;
}

#analysis h1{
	background-image:url('../images/tag_analysis.jpg');
		background-position:left;
}

#school h1{
	background-image:url('../images/tag_school.jpg');
		background-position:left;
}

#price h1{
	background-image:url('tag_price.jpg');
		background-position:left;
}

#branch h1{
	background-image:url('../images/tag_branch.jpg');
		background-position:left;
}

#others h1{
	background-image:url('../images/tag_others.jpg');
		background-position:left;
}

.recommand_tag{
/*the recommand tag*/
	background-image:url('../images/recommand_tag.png');
	background-repeat:no-repeat;
	position:absolute;
	top:2px;
	left:5px;
	width:60px;
	height:59px;
}

.recommand_stock{
/*the stock info*/
	position:relative;
	float:left;
	width:177px;
	padding:5px 5px 20px 5px;
	text-align:center;
	
	background-image:url('../images/seperator.jpg');
	background-repeat:no-repeat;
	background-position:right bottom; 
}

.recommand_stock:hover{
	background-color:#f7f7f7;
}

#recommand img{
	width:168px;
	height:130px;
}

#topsales{
	width:418px;
	height:255px;
}

#hot{
	width:980px;
	height:220px;
}

.hot_stock{
/*the stock info*/
	position:relative;
	float:left;
	width:159px;
	padding:2px 2px 20px 2px;
	text-align:center;
	background-image:url('../images/seperator.jpg');
	background-repeat:no-repeat;
	background-position:right bottom; 
}

.hot_stock_last{
	position:relative;
	float:left;
	width:159px;
	padding:2px 2px 20px 2px;
	text-align:center;
}

.hot_stock:hover{
	background-color:#f7f7f7;
}

.hot_stock_last:hover{
	position:relative;
	float:left;
	width:159px;
	padding:2px 2px 20px 2px;
	text-align:center;
	background-color:#f7f7f7;
}

#hot img{
	width:130px;
	height:97px;
}


#rent{
	width:490px;
	height:230px;
}

#rent img{
	width:130px;
	height:97px;
}

#transaction{
	width:560px;
	height:200px;
}

#transaction table tr:hover{
	background-color:#f7f7f7;
}

.gadget table{
	width:95%;
	padding:5px;
	margin:5px;
}

.gadget th{
	font-weight:bold;
	color:#000000;
}

.gadget td,th{
	border:0px;
	border-bottom:1px solid #FFFFFF;
	padding:3px;
}


#analysis {
	position:relative;
	float:left;
	width:300px;
	height:235px;
}

.analysis_content{
	float:right;
	width:188px;
	padding:12px;
}

.analysis_content p{
	margin-bottom:5px;
}

#school {
	position:relative;
	float:left;
	width:360px;
	height:235px;
}

#school table td:hover{
	background-color:#f7f7f7;
}

#price {
	position:relative;
	float:left;
	width:280px;
	height:235px;
}

#branch {
	width:650px;
	height:230px;
}

#branch table tr:hover{
	background-color:#f7f7f7;
}

#others {
	width:330px;
	height:230px;
}

#others table th{
	text-align:center;
	width:50%;
}

#others table th:hover{
	background-color:#f7f7f7;
}

.copyright{
	height:35px;
	float:right;
	color:#636363;
	font-size:10pt;
	padding:10px 10px 25px 10px;
}