/* @override http://subtube.com/draft/coorde/style.css */

/*Common*/

body {
	background: #F2F2F2 url(../img/web/bg.jpg) repeat-x;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

.textBold{
	font-weight:bold;
}
.blue{
	color:#0033FF;
}
.red{
	color:#CC0000;
}
.category{color:#0000FF;}
/*End Common*/

/*Structure*/

.divMoreDetailClass table{
	width:100%;
	margin:0px;
	padding:0px;
	line-height:1;
}
.divMoreDetailClass td, .divMoreDetailClass th{
	margin:inherit;
	padding:inherit;
	vertical-align:top;
}
.divMoreDetailClass .top{
	margin:inherit;
	padding:inherit;
	text-align:right;
}
.divMoreDetailClass .content{
	line-height:1.2;
	vertical-align:middle;
}
.divMoreDetailClass img{
	vertical-align:bottom;
}

.divMoreDetailClass .bpointer{
	padding-left:22px;
	padding-top:8px;
}

.divMoreDetailClass div{
	margin:2px;
	padding:2px;
	overflow:auto;
}

.divMoreDetailClass ul{
	margin:0px;
	padding:0px;
}

.divMoreDetailClass ul li{
	width:280px;
	list-style:none;
	margin:0px;
	padding:2px;
	float:left;
}
.container.header {
	/*background: url(../img/web/bg-header.jpg) no-repeat top center;*/
	background: url(../img/web/bg-header.png) no-repeat;
	/*background: url(../img/web/bg-header-resize.jpg) no-repeat top center;*/
}

/*nearby in detail page*/

#search-detail .nearby .category, #search-detail .category, #search-result .category, #map .category{
	color:#0000FF;
}

#search-detail .nearby .simpleNearby li{
	width:260px;
	float:left;
	padding-bottom:18px;
}

#search-detail .nearby .distance{
	font-size:10px;
}
/* --- ----------------  */


#header {
	height: 70px;
	margin: 20px 0 0 0;
}

.map-wrap {
	width:100%;
	background: url(../img/web/bg-map.gif) repeat-x bottom;
	padding-bottom: 39px;
	height:480px;
}
#map {
    height: 480px;
}
.map-wrap-detail {
	width:100%;
	background: url(../img/web/bg-map.gif) repeat-x bottom;
	/*background: url(../img/web/bg-map.png) repeat-x bottom;*/
	padding-bottom: 39px;
	height:480px;
}

#maincontent {
	background: #FFF url(../img/web/bg-maincontent.gif) top center repeat-x;
	margin-top: -4px;
	padding: 10px 0 0 0;
}

#maincontent-bottom {
	background: url(../img/web/bg-maincontent-bottom.jpg);
	height: 4px;
}

#footer {
	background: url(../img/web/bg-footer.gif) no-repeat;
	margin: 20px 0;
	height: 129px;
}

/*End Structure*/

/*Insides*/

#logo .inside {
	padding: 0 0 0 25px;
}

#banner-1 .inside {
	padding: 0 25px 0 0;
}

/*End Insides*/

/*Logos*/

#logo h1 {
	margin: 0;
	width: 244px;
	height: 56px;
	overflow:hidden;
}

#logo h1 a {
	text-indent: -9999px;
	display: block;
	width: 244px;
	height: 56px;
	background: url(../img/web/logo.gif) no-repeat;
}

/*End Logos*/

/*Menus*/

#footer-menu {
	text-align: center;
	margin: 10px 0;
}

#footer-menu a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding: 0 10px;
}

#footer-menu strong {
	padding: 0 10px;
}

/*End Menus*/

/*Banners*/

.bottom-banners {
	text-align:center;
	padding-top:20px;
}

#banner-1 {
	text-align: right;
}

/*End Banners*/

/*Headers*/

#hotel h2, #apartment h2, #whatsnew h2, #mall h2, #restaurant h2, #search-result h2, #whatever h2{
	display: block;
	background: url(../img/web/headers.gif) top left no-repeat;
	height: 25px;
	width: 200px;
	text-indent: -9999px;
	margin: 10px 0;
}

#hotel a, #apartment a, #whatsnew a, #mall a, #restaurant a, #whatever a{
	font-weight: normal;
	color: #2f83a1;
}

#hotel p, #apartment p, #whatsnew p, #mall p, #restaurant p, #whatever p{
	padding:0;
	margin:0;
}

#hotel ul, #apartment ul, #whatsnew ul, #mall ul, #restaurant ul, #whatever ul{
	list-style-type:none;
	padding:0; 
	margin:0;
}

#hotel li, #apartment li, #whatsnew li, #mall li, #restaurant li{
	width:180px;
	float:left;
}
#whatever li{
	width:224px;
	float:left;
}

#trafficinfo h2 {
	display: block;
	background: url(../img/web/headers.gif) top left no-repeat;
	height: 25px;
	width: 200px;
	text-indent: -9999px;
	margin: 10px 0;
	background-position: 0 -229px;
}

#aboutus h2 {
	display: block;
	background: url(../img/web/aboutus.gif) top left no-repeat;
	height: 25px;
	width: 200px;
	text-indent: -9999px;
	margin: 10px 0;
}

