/* CSS Document */


   	#path{
   		color:#666;
		margin-bottom:20px;
	}
	
	#path a, #path a:visited{
   		color:#666;
	}
		
	#path a:hover{
		color:#c90;
	}
	#path .active{
   		color:#c90;
		font-weight:normal;
	}
	
	#uncontent{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#5c8dbf;
	}

	#form_content{
		font-size:13px;
		line-height:20px;
		color:#333;
		padding-bottom:15px;
	}
	
	#form_content h1{
		margin:10px 0 20px 0;
		font-weight:normal;
		font-size:22px;
		color:#0066CC;
		font-family:Helvetica, Arial, sans-serif;
	}
	
<!-----OUR WORK ----->	

	#ourwork{
		margin-bottom:20px;
	}
	
	#ourwork .portfolio_section, #ourwork .portfolio_section_detail{
		float:left;
		margin:0 20px 20px 0px;
		width:220px;
		min-height:150px;
		height:150px;
		position:relative;
	}
	#ourwork .portfolio_section img , #ourwork .portfolio_section_detail img {
		left:0;
		position:absolute;
		top:0;
	}
	#ourwork .portfolio_section h3, #ourwork .portfolio_section_detail h3{
		position:absolute;
		top: 125px;
		font-size:13px;
		font-weight:bold;
		color:#000;
		margin:0px;
		margin-left:8px;
		display:block;
		font-family:Arial,Helvetica,,sans-serif;
	 }
	 
	.portfolio_section h3 a, .portfolio_section h3 a:visited{
		color:#333;
	}

	.portfolio_section h3 a:hover{
		color:#666;
	}
	 
	 /*====================
	 portfolio_section a
	 ======================*/
	 #ourwork .portfolio_section a{
	 	display:block;
	 }
	 
	 #ourwork .portfolio_section a#ThreeBranches {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_ThreeBranches_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#ThreeBranches {
	 	background:url(../images/portfolio/portfolio_ThreeBranches_over.jpg) no-repeat;
	 }
	 
	<!--LowT-->
	 #ourwork .portfolio_section a#LowT {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_LowT_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#LowT {
	 	background:url(../images/portfolio/portfolio_LowT_over.jpg) no-repeat;
	 }
	 
	 /*TopSolutions*/
	 #ourwork .portfolio_section a#TopSolutions {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_TopSolution_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#TopSolutions {
	 	background:url(../images/portfolio/portfolio_TopSolution_over.jpg) no-repeat;
	 }
	 
	 /*TRR*/
	 #ourwork .portfolio_section a#TRR {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_TRR_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#TRR {
	 	background:url(../images/portfolio/portfolio_TRR_over.jpg) no-repeat;
	 }
	 
	 /*Infinity*/
	 #ourwork .portfolio_section a#Infinity {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_billy_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#Infinity {
	 	background:url(../images/portfolio/portfolio_billy_over.jpg) no-repeat;
	 }

	 /*MoverMail*/
	 #ourwork .portfolio_section a#MoverMail {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_movermail_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#MoverMail {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_movermail_over.jpg) no-repeat;
	 }
	 
	 /*ArtWay*/
	 #ourwork .portfolio_section a#ArtWay {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_artway_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#ArtWay {
	 	background:url(../images/portfolio/portfolio_artway_over.jpg) no-repeat;
	 }

	 /*VIVAVINA*/
	 #ourwork .portfolio_section a#VIVAVINA {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_vivavina_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#VIVAVINA {
	 	background:url(../images/portfolio/portfolio_vivavina_over.jpg) no-repeat;
	 }

	 /*MAIDPRO*/
	 #ourwork .portfolio_section a#MAIDPRO {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_maidpro_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#MAIDPRO {
	 	background:url(../images/portfolio/portfolio_maidpro_over.jpg) no-repeat;
	 }

	 /*Signature*/
	 #ourwork .portfolio_section a#Signature {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_signature_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#Signature {
	 	background:url(../images/portfolio/portfolio_signature_over.jpg) no-repeat;
	 }

	 /*OIS*/
	 #ourwork .portfolio_section a#OIS {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_OfficalInspection_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#OIS {
	 	background:url(../images/portfolio/portfolio_OfficalInspection_over.jpg) no-repeat;
	 }

	 /*Signature*/
	 #ourwork .portfolio_section a#HealthYes {
	 	display:block;
		width:220px;
		height:120px;
	 	background:url(../images/portfolio/portfolio_healthYes_out.jpg) no-repeat;
	 }
	 #ourwork .portfolio_section a:hover#HealthYes {
	 	background:url(../images/portfolio/portfolio_healthYes_over.jpg) no-repeat;
	 }
	 
	/* --------------*/
	 #ourwork .portfolio_section_detail h3{
		color:#666;
	 }
	#ourwork .lastN{
		margin-right:0px;
	}	 

	.project_link a, .project_link a:visited{
		background:url(../images/bullet_projectlink.gif) no-repeat left 5px;
		font-size:12px;
		color:#999900;
		text-decoration:none;
		padding-left:10px;
		margin-left: 8px;
	}
	
	.project_link a:hover{
		text-decoration:underline;
	}
	
