/* © xHtml Master 2007 */
body {
	background:#fff;
	color:#666666;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0
}
p,form,h1,h2,h3,h4,h5,h6 {
	margin:0
}
select,textarea,input {
	font:12px Arial, Helvetica, sans-serif
}
img {
	border:0 solid
}
a {
	color:#6e6e6e;
	text-decoration:underline
}
a:hover {
	text-decoration:none
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:1px
}
.wrapper {
	width:800px;
	margin:0 auto;
}

#nav {
	background:url(../img/bg-nav.gif) repeat-x top;
	height:40px;
	line-height:38px;
}
	#nav ul {
		float:right;
		list-style-type:none;
		margin:0;
		padding:0
	}
		#nav ul li {
			display:block;
			float:left;
		}
			#nav ul li a {
				display:block;
				float:left;
				font-size:13px;
				color:#afafaf;
				text-decoration:none;
				padding:0 16px;
			}
			#nav ul li a:hover {
				color:#fff;
			}
			#nav ul li a.active {
				background:url(../img/bg-nav-o.gif) repeat-x;
				color:#fff;
				padding:0 15px;
				border-left:solid 1px #666666;
				border-right:solid 1px #666666;
			}
#header {
	background:url(../img/bg-header.gif) repeat-x top center;
	min-height:94px;
	padding-bottom:29px;
}
	#header h1 {
		float:left;
		width:152px;
		padding-top:22px;
	}
		#header h1 a {
			background:url(../img/urban.png) no-repeat;
			width:152px;
			height:90px;
			display:block;
			text-decoration:none;
		}
			#header h1 a span {
				font-size:1px;
				visibility:hidden;
			}
	#header h2 {
		background:url(../img/slogan.gif) no-repeat bottom;
		width:171px;
		height:23px;
		float:right;
		padding-top:87px;
	}
		#header h2 span {
			font-size:1px;
			visibility:hidden;
		}
#content {}

.home {
	padding-bottom:25px;
}
	.home .box {
		background:url(../img/top-corners.gif) no-repeat top #131314;
		padding-top:9px;
		margin-bottom:32px;
	}
		.home .box img.right {
			padding-right:9px;
			display:block;
		}
		.home .box p, .home .box h2 {
			width:325px;
			padding-left:20px;
		}
		.home .box h2 {
			font-size:24px;
			color:#fff;
			font-weight:normal;
			padding-bottom:14px;
		}
		.home .box p {
			color:#fff;
			line-height:150%;
		}
		.home .bottom {
			background:url(../img/gradient-01.gif) repeat-x top;
			height:51px;
			line-height:49px;
			padding-left:24px;
			position:relative;
			top:-1px;
		}	
			.home .bottom a {
				color:#b2b2b2;
				font-size:13px;
				text-decoration:underline;
			}
			.home .bottom a.right {
				background:url(../img/gradient-02.gif) repeat-x top;
				color:#fff;
				display:block;
				height:51px;
				line-height:49px;
				font-size:15px;
				padding:0 30px;
				text-decoration:none;
			}
				.home .bottom a:hover {
					text-decoration:none;
				}
				.home .bottom a.right:hover {
					text-decoration:underline;
				}
	#services {
		background:url(../img/bg-services.gif) no-repeat center;
		height:127px;
		margin-bottom:32px;
		padding-top:20px;
	}
		#services div {
			float:left;
			padding:0 20px 0 20px;
			width:162px;
		}
		#services div.last {
			padding-right:0;
		}
			#services div img {
				display:block;
				padding-bottom:10px;
			}
			#services p {
				color:#fff;
				line-height:150%;
			}
			
	#cols {}
		#cols .txt {
			width:200px;
			float:right;	
		}
			#cols .txt ul {
				list-style-type:none;
				margin:0;
				padding:0;
			}
				#cols .txt ul li {
					display:block;
					background:url(../img/check.gif) no-repeat 0px 4px;
					padding-left:24px;
					font-size:13px;
					color:#1C2122;
					padding-bottom:25px;
				}
					#cols .txt ul li h3 {
						font-size:13px;
						font-weight:normal;
						padding-bottom:7px;
					}
					#cols .txt ul li a {
						color:#1C2122;
						text-decoration:none;
					}
					#cols .txt ul li p {
						font-size:11px;
						color:#666666;
					}
		#cols .separator {
			background:url(../img/dots-sep.gif) no-repeat center center;
			width:38px;
			height:232px;
			float:left;
		}
		.project {
			background:url(../img/gradient-03.gif) repeat-x bottom;
			border:solid 1px #d8d8d8;
			width:258px;
			height:230px;
			float:left;
		}
			.project img.img {
				display:block;
				margin:9px auto;
			}
				.project .left {
					background:url(../img/separate.gif) no-repeat right center;
					padding-left:9px;
					width:197px;
				}
				.project h3 {
					font-size:13px;
					font-weight:normal;
					padding-bottom:3px;
					color:#333;
				}
				.project p {
					color:#666666;
					font-size:11px;
				}
				.project .right img {
					display:block;
					padding-right:14px;
				}
				
	#page {
		float:left;	
	}
	.portofolio #page {
		background:url(../img/portfolio-sep.gif) no-repeat top right;	
		width:592px;
		padding-bottom:28px;
	}
		.portofolio .project {
			margin-right:35px;
			margin-bottom:28px;
		}

	.services .menu {
		background:url(../img/services-menu.gif) repeat-x top;
		height:55px;
		line-height:55px;
		padding-left:10px;
		margin-bottom:22px;
	}		
		.services .menu ul {
			list-style-type:none;
			margin:0;
			padding:0;
		}
			.services .menu ul li {
				display:inline;
				padding-left:8px;
				font-size:11px;
				font-weight:bold;			
			}
				.services .menu ul li a {
					color:#999999;
					padding-right:10px;
				}
				.services .menu ul li a:hover, .services .menu ul li a.active {
					color:#fff;
					text-decoration:underline;
				}
		
	.services #page {
		width:402px;
		padding-bottom:50px;
	}	
		.services #page .box img {
			display:block;
			float:left;
			margin-right:2px;
			margin-bottom:2px;
		}

	#sidebar {
		float:right;
	}
	.portofolio #sidebar {
		width:208px;
	}
		.portofolio #sidebar ul {
			list-style-type:none;
			margin:0;
			padding:0;
			border-left:solid 3px  #dedede;
		}
			.portofolio #sidebar ul li {
				display:block;
				border-bottom:solid 1px #dedede;
			}
			.portofolio #sidebar ul li.last {
				border-bottom:solid 0;
			}
				.portofolio #sidebar ul li a {
					padding:5px 0 5px 7px;
					display:block;
					text-decoration:none;
					color:#8d8d8d;
					font-size:10px;
				}
				.portofolio #sidebar ul li a:hover {
					background:#f4f4f4;
				}
					.portofolio #sidebar ul li strong {
						display:block;
						color:#666666;
						font-size:12px;
						padding-bottom:1px;
					}
	
	.services #sidebar {
		width:381px;
	}
		.services #sidebar h3 {
			background:url(../img/services-title.gif) no-repeat;
			height:35px;
			line-height:35px;
			margin-bottom:1px;
			padding-left:16px;
			padding-right:12px;
			text-transform:uppercase;
			color:#666666;
			font-size:11px;
		}
			.services #sidebar h3 a {
				color:#666666;
				display:block;
			}
			.services #sidebar h3 img {
				display:block;
				float:right;
				padding-top:15px;
			}
			.services #sidebar h4 {
				padding:20px 0;
				font:20px Georgia, "Times New Roman", Times, serif;
				color:#595959;
			}
			.services #sidebar p {
				font-size:12px;
				line-height:200%;
				padding-bottom:12px;
			}
		
	.about {
		padding-bottom:50px
	}
		.about h2 {
			font-size:16px;
			font-weight:normal;
			color:#666666;
			padding-bottom:10px;
		}
		.about p {
			line-height:170%;
			padding-bottom:15px;
			color:#666666
		}
		.about img.img {
			border:solid 1px #e8e8e8;
			display:block;
			margin:0 auto;
			text-align:center;
			padding:13px;
			margin-bottom:30px;
		}
		.about ul {
			list-style-type:none;
			margin:0;
			padding:0;
			padding-bottom:15px;
		}
			.about ul li {
				display:block;
				background:url(../img/check.gif) no-repeat 0 2px;
				padding-left:24px;
				padding-bottom:24px;		
				color:#666666;		
			}
				.about ul li a {
					text-decoration:none;
					color:#666666;
				}
		