#privacy h2 {
	display: block;
	background: url(../img/web/privacy.gif) top left no-repeat;
	height: 25px;
	width: 200px;
	text-indent: -9999px;
	margin: 10px 0;
}

#search-result .paging{
	clear:both;
}

#search-detail h2 {
	display: block;
	background: url(../img/web/headers.gif) top left no-repeat;
	height: 30px;
	width: 200px;
	text-indent: -9999px;
	margin: 10px 0;
	background-position: 0 -150px;
}

#search-detail .do h2 {
	display: block;
	background: url(../img/web/headers.gif) top left no-repeat;
	height: 22px;
	width: 200px;
	text-indent: -9999px;
	margin: 10px 0;
}

#search-detail .do .post-wrap .do-wrap{
	width:48%;
	float:left;
	margin-right:8px;
}

#search-detail .do .post-wrap .do-wrap #image_thumb{
	height:100px;
	width:100px;
	float:left;
	background-position:center;
	margin-right:8px;
}

#search-detail .do .post-wrap .do-wrap .do-title{
	font-size:14px;
	color:purple;
	font-weight:bolder;
}

#search-detail .do .post-wrap .do-wrap .do-valid{
	font-size:10px;
	color:#FF0000;
	font-style:italic;
}

#search-detail .do .post-wrap .do-wrap p{
	font-size:11px;
}

#search-detail .inside h2 {
	display: block;
	background: url(../img/web/headers.gif) top left no-repeat;
	height: 29px;
	width: 200px;
	text-indent: -9999px;
	margin: 10px 0;
}


#search-detail .phone {
	background: url(../img/web/icon-phone.png) top left no-repeat;
	height: 22px;
	padding-left:23px;
}
#search-detail .fax {
	background: url(../img/web/icon-fax.png) top left no-repeat;
	height: 22px;
	padding-left:23px;
}
#search-detail .email {
	background: url(../img/web/icon-email.png) top left no-repeat;
	height: 22px;
	padding-left:23px;
}
#search-detail .website {
	background: url(../img/web/icon-website.png) top left no-repeat;
	height: 22px;
	padding-left:23px;
}

#search-detail .post-wrap .icon{
	width:20px;
	height:30px;
	float:left;
	margin-right:8px;
	margin-left:10px;
	background-repeat:no-repeat;
}

#search-detail .post-wrap .content{
	float:left;
	width:220px;
}

#search-detail .nearby .content, #search-result .post-wrap .content{
	float:left;
}

#search-detail .contact{
	float:left;
	padding-left:20px;
	/*width:200px;*/
}
#search-detail .post-wrap .content-banners{
	float:right;
	/*width:200px;*/
	padding-right:80px;
}
#search-detail .do, #search-detail .inside, #search-detail .nearby{
	padding-left:2px;
	width:800px;
	float:left;
}

#search-detail .do .post-wrap-top, #search-detail .inside .post-wrap-top, #search-detail .nearby .post-wrap-top{
	background: url(../img/web/bg-post-wrap-top-780.png) no-repeat;
}
#search-detail .do .post-wrap, #search-detail .inside .post-wrap, #search-detail .nearby .post-wrap{
	background: url(../img/web/bg-post-wrap-repeat-780.png) repeat-y;
}
#search-detail .do .post-wrap-bottom, #search-detail .inside .post-wrap-bottom, #search-detail .nearby .post-wrap-bottom{
	background: url(../img/web/bg-post-wrap-bottom-780.png) no-repeat;
}

#search-detail .inside .insidecontainer, #search-detail .nearby .insidecontainer{
	float:left;
	width:784px;
	padding:0px;
}

#search-detail .inside .left-arrow{
	width:8px;
	height:64px;
	background: url(../img/web/left-arrow.png) no-repeat;
	float:left;
	margin-top:14px;
	cursor:pointer;
}

#search-detail .inside .right-arrow{
	width:8px;
	height:64px;
	background: url(../img/web/right-arrow.png);
	float:left;
	margin-top:14px;
	cursor:pointer;
}

#search-detail .nearby .left-arrow{
	width:8px;
	height:64px;
	background: url(../img/web/left-arrow.png) no-repeat;
	float:left;
	margin-top:104px;
	cursor:pointer;
}

#search-detail .nearby .right-arrow{
	width:8px;
	height:64px;
	background: url(../img/web/right-arrow.png);
	float:left;
	margin-top:104px;
	cursor:pointer;
}

#search-detail .nearby .icon{
	width:20px;
	height:30px;
	float:left;
	margin-right:6px;
	margin-left:0px;
	background-repeat:no-repeat;
}

#search-detail .inside .post-wrap .inside-carousel li{
	width:188px;
}

#search-detail .nearby .post-wrap .nearby-carousel li{
	width:248px;
}

#search-detail .nearby .post-wrap .nearby-carousel li .nearbyContainer{
	height:110px;
	float:left;
}

#apartment h2 {
	background-position: 0 -25px;
}

#whatsnew h2 {
	background-position: 0 -50px;
}

