/* © xHtml Master 2007 */
body {
	background:url(../img/bg.gif) repeat-x top #6b6350;
	color:#414042;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:30px 0;
	text-align:center;
}
p,form,h1,h2,h3,h4,h5,h6 {
	margin:0
}
select,textarea,input {
	font:11px Verdana, Arial, Helvetica, sans-serif
}
img {
	border:0 solid
}
a {
	text-decoration:underline
}
a:hover {
	text-decoration:none
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:1px
}

#container {
	background:#004f5a;
	border:9px solid #c8c2ba;
	width:782px;
	margin:0 auto;
	text-align:center;
	padding:18px 0 14px 0;
}
	#container #bg {
		background:#fff;
		width:740px;
		margin:0 auto;
		text-align:left;
		padding:6px;
	}

#header {
	background:url(../img/bg-header.gif) repeat-x top;
	width:740px;
	height:79px;
}
	#header h1 {
		float:left;
		padding:14px 0 0 20px;
	}
		#header h1 a {
			background:url(../img/pigco.png) no-repeat;
			display:block;
			width:144px;
			height:60px;	
			text-decoration:none;	
		}
		#header h1 span {
			font-size:1px;
			visibility:hidden;	
		}
		
	#header .right {
		color:#fff;
		text-align:right;
		padding:19px 14px 0 0;
		letter-spacing:1px;
	}
		#header .right img {
			display:block;
			padding-bottom:7px;
		}	

#nav {
	padding-top:1px;
	padding-bottom:3px;
}
	#nav ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#nav ul li {
			display:block;
			float:left;
			margin-left:1px;
		}
		#nav ul li.first {
			margin-left:0;
		}
			#nav ul li.first a {
				width:120px;
			}
			#nav ul li a {
	display:block;
	float:left;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	background:#3f3e29 url(../img/menu.png) repeat-x bottom;
	height:26px;
	line-height:20px;
	width:123px;
	text-align:center;
			}
			#nav ul li a:hover, #nav ul li a.active {
				background:#3f3e29 url(../img/menu-o.gif) repeat-x bottom;
			}
			
#content {
	background:url(../img/bg-sidebar.gif) repeat-y top left;
}
#content {
	padding-top:30px;
	padding-bottom:40px;
}
.contact #content, .appl #content {
	background:none;
}
.home #content {
	background:none;
	padding-top:0;
	padding-bottom:0;
}

#sidebar {
	float:left;
	width:168px;
}
	#sidebar h3 {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	padding-left:0px;
	padding-bottom:10px;
	}
	#sidebar ul {
		list-style-type:none;
		margin:0;
		padding:0;
		padding-left:15px;
		padding-bottom:15px;
	}
		#sidebar ul li {
			display:block;
			padding-bottom:10px;
		}
			#sidebar ul li a {
				text-decoration:none;
				color:#fff;
				padding-left:14px;
				display:block;
			}
			#sidebar ul li a:hover {
				text-decoration:underline;	
			}
			#sidebar ul li a.active {
				background:url(../img/bullett.gif) no-repeat 0 3px;
			}
			
				#sidebar ul ul {
					padding-top:10px;
					padding-bottom:0;
				}
					#sidebar ul ul li a {
						padding-left:10px;
					}
			
#page {
	float:right;
	width:550px;
}
	#page h2 {
		font-size:18px;
		color:#3F3E29;
		letter-spacing:1px;
		font-weight:normal;
		text-transform:uppercase;
		padding-bottom:12px;
	}
		#page h2 span {
			text-transform:none;
			color:#568894
		}

	.home #top div.left {
		background:#a0c3ca;
		width:177px;
		height:231px;
		padding:15px 12px 0 12px;
		text-align:center;
		margin-right:3px;
		overflow:hidden;
	}
		.home #top div.left p {
			text-transform:uppercase;
			font-size:12px;
			color:#fff;
			line-height:270%;
			padding-bottom:15px;
			text-align:center;
		}
		.home #top div.left a {
			color:#fff;
			font-size:8px;
			text-decoration:none;
		}
		.home #top div.left a:hover {
			text-decoration:underline;
		}
	.home #top div.right img {
		display:block;
		margin-bottom:3px;
	}
.home #page {
	float:left;
	padding-top:5px;
	padding-left:22px;
	width:493px;
	padding-bottom:20px;
}
	.home #page p {
		line-height:150%;
		padding-bottom:20px;
	}
		.home #page p strong {
			color:#004f5a;	
			font-weight:normal;
		}
.home #sidebar {
	float:right; 
	width:204px;
}
	.home #sidebar .box {
		padding:14px 16px 0 16px;
		background:url(../img/home-gradient.gif) repeat-x top;
		height:114px;
		margin-bottom:5px;
	}
		.home #sidebar .box h3 {
			font-size:11px;
			color:#3f3e29;
			padding-bottom:3px;
		}
		.home #sidebar .box p {
			font-size:10px;
			text-transform:uppercase;
			color:#58595b;
			line-height:140%;
			padding-bottom:4px;
		}
		.home #sidebar .box a {
			text-decoration:none;
			font-size:9px;
			color:#004f5a;
		}
		.home #sidebar .box a:hover {
			text-decoration:underline;
		}
		
.about #content p {
	line-height:150%;
	padding-bottom:18px;	
}
	.about #content p span {
		color:#568894;
	}
.about #page {
	padding-right:30px;
	width:520px;
}