<!-----BLOG ----->	
	#blog{
	}
	
	#leftcontent{
		float:left;
		margin-left:0px;
	}
	
	#rightcolumn{
		float:left;
		margin-right:0px;
		border-left:dotted 1px #ccc;
		width:200px;
		padding-left:13px;
	}
	
	.blog_section{
	}
	.blog_largeText{
		margin-bottom:10px;
	}
	.blog_largeText a, .blog_largeText a:visited{
		font-size:18px;
		font-weight:normal;
		color:#000;
		font-family:Arial,Helvetica,sans-serif;
		text-decoration:none;
	}
	.blog_largeText a:hover{
		color:#;
	}
	.blog_dateText{
		font-weight:bold;
		color:#333;
	}
	.publichText{
		border-bottom:dotted 1px #ccc;
		padding-bottom:7px;
		float:right;
		width:700px;
		margin-bottom:25px;
	}
	.publichText, .publichText a, .publichText a:visited{
		font-size:11px;
		color:#999;
	}
	.rss{
		vertical-align:top;
		color:#666;
		display:block;
	}
	.rss a{
		display:inline-block;
		margin:0 3px;
		color:#3366CC;
		font-size:12px;
		text-decoration:none;
		vertical-align:top;/*align for <a>*/
	}
	
	.rss a:hover{
		text-decoration:underline;
	}
	
	.rightHeader{
		color:#000;
		font-weight:bold;
		margin:25px 0 10px 0;
		display:block;
	}
	
	.link_readmore a, .link_readmore a:visited{
		color:#990;
		text-decoration:none;
		background:url(../images/bullet1.gif) no-repeat left 5px;
		padding:0 0 0 10px;
		font-size:12px;
	}

	.link_readmore a:hover{
		text-decoration:underline;
	}
	
	.mosttag a, .mosttag a:visited{
		color:#990;
		text-decoration:none;
		padding:0 2px 0 0;
		font-size:12px;
		line-height:20px;
	}

	.mosttag a:hover{
		text-decoration:underline;
	}
	
	.mosttag a.hot{
	font-size:17px;
	}

	.blog_category{
	}

	.blog_category ul{
		margin-top:5px;
	}
	.blog_category ul li{
		line-height:20px;
	}
	.blog_category ul li a, .blog_category ul li a:visited{
		padding:0 0 0 13px;
		color:#990;
		text-decoration:none;
		background:url(../images/bullet_projectlink.gif) no-repeat left 6px;
	}
	
	.blog_category ul li a:hover{
		text-decoration:underline;
	}
	.blog_category .readmore a{
		background:url(../images/button_readmore_gray.gif) no-repeat;
		display:block;
		width:100px;
		height:20px;
		float:right;
		margin:10px 0;
	}
	
	#page a{
		display:inline-block;
		margin:0 3px;
		color:#3366CC;
		font-size:12px;
		text-decoration:none;
		vertical-align:top;/*align for <a>*/
	}
	
	#page a:hover{
		text-decoration:underline;
	}
	
	.comment{
	}
	
	.small_title{
		font-size:16px;
		font-weight:bold;
		color:#000;
		margin-bottom:15px;
	}
	
	.info_comment{
		padding-bottom:7px;
		color:#999;
		font-size:12px;
		margin-top:5px;
	}
	
	.comment_one{
		border-bottom:dotted 1px #ccc;
		margin:10px 0;
	}
	
	.info_comment a, .info_comment a:visited{
		color:#999;
		font-weight:bold;
	}
	
	.field {
		border:solid 1px #ccc;
		height:17px;
		width:250px;
		padding:2px 5px 2px 5px;
		margin-bottom:8px;
	}
	.label{
		display:inline-block;
		height:28px;
		width:85px;
		vertical-align:top;
	}
	
	sup{
		color:#FF6600;
	}
	
	a.link{
		color:#c90;
	}
	