#mall h2 {
	background-position: 0 -75px;
}

#restaurant h2 {
	background-position: 0 -100px;
}

#whatever h2 {
	background-position: 0 -255px;
}

#search-result h2 {
	background-position: 0 -125px;
}

#search-detail .do h2 {
	background-position: 0 -208px;
}

#search-detail .inside h2 {
	background-position: 0 -179px;
}

#whatsnew .post-wrap ul li .container {
	display:block;
	width:254px;
}
/*End Headers*/

/*Search Wrap*/
/*
#search-wrap {
	width: 660px;
	height: 80px;
	background: url(../img/web/bg-search.png) no-repeat;
	padding: 20px;
	margin: 100px auto;
}
*/
#search-wrap {
	width: 660px;
	height: 80px;
	background: url(../img/web/bg-search.png) no-repeat;
	padding: 20px;
	margin: 100px auto;
	position:relative;
	top:-319px;
	z-index:10000;
}

#search-wrap input[type=text] {
	background: url(../img/web/bg-textbox.gif) no-repeat;
	border: none;
	width: 534px;
	height: 31px;
	padding: 5px 10px;
	font-size: 18px;
	margin: 5px 0;
	vertical-align: top;
}

#search-wrap p {
	background: url(../img/web/icon-satellite.gif) no-repeat;
	height: 21px;
	line-height: 21px;
	text-indent: 40px;
	margin: 0 0 0 70px;
}

#search-wrap input[type=submit] {
	background: url(../img/web/button-search.gif) no-repeat;
	border: none;
	width: 93px;
	height: 41px;
	margin: 0;
	text-indent: -9999px;
	margin: 5px 0;
	vertical-align: top;
}

#search-wrap input[type=submit]:hover {
	background-position: bottom;
	cursor: pointer;
}

/*For Search Result Only*/

.search-result-page #search-wrap{
	margin-top:  240px;
	background: none;
}

.map-wrap #search-wrap{
	margin-top:  240px;
	background: none;
}

.search-result-page p {
	display: none;
}

/*End Search Wrap*/

/*Post*/
.no-bg {
    background: none !important;
}

.post-wrap-top {
	height: 24px;
	background: url(../img/web/bg-post-wrap-top.png);
}

#search-result .post-wrap-top{
	background: url(../img/web/bg-post-wrap-top-w.png);
}

#search-detail .post-wrap-top, #aboutus .post-wrap-top, #privacy .post-wrap-top, #mapapi .post-wrap-top{
	background: url(../img/web/bg-post-wrap-top-d.png);
}

#search-detail .post-wrap-top, #search-detail .post-wrap, #search-detail .post-wrap-bottom{
	background: none !important;
}

.post-wrap {
	padding: 0px 25px 1px;
	background: url(../img/web/bg-post-wrap-repeat.png);
}

#search-result .post-wrap{
	background: url(../img/web/bg-post-wrap-repeat-w.png);
}

#search-detail .post-wrap, #aboutus .post-wrap, #privacy .post-wrap,#mapapi .post-wrap  {
	background: url(../img/web/bg-post-wrap-repeat-d.png);
	margin:0 auto;
	overflow:auto;
}

.post-wrap li, .post-wrap p {
	margin: 0;
	padding: 0;
}

.post-wrap ol {
	margin-bottom: 0;
}

.post-wrap ul {
	margin: 0;
}

.post-wrap ul li {
	list-style: none;
	margin-bottom: 1px;
}

.post-wrap small {
	display: block;
	margin-bottom:3px;
}

.post-wrap-bottom {
	height: 24px;
	background: url(../img/web/bg-post-wrap-bottom.png);
	margin: 0 0 10px 0;
}

#search-result .post-wrap-bottom{
	background: url(../img/web/bg-post-wrap-bottom-w.png);
}

#search-detail .post-wrap-bottom, #aboutus .post-wrap-bottom, #privacy .post-wrap-bottom, #mapapi .post-wrap-bottom{
	background: url(../img/web/bg-post-wrap-bottom-d.png);
}


#about {
	padding: 20px 30px 0;
}

#about p {
	text-align: center;
	margin-bottom: 5px;
}

.post-wrap a {
	font-weight: normal;
	color: #2f83a1;
}


/*End Post*/

/*Banners*/

#banners {
	margin-top: 50px;
	width:300px;
}
#banners div{
	margin: 0px auto;
	width:250px;
	padding-bottom:10px;
}
.banner {
	height: 100px;
	background: gray;
	margin-bottom: 10px;
}

/*End Banners*/

/*Search Results*/

#search-result li {
	padding: 10px 0;
	border-bottom: 2px ridge #FFF;
}

#search-result li:last-child {
	border: none;
}

#search-result li {

}

#search-result h3 {
	margin-bottom: 0;
}

#search-result small {
	color: gray;
}

#search-result .post-wrap .separator{
	clear:both;
	padding:4px 0px;
	border-top:1px dotted #CCCCCC;
}

#search-detail .post-wrap .separator{
	clear:both;
	padding:4px 0px;
}

/*End Search Results*/

#popUpDiv a {
	color:#2F83A1;
}