/* Reset basic */
* {
	margin:0;
	padding:0;
	outline:0;
	border:0;
	}
body {
	background: #fff5d7 url(images/bg.png) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
a {
	text-decoration:none;
	color: #e60026;
	}
a:hover {
	color: #e18d14;
	}
p {
	padding-bottom: 5px;
	line-height:1.3;
	}
h1, h2, h3, h4, h5 {
	margin-bottom: 7px;
	
	}
h1 {
font-size:180%;
}
h2 {
font-size:175%;
}
h3 {
font-size:125%;
}
h4 {
font-size:100%;
text-transform:uppercase;
}
h5 {
font-size:100%;
}
ol, ul {
	margin: 5px 0 5px 25px;
	}
ol li, ul li {
	padding-bottom: 3px;
	}
/* Typography */
.highlight {
	background:none repeat scroll 0 0 #e18d14;
	color:#FFFFFF;
	font-weight:bold;
	padding:1px 5px;
	}
p.blocknumber {
	padding:5px 0 5px 55px !important;
	position:relative;
	}
.bignumber-2  {
	background-position:2px -44px;
	}
.bignumber-1, .bignumber-2, .bignumber-3, .bignumber-4, .bignumber-5, .bignumber-6, .bignumber-7, .bignumber-8, .bignumber-9 {
	background-image:url(images/numberlist-bg.png);
	background-repeat:no-repeat;
	color:#FFF;
	display:block;
	font-size:20px;
	font-weight:bold;
	height:44px;
	left:0;
	line-height:44px !important;
	position:absolute;
	text-align:center;
	top:0;
	width:44px;
	}
.bignumber-3, .bignumber-6, .bignumber-9 { color: #333; }

.bignumber-1 { background-position: 2px top; }

.bignumber-2 { background-position: 2px -44px; }

.bignumber-3 { background-position: 2px -88px; }

.bignumber-4 { background-position: 2px -132px; }

.bignumber-5 { background-position: 2px -176px; }

.bignumber-6 { background-position: 2px -220px; }

.bignumber-7 { background-position: 2px -264px; }

.bignumber-8 { background-position: 2px -308px; }

.bignumber-9 { background-position: 2px -352px; }

/* Class */
.clear {
	clear:both;
	}
.radius {
	border: 1px solid #bebebe;
	background:#ffffff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*behavior: url(border-radius.htc);*/
	}
.topline {
	background:url(images/bg-top.png) no-repeat bottom;
	height: 5px;
	width:940px;
	margin:20px auto 0;
	}
.bottomline {
	background:url(images/bg-bottom.png) no-repeat top;
	height: 5px;
	width:940px;
	margin:0 auto 10px;
	}
/* < Top box > */

.whyus, .sevices {
	width: 278px;
	float: left;
	padding: 6px 10px 5px;
	background:#cbe9fe;
	border-color:#50a8e5;
	font-size: 16px;
	margin-bottom: 10px;
	}
.sevices {
	margin-left: 10px;
	background:#e3f1d7;
	border-color:#82b453;
	}
.top-box h2 {
	font-size:18px;
	text-shadow: 1px 1px 0 #fff;
	border-bottom: 1px solid #50a8e5;
	padding: 0 0 5px;
	margin: 0px;
	}
	.sevices h2 {
		border-bottom: 1px solid #82b453;
		}
.top-box ul {
	border-top: 1px solid #fff;
	list-style:none;
	padding: 5px 0 0;
	margin:0;
	}
	.top-box ul li {
		padding: 8px 0 8px 30px;
		}
	.clock {
		background:url(images/clock.png) no-repeat center left;
		}
	.accept {
		background:url(images/accept.png) no-repeat center left;
		}
	.page {
		background:url(images/page_white.png) no-repeat center left;
		}
	.building {
		background:url(images/building.png) no-repeat center left;
		}
	.tag-blue {
		background:url(images/tag_blue.png) no-repeat center left;
		}
	.tag-green {
		background:url(images/tag_green.png) no-repeat center left;
		}
	.tag-red {
		background:url(images/tag_red.png) no-repeat center left;
		}
	.tag-pink {
		background:url(images/tag_pink.png) no-repeat center left;
		}
/* </ Top box > */
.box {
	background:url(images/bg-box.gif) repeat-x;
	}
	.box h2 {
		font-size:18px;
		height: 28px;
		padding:5px 10px 0;
		margin: 0px;
		}
	.box .box-content {
		padding: 10px;
		}
.post {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #ddd;
	}
	.post .post-meta {
		float: left;
		width: 210px;
		}
		.post .post-meta img {
			width: 200px;
			padding: 5px;
			border:1px solid #ddd;
			}
	.post .post-content {
		width: 356px;
		float: right;
		}
		.post .post-content h3 {
			font-family:"Times New Roman", Times, serif;
			font-size:30px;
			padding: 0 0 10px;
			}
.last {
	padding: 0;
	margin: 0;
	border: none;
	}
.widget {
	margin-bottom: 10px;
	}
.comment {
	margin-bottom: 10px;
	}
.comment div{
	background:url(images/bg-comment.gif) repeat-y;
	margin: 0 0 5px;
	}
	.comment div div{
		background:url(images/comment-top.gif) no-repeat;
		}
		.comment div div div{
			background:url(images/comment-bottom.gif) no-repeat bottom;
			padding: 10px 10px 20px;
			text-align:left;
			}
		.comment-right div div div{
			background:url(images/comment-bottom-right.gif) no-repeat bottom;
			}
		.comment-right{
			text-align:right;
			}
.comment a {
	font-size:12px;
	}
.comments {
	padding: 10px 10px 5px;
	margin: 0 0 10px;
	}
.slideshow {
	margin: 10px 10px 0;
	padding: 10px 0 0;
	position:relative;
	}
	#nav {
		top: 10px;
		right: 20px;
		position:absolute;
		z-index:9999;
		}
		#nav a {
			display:block;
			float: left;
			width: 16px;
			height: 16px;
			text-indent:-9999px;
			background:url(images/slider-none.png) no-repeat;
			margin-left: 5px;
			}
			#nav a:hover, #nav a.activeSlide {
				background:url(images/slider-on.png) no-repeat;
				}
	#slider {
		height: 300px;
		width: 900px;
		margin: auto
	}
