body {
	background:#aab5b7;
	color:#000;
	font-family:arial, helvetica, sans-serif;
	font-size:10pt;
	margin:0;
	padding:0;
	text-align:center;
}

a {
	color:#0072bc;
}

#nav a:hover, #services a:hover, a:hover {
	color:#ea6b37 !important;
}

#container {
	margin:10px auto 10px auto;
	text-align:left;
	width:740px;
}

#header {
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	padding:5px 10px;
	background:url(../images/nav_bg.png) top left no-repeat;
}

	#logo {
		background:url(../images/logo.png) top left no-repeat;
		display:block;
		float:left;
		height:30px;
		outline:none;
		text-decoration:none;
		text-indent:-9000px;
		width:105px;
	}
	
	#nav {
		text-align:right;
	}
	
		#nav a {
			color:#000;
			text-decoration:none;
		}
		
	#masthead {
		clear:both;
		height:145px;
		padding:40px;
	}
	
		h1 {
			color:#0072bc;
			margin:0;
			padding:0;
			font-family:"arial narrow";
			font-size:18pt;
			font-weight:normal;
		}
		
		#masthead p {
			margin:10px 0 0 0;
			padding:0;
			line-height:1.3em;
			width:400px;
		}
	
		.main {
			background:url(../images/main_header_bg.png) top left no-repeat;
		}
		
	#heading {
		clear:both;
		padding:10px;
		background:url(../images/heading_bg.png) top left no-repeat #fff;
	}
	
		#heading div {
			margin:0 10px 0 10px;
			height:auto !important;
			height:60px;
			min-height:60px;
			padding-top:20px;
			background-position:top right !important;
			border-bottom:1px solid #ccc;
		}
		
	#content {
		clear:both;
		background:#fff;
		padding:10px;
	}
	
		#content:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}

		.pad { padding:10px 20px 10px 20px !important; }
	
		.wide_col {
			width:455px;
			float:left;
		}
		
			#services {
				margin:0;
				padding:0;
			}
			
				#services li {
					list-style:none;
					margin:0 0 0 20px;;
					padding:0 0 30px 80px;
					height:auto !important;
					height:64px;
					min-height:64px;
				}
				
					.repair { background:url(../images/repair_icon.png) top left no-repeat; }
					.build { background:url(../images/computer_icon.png) top left no-repeat; }
					.design { background:url(../images/design_icon.png) top left no-repeat; }
					.hosting { background:url(../images/hosting_icon.png) top left no-repeat; }
					.contact { background:url(../images/contact_icon.png) top left no-repeat; }
				
					#services li a {
						text-decoration:none;
						font-weight:bold;
						color:#0072bc;;
					}
		
		.narrow_col {
			width:225px;
			float:right;
		}
		
			#support {
				display:block;
				width:225px;
				height:90px;
				background:url(../images/support_btn.png) top left no-repeat;
				text-indent:-9000px;
				outline:none;
				text-decoration:none;
			}
			
			h2 {
				font-size:12pt;
				color:#ea6b37;
				margin:0 0 10px 0;
				padding:0;
			}
	
	#footer {
		clear:both;
		padding:10px;
		text-align:center;
		font-size:8pt;
		color:#333;
		background:url(../images/footer_bg.png) bottom left no-repeat #fff;
	}
	
	h3 {
		font-size:12pt;
		font-weight:bold;
		margin:0 0 10px 0;
		padding:0;
		color:#666;
	}
	
	#hosting {
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
		font-size:8pt;
		margin:0 auto 0 auto;
	}
	
	.centered { text-align:center; }
	
	#hosting td {
		text-align:center;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	
	#hosting td.top {
		background:#ddd;
	}
	
	#hosting tr.alt td {
		background:#E6EBFE;
	}
	
	#hosting td.left {
		text-align:right;
		background:#efefef;
	}
	
	#hosting tr.alt td.left {
		text-align:right;
		background:#dbe0f2;
	}

.error { 
	color:#f00;
}
input.error, select.error, textarea.error {
	background:#ffd;
	color:#000;
	border:1px solid #f00;
}

.error_box {
	border:1px solid #a00;
	width:400px;
}

	.error_box strong {
		display:block;
		padding:3px;
		background:#a00;
		color:#fff;
	}

	.lcol { width:350px; float:left; }
	.rcol { width:350px; float:right; }
	.clear { clear:both; }
		
	.contact_form { padding:10px; border:1px solid #ccc; background:#eee; }
	.contact_form td { background:#eee; }