.clients {
	border-bottom:solid 1px #bdb7ad;
	padding-bottom:5px;
	margin-bottom:10px;
}
	.clients  div {
		width:50%;	
	}
	.clients ul {
		list-style-type:none;
		margin:0;
		padding:0
	}
		.clients ul li a {
			display:block;
			font-size:10px;
			text-decoration:none;
			color:#414142;
			padding-left:15px;
			padding-bottom:4px;
		}
		.clients li a:hover {
			background:url(../img/bullet.jpg) no-repeat 4px 4px;
		}

.tunnels h3 {
	font-size:15px;
	font-weight:normal;
	color:#568894;
	letter-spacing:1px;
	padding-bottom:4px;
}
.tunnels h6 {
	font-size:10px;
	color:#414042;
	padding-bottom:3px;
}
.tunnels .special p {
	line-height:150%;
	font-size:10px;
	padding-bottom:14px;
}

.projects #page h2 {
	font-size:14px;
	letter-spacing:normal;
}
	.projects #page .left {
		width:312px;
	}
	.projects #page .right {
	width:215px;
		padding-right:7px;
	}
	
	.projects .right2 {
	width:215px;
		padding-right:7px;
	}
	
	.projects .quote {
	
		padding-right:7px;
	}
	.projects h5 {	
		background:#3F3E29;
		font-size:12px;
		color:#fff;
		font-weight:normal;
		margin-bottom:10px;
		text-transform:uppercase;
		padding:3px 0 3px 5px;
	}
	.projects h4 {
		font-size:12px;
		font-weight:normal;
		color:#568894;
		padding-bottom:5px;
		text-transform:uppercase;
	}
	.projects #page p {
		color:#3f3e29;
		font-size:11px;
		line-height:130%;
		padding-bottom:9px;
	}
	.projects #big {
		display:block;
	}
	.projects .small {
		display:block;
		float:left;
		padding:12px 8px 0 0;
		cursor:pointer;
	}
	
.contact #page {
	float:left;
	width:300px;
	padding-left:50px;
}
	.contact #page h2 {
		margin-left:-10px;	
	}
	.contact #page h4 {
		font-size:11px;
		font-weight:normal;
		color:#004F5A;
		padding-bottom:3px;
	}
	.contact #page p  {
		line-height:140%;
		padding-bottom:18px;
		color:#231F20;
	}
		.contact #page p span{
			color:#568894;
			display:block;
			float:left;
			width:50px;
		}
		.contact #page p .clear {
			height:3px;
		}
		.contact #page p strong{
			color:#568894;
			font-weight:normal;
		}
		.contact #page p a {
			color:#231F20;
			text-decoration:none;
		}
	
#contact {
	width:330px;
	float:right;
	padding-right:30px;
}
	#contact h3 {
		background:#3F3E29;
		font-size:12px;
		color:#fff;
		font-weight:normal;
		margin-bottom:10px;
		text-transform:uppercase;
		padding:3px 0 3px 5px;
		margin-top:14px;
	}
	#contact input, #contact textarea {
		border:solid 1px #c7c9cb;
		font-size:12px;
		width:252px;
		padding:2px;
	}
	#contact textarea {
		margin-left:70px;
	}
	#contact button {
		background:none;
		border:solid 0;
		display:block;
		margin:0;
		padding:0;
		cursor:pointer;
		overflow:visible;
		width:74px;
		*width:69px;
		margin-top:10px;
	}
	#contact label {
		display:block;
		float:left;
		width:70px;
		padding-top:2px;
	}
	#contact label.long {
		float:none;
		width:auto;
		padding-top:0;
		padding-bottom:4px;
	}
	#contact .clear {
		height:4px;	
	}
	
.appl #page {
	float:none;
	width:694px;
	padding-left:38px;
}
	.appl #page img.right {
		display:block;
	}
	.appl #page ul {
		list-style-type:none;
		margin:0;
		padding:0
	}
		.appl #page ul li a {
			display:block;
			font-size:11px;
			text-decoration:none;
			color:#414142;
			padding-left:15px;
			padding-bottom:7px;
		}
		.appl #page li a:hover, .appl #page li a.active {
			background:url(../img/bullet.jpg) no-repeat 4px 4px;
		}
		
	.appl h5 {
		background:#3F3E29;
		font-size:12px;
		color:#fff;
		font-weight:normal;
		margin-bottom:10px;
		text-transform:uppercase;
		padding:3px 0 3px 5px;
		margin-top:14px;
		width:200px;
	}
	.appl h6 {
		font-size:11px;
		padding-bottom:5px;
		text-transform:uppercase;
		color:#568894;
		font-weight:normal;
	}
	.appl p {
	line-height:150%;
	padding-bottom:12px;
	font-size:11px;
	}
	
	
#footer {
	background:#629ea8;
	height:18px;
	line-height:18px;
	width:740px;
	font-size:10px;
	color:#fff;
	text-align:center;
	margin-top:5px;
}
	#footer strong {
		font-weight:normal;
		color:#3f3e29;
		padding:0 3px 0 50px;
	}
	#footer span {
		padding-right:15px;
	}
	#footer a {
		text-decoration:none;
		color:#fff;
	}
	#footer a:hover {
		text-decoration:underline;
	}


#footer2 {
	text-align: right;
	height:9px;
	line-height:12px;
	width:740px;
	margin-left: auto ;
	margin-right: auto ;
	font-size:10px;
	color:#000000;
	margin-top:5px;
}
	#footer2 strong {
		font-weight:normal;
		color:#3f3e29;
		padding:3px 0 0 0;
	}
	#footer2 span {
		padding-right:0px;
	}
	#footer2 a {
		text-decoration:none;
		color:#ffffff;
	}
	#footer2 a:hover {
		text-decoration:underline;
	}