#footer {
	background:url(../img/bg-footer.gif) repeat-x bottom #1c2122;
	border-top:solid 3px #939393;
}
	#footer #contact {
		background:url(../img/gradient-04.gif) repeat-x top;
		border-bottom:solid 1px #141616;
		border-right:solid 1px #141616;
		width:186px;
		padding:13px 20px 0 20px;
		height:232px;
		float:left;
	}
		#footer #contact h3 {
			color:#1c2122;
			font-size:18px;
			font-weight:normal;
			padding-bottom:10px;
		}
		#footer #contact input.txt {
			height:20px;
			color:#87898a;
			padding:6px 2px 0 2px;
			border:0;
			background:#fff;
			display:block;
			margin-bottom:4px;
			width:182px;
		}
		#footer #contact input.img {
			display:block;
			margin-left:94px;
		}
		#footer #contact textarea {
			background:#fff;
			border:solid 0;
			width:182px;
			height:78px;
			margin-bottom:7px;
			display:block;
			color:#87898a;
			padding:4px 2px 2px 2px;
		}
	#footer .address {
		float:left;	
		line-height:150%;
		padding:18px 0 0 20px;
		color:#757676;
	}
		#footer .address a, #footer .address a:hover {
			color:#757676;
			text-decoration:none;
		}
		#footer .address strong {
			color:#bdbfbf;
		}
	
	#footer h6 {
		background:url(../img/urban-b.gif) no-repeat;
		width:76px;
		height:38px;
		margin-top:168px;
		margin-right:4px;
		float:right;
	}
		#footer h6 span {
			font-size:1px;
			visibility:hidden;
		}
	#footer p {
		color:#5f6061;
		font-size:10px;
		text-align:right;
		padding-bottom:24px;
		padding-top:7px;
	}
		#footer p span {
			color:#8f9091;
		}
			#footer p a {
				color:#8f9091;
				text-decoration:underline;
			}
			#footer p a:hover {
				text-decoration:none;
			}