/* CSS Document */
body{
	background:#fff;
	padding:0px; 
	margin:0px; 
	color:#666; 
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
div, p, ul, h2, img{
	padding:0px; margin:0px;
}
ul{	
	list-style-type:none;
	}
	
a{
	background:#fff; 
	color:#000; 
	text-decoration:none;
	}
	
a:hover{
	background:#fff; 
	color:#666; 
	text-decoration:underline;
	} 

/*----TOP PANEL----*/
#topPan{
	width:778px; 
	height:60px; 
	position:relative; 
	margin:0 auto;
	}
	
#topPan #ImgPan{
	width:177px;
	height:43px;
	background:#fff;
	color:#666;
	position:absolute;
	top:24px;
	left:11px;
	padding:0 0 0 35px;
	}
	
#topPan #ImgPan img{
	width:177px; 
	height:43px;
	}


#topPan ul{
	width:468px;
	height:32px;
	position:absolute;
	top:38px;
	right:59px;
	}
	
#topPan ul li{
	width:78px; 
	height:32px; 
	float:left;
}

#topPan ul li a{
	width:76px; 
	height:32px; 
	display:block; 
	background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; 
	color:#666; 
	text-decoration:none; 
	font-size:12px; 
	font-weight:bold; 
	text-align:center; 
	line-height:32px; 
	margin:0 2px 0 0;
	}
	
#topPan ul li a:hover{
	background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; 
	color:#fff; 
	text-decoration:none;
	}

#topPan ul li.home{
	background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-weight:bold; 
	text-align:center; 
	line-height:32px;
	}
	
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{
	width:669px;
	height:133px;
	position:relative; 
	margin:10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:10px;
	background: url(images/bannerbg.jpg) no-repeat #FFFFFF;
	}

#package1{
float:left;
width:207px;
height:133px;
padding-right:15px;
}

#package1 h2{
padding-bottom:10px;
}

#package1 p{
padding-bottom:5px;
}

.firsth3{
	color:#ceac12;
}

#viewdetail{
	width:95px;
	height:23px;
	background:url(images/viewdeatilbtn.gif) no-repeat;
}

#packagelast{
float:left;
width:222px;
height:133px;
}

#packagelast h2{
padding-bottom:10px;
}

#packagelast p{
padding-bottom:5px;
}

#bodyPan p.toptextpadding{
	padding:10px;
}

#bodyPan p span{
	color:#fff;
	}
	
#bodyPan p.more{
	width:81px; 
	height:22px; 
	display:block; 
	margin:0 0 0 5px; 
	background:url(images/more-bg.gif) 0 0 no-repeat;
	}
	
#bodyPan p.more a{
	width:70px; 
	height:22px; 
	display:block; 
	background:url(images/arrow1.gif) 1% 60% no-repeat; 
	line-height:22px; 
	text-decoration:none; 
	padding:0 0 0 11px;
	}
	
#bodyPan p.more a:hover{
	background:url(images/arrow2.gif) 1% 60% no-repeat; 
	text-decoration:none;
	}
	
/*----Body Middle Panel----*/
#bodyMiddlePan{
	width:689px; 
	position:relative; 
	margin:0 auto;

	}
	
/*----Middle Left Panel----*/
#MiddleLeftPan{
	width:232px; 
	float:left;
	margin-bottom:10px;
	}
	
#MiddleLeftPan p{
	padding:0px 0 0; 
	line-height:18px;
	}
	
#MiddleLeftPan p.largegraytext{
	font-size:18px;
	}

#MiddleLeftPan p.more{
	width:81px; 
	height:22px; 
	display:block; 
	margin:0px 0 10px 0px; 
	padding:0px;
	}
	
#MiddleLeftPan p.more a{
	width:70px; 
	height:22px; 
	display:block; 
	line-height:22px; 
	text-decoration: underline; 
	padding:0 0 0 11px;
	color:#990033;
	font-size:11px;
	font-weight:normal;
	}
	
#MiddleLeftPan p.more a:hover{
	background:url(images/arrow2.gif) 1% 60% no-repeat; 
	text-decoration:none;
	}

#MiddleLeftPan p.chat{
	width:232px; 
	height:120px; 
	padding:0px 0 20px;
	}
	
#MiddleLeftPan p.chat a{
	width:232px; 
	height:120px; 
	display:block; 
	background:url(images/24hours.jpg) 0 0 no-repeat; 
	text-indent:-20000px;
	}
	
#MiddleLeftPan p.chat a:hover{
	background:url(images/24hours-hover.jpg) 0 0 no-repeat; 
	text-indent:-20000px;
	}

#MiddleLeftPan p.plan1 a{
	width:232px; 
	height:80px; 
	display:block; 
	padding-bottom:5px;
	background:url(images/plan1.jpg) 0 0 no-repeat; 
	text-indent:-20000px;
	}
	
#MiddleLeftPan p.plan1 a:hover{
	background:url(images/plan1_hover.jpg) 0 0 no-repeat; 
	text-indent:-20000px;
	}