<!----------------------------ALL ------------------------>	
	.list ul{
		margin-top:15px;
		margin-left:15px;
		display:inline-block;
	}
	.list ul li{
		line-height:15px;/*for in list drop row*/
		margin-bottom:13px;
		width:;
		margin-right:20px;
	}
	.list ul li a, .list ul li a:visited{
		color:#333;
		text-decoration:none;
		background:url(../images/bullet_dot.jpg) no-repeat left 6px;
		padding-left:12px;
	}
	
	.list ul li a:hover{
		color:#c90;
	}
	
	/*for logo client*/
	.list ul li.logo_client{
		float:left;
		width:200px;
		margin-right:20px;
		display:inline-block;
		min-height:80px;
		height:80px;
		text-align:left;
		
	}	
	.list ul li.logo_client a, .list ul li.logo_client a:visited{
		background:none;
		padding-left:0;
	}
	
	.logo_client{
		float:left;
		display:inline-block;
		width:200px;
		margin-right:30px;
	}	
	/*-----------------------*/
	
	.list_nolink ul{
		margin-left:0px;
	}
	.list_nolink ul li{
		line-height:23px;
		background:none;
		background:url(../images/bullet_dot.jpg) no-repeat left 10px;
		padding:0 0 0 12px;
	}
	.list_nolink ul li a, .list_nolink ul li a:visited{
		color:#333;
		text-decoration:none;
	}
	
	.list_nolink ul li a:hover{
		color:#c90;
		font-weight:;
	}
	
	.FAQ{
		border-bottom:dotted 1px #ccc;
		margin-bottom:15px;
	}	
	
	.title_small{
		font-size:16px;
	}
	
	.contact_title{
		color:#c90;
		font-weight:bold;
	}
	
	.captcha_link{
		font-size:11px;
		padding-top:0px;
		margin-left:10px;
	}
	
	.captcha_input{
		padding-top: 7px;
	}	
	
/*------------CLIENT-----------*/	
	.client ul{
		float:left;
	}
	#client_logo span{
		margin:0 30px 10px 0 ;
		display:inline-block;
	}
	
	.list ul li.logo_client{
		background:none;
		padding-left:0;
		float:left;
	}

/*----------SiteMap------------*/
	ul#sitemap{
		margin-left:0px;
	}
	ul#sitemap li{
		margin-bottom:15px;
	}
	ul#sitemap li a{
		font-weight:bold;
		color:#000;
		font-size:13px;
		background:url(../images/bullet_line.jpg) no-repeat left 7px;
		padding-left:15px;
	}
	ul#sitemap li a:hover{
		color:#06c;
	}
	ul#sitemap li ul.menu_level2{
		margin-left:50px;
		margin-top:5px;
	}
	ul#sitemap li ul.menu_level2 li{
		margin-bottom:3px;
	}
	ul#sitemap li ul.menu_level2 li a{
		font-weight:normal;
		background:url(../images/bullet_dot.jpg) no-repeat left 7px;
		color:#333;
		padding-left:15px;
	}
	
	ul#sitemap li ul.menu_level2 li a:hover{
		color:#06c;
	}