/* Layout */
#wrapper {
	width:940px;
	background: #fff url(images/grad-wrapper.gif) repeat-x top;
	margin:0 auto;
	}
#head {
	height: 100px;
	padding: 10px;
	}
	#head h1 {
		width: 300px;
		float: left;
		}
		#head h1 a {
			display:block;
			height: 100px;
			background:url(images/logo.png) no-repeat;
			text-indent:-9999px;
			}
	#head .hotline {
		float:right;
		width: 180px;
		background:url(images/iphone.png) no-repeat center left;
		height: 75px;
		font-size:18px;
		padding: 25px 0 0 40px;
		}
		#head .hotline .mobile {
			font-weight:bold;
			color: #e18d14;
			font-size:22px;
			}
#navigation {
	background:url(images/grad-nav.gif) repeat-x;
	margin: 0 10px;
	}
	#navigation div {
		background:url(images/nav-left.gif) no-repeat;
		}
		#navigation div ul {
			background:url(images/nav-right.gif) no-repeat right top;
			list-style: none;
			height:40px;
			margin: 0;
			}
			#navigation div ul li {
				float: left;
				background:url(images/nav-line.gif) no-repeat top right;
				padding: 12px 20px 8px;
				height:20px;
				}
				#navigation div ul li a {
					color: #fff;
					text-shadow: 1px 1px 0 #000;
					}
					#navigation div ul li a:hover {
						color: #e18d14;
						text-shadow: 1px 1px 0 #000;
						}
			#navigation div ul li.home {
				padding: 0;
				height: 40px;
				}
				#navigation div ul li.home a {
					display:block;
					background:url(images/nav-home.gif) no-repeat center;
					text-indent:-9999px;
					height: 40px;
					width:60px;
					}
#container {
	padding: 10px 10px 5px;
	}
	#content {
		width: 610px;
		float: left;
		}
	#sidebar {
		width: 300px;
		float: left;
		margin-left: 10px;
		}
#footer {
	background:url(images/footer.png) no-repeat top left;
	width: 940px;
	margin: 0 auto 20px;
	}
#footer a {
	color: #fff;
	text-shadow: 1px 1px 0 #df8817;
	}
	#footer a:hover {
		color: #000;
		text-shadow: 1px 1px 0 #f3cc58;
		}
	#footer ul {
		list-style: none;
		height: 35px;
		margin: 0;
		}
		#footer ul li {
			float: left;
			background:url(images/footer-li.png) no-repeat top right;
			height: 25px;
			padding: 10px 20px 0;
			}
	#footer .copyright {
		background:url(images/logo-duongban.png) no-repeat center left;
		padding: 15px 0 15px 90px;
		margin: 0 10px 0 15px;
		
		}
		#footer .copyright p {
			padding: 0;
			line-height:1.2;
			}
