/* main styles */

body {
	font-size:95%;
	font-family:Tahoma, sans-serif;
	padding:0;
	margin:0;
	background-image: url(images/bg.gif);
	background-repeat:repeat-x;
	background-color:#3F6D8D;
}

p {
	margin:0;
	padding: .5em 0;
	font-size:.7em;
}
	p.morelink {
		background-image: url(images/arr_1.gif);
		background-repeat:no-repeat;
		background-position: 100% 55%;
		padding-right:7px;
		display:inline;
		font-weight:bold;
		position:relative;
		top:1.5em;
		left:0;
	}
	
	#servicespage #mid p {
		padding: 0 0 1em;
	}
	
	#contact p {
		line-height:1.5em;
	}

ul li ul {
	font-size:.7em;
}

li {
	padding:0;
	margin:0;
}

li ul li {
	line-height:1.21em;
}

h1 {
	font-size:1em;
}
		
	#servicespage #mid div h1 {
		height:5em;
		position:relative;
		top:0;
		left:0;
		background-image: url(images/web_dev.png);
		background-repeat:no-repeat;
	}
		#servicespage #mid div h1 span {
			position:absolute;
			bottom:.5em;
			left:75px;
		}
		#servicespage #mid #webdev h1 {
			background-image: url(images/web_dev.png);
		}
		#servicespage #mid #servside h1 {
			background-image: url(images/web_db.png);
		}
		#servicespage #mid #uides h1 {
			background-image: url(images/web_ui.png);
		}

h2 {
	font-size:.75em;
	color:#424242;
	margin:0;
	padding:0;
}

	ul.services h2 {
		font-size:.75em;
		text-decoration:underline;
		margin:0;
		padding:0 0 .3em;
	}
	
	#servicespage h2 {
		padding-left:15px;
		background-image: url(images/arr_1.gif);
		background-repeat:no-repeat;
		background-position: 9px 50%;
	}

a, a:visited {
	color:inherit;
}
	#intro a, #contact a, a.link_2 {
		color:#418CC2;
		text-decoration:none;
		font-weight:bold;
	}
	
		#intro a:hover, #contact a, a.link_2:hover {
			text-decoration:underline;
		}
		
	p.morelink a, p.morelink a:hover {
		text-decoration:none;
		color:#333333;
	}

/* ---------------- CONTAINER --------------------- */

#thebox {
	width:640px;
	margin: 0 auto;
	margin-top:10px;
	background-image: url(images/bgs_1_2.gif);
	background-repeat:repeat-y;
	position:relative;
	top:0;
	left:0;
}


/* ---------------- HEADER --------------------- */

#head {
	height:245px;
	width:100%;
	background-image: url(images/main.jpg);
	background-repeat:no-repeat;
	background-position: 95.5% 70%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#head h1 {
	position:absolute;
	top:30%;
	left:20px;
}

#head h1 a {
	display:block;
	background-image: url(images/logo.gif);
	background-repeat:no-repeat;
	width:144px;
	height:46px;
}

#head h1 a span {
	margin-left:-9999px;
}

/* ---------------- CONTENT --------------------- */

#mid {
	padding-top:245px;
	background-image: url(images/bgs_1_1.gif);
	background-repeat:no-repeat;
	background-position: 0% 0%;
	z-index:-10;
}
	
	#contactus .twocol {
		border-top:1px solid #d3d3d3;
		margin-top:3em;
	}

#mid>div {
	border-bottom:1px solid #d3d3d3;
	margin-left:235px;
}

	#home #mid>div {
		margin-left:225px;
	}

	#servicespage #mid>div {
		border-bottom:0;
		padding-left:10px;
	}

	#servicespage div#uides {
		border-bottom:1px solid #d3d3d3;
	}

.twocol {
	padding: 5px 0;
}

.twocol div {
	/* total width, with border, is about 415px */
	padding: 0 5px;
	margin-left:185px;
	padding-top:2.75em;
}

#intro, #contact {
	width:177px;
	border:0;
	float:left;
	clear:none;
	margin-left:0;
	color:#424242;
}

#serv {
	width:221px;
	border-left: 1px solid #d3d3d3;
	min-height:12em;
	padding-right:3px;
}

#etc {
	width:204px;
	border-left: 1px solid #d3d3d3;
	min-height:12em;
	padding-right:3px;
	padding-left:10px;
}

ul.services, ul.services ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.services>li {
	padding-left:72px;
	background-image: url(images/web_dev.png);
	background-position: 0% 0%;
	background-repeat:no-repeat;
	min-height:72px;
}

	ul.services li#webdev {
		background-image: url(images/web_dev.png);
	}
	ul.services li#servside {
		background-image: url(images/web_db.png);
	}
	ul.services li#uides {
		background-image: url(images/web_ui.png);
	}

#testimonial {
	padding: 5px 0;
}

#testimonial p {
	padding-left:110px;
	background-image: url(images/pic_6.jpg);
	background-repeat:no-repeat;
	background-position: 0% 5px;
	min-height:99px;
}

/* ---------------- FOOTER --------------------- */

#foot {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	color: #585D5F;
	margin-left:225px;
	margin-bottom:1em;
	width:416px;
	background-image: url(images/bgs_1_3.gif);
	background-repeat:no-repeat;
	background-position: 0% 100%;
}

#foot p {
	text-align:center;
	font-size:1em;
	padding: 2em 0;
}

#foot a {
	color: #585D5F;
	text-decoration: none;
}

#foot a:hover {
	color: #585D5F;
	text-decoration: none;
}

#foot #hack {
	position:absolute;
	left:0;
	bottom:0;
	width:218px;
	height:295px;
	background-image: url(images/bgs_2.jpg);
	background-repeat:no-repeat;
	background-position: 0% 100%;
}