#MiddleLeftPan h2{
	width:210px; 
	height:50px; 
	display:block; 
	color:#D20039; 
	border-bottom:1px dashed #BDB9B9; 
	font-size:24px; 
	line-height:22px; 
	padding:0 20px 0 0;
	}
	
#MiddleLeftPan h2 span{
	background:#fff; 
	color:#545454; 
	font-weight:bold; 
	font-size:14px; 
	text-transform:uppercase;
	}

/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{
	width:429px; 
	float:left; 
	padding:0 0 0 25px;
	margin-bottom:10px;
	}
	
#MiddleRightTopPan{
	width:429px; 
	height:200px; 
	padding:0; 
	margin:0 0 20px 0;
	}

#MiddleRightTopPan p.fresh{
	width:108px; 
	height:24px; 
	display:block; 
	margin:0 0 0 208px; 
	font-size:20px; 
	text-transform:uppercase;
	}
	
#MiddleRightTopPan p.business{
	width:170px; 
	height:20px; 
	display:block; 
	margin:0 0 0 210px; 
	background:url(images/dotline.gif) 0 100% repeat-x #fff; 
	color:#6BB600; 
	font-size:27px; 
	text-transform:uppercase; 
	text-align:right;
	}

#MiddleRightPan h2{
	width:380px; 
	height:20px; 
	background:url(images/dotline.gif) 0 100% repeat-x #fff; 
	color:#D20039; 
	font-size:24px;
	}
	
#MiddleRightPan p{
	padding:8px 0 0;
	}

#RightListfastPan{
	width:200px; 
	float:left; 
	padding:10px 0 0;
	}
	
#RightListfastPan ul{
	width:200px;
	}
	
#RightListfastPan ul li{
	width:200px; 
	height:20px; 
	float:left;
	}
	
#RightListfastPan ul li a{
	width:190px; 
	line-height:20px; 
	background:url(images/bullet.gif) 0 6px no-repeat #fff; 
	color:#666; 
	text-decoration:underline; 
	padding:0 0 0 18px;
	}
	
#RightListfastPan ul li a:hover{
	background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; 
	color:#000; 
	text-decoration:underline;
	}

#RightListnextPan{
	width:180px; 
	float:left; 
	padding:10px 0 0;
	}
	
#RightListnextPan ul{
	width:180px;
	}
	
#RightListnextPan ul li{
	width:180px; 
	height:20px; 
	float:left;
	}
	
#RightListnextPan ul li a{
	width:160px; 
	line-height:20px; 
	background:url(images/bullet.gif) 0 6px no-repeat #fff; 
	color:#666; 
	text-decoration:underline; 
	padding:0 0 0 18px;
	}
	
#RightListnextPan ul li a:hover{
	background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; 
	color:#000; 
	text-decoration:underline;
	}

/*----/Middle Right Panel----*/

/*----Footer Panel----*/
#footermainPan{
	background:url(images/footerbg.gif) 0 0 repeat-x #efefef; 
	color:#212121; 
	position:relative; 
	height:133px; 
	clear:both;
	padding-top:10px;
	}
	
#footerPan{
	width:689px; 
	position:relative; 
	margin:0 auto; 
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	padding:15px 0 0;
	text-align:center;
	}

#footerPan ul{
	width:689px; 
	height:20px; 
	position:relative; 
	margin:0 auto;
	text-align:center;
	background:none;
	}
	
#footerPan li{
	display:inline;
	background:none;
	}
	
#footerPan ul li a{
	padding:0 10px 0; 
	text-decoration:none;
	background:none;
	}
	
#footerPan ul li a:hover{
	text-decoration:underline;
	}

#footerPan ul.templateworld{
	width:190px; 
	display:block; 
	position:relative; 
	margin:0 auto;
	display:inline;
	}
	
#footerPan ul.templateworld li{
	height:20px;
	display:inline;
	}
	
#footerPan ul.templateworld li a{
	display:inline; 
	text-decoration:none; 
	padding:0px;
	}
	
#footerPan ul.templateworld li a:hover{
	text-decoration:underline;
	}

#footerPan p.copyright{
	width:250px; 
	position:relative; 
	margin:0 auto;
	}

#footerPanhtml{
	width:88px; 
	height:19px; 
	display:block; 
	position:absolute; 
	top:73px; 
	left:270px;
	}
	
#footerPanhtml a{
	width:88px; 
	height:18px; 
	color:#6A6A6A; 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	line-height:19px; 
	text-align:center; 
	font-weight:bold; 
	text-transform:uppercase; 
	text-decoration:none;
	}
	
#footerPanhtml a:hover{
	text-decoration:none;
	}

#footerPancss{
	width:88px; 
	height:19px; 
	display:block; 
	position:absolute; 
	top:73px; 
	left:336px;
	}
	
#footerPancss a{
	width:88px; 
	height:18px; 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px;
	line-height:19px; 
	text-transform:uppercase; 
	font-weight:bold; 
	text-align:center; 
	text-decoration:none;
	}
	
#footerPancss a:hover{
	text-decoration:none;
	}