@charset "utf-8";
/* CSS Document */

@import url(/css/reset.css);


/*-------------------------------------------------------------------------------------------
/ general styles
-------------------------------------------------------------------------------------------*/
a{
	color: #F8971D;
	font-weight:bold;
}
	a:hover{
		color: #afbd22;
	}



/*-------------------------------------------------------------------------------------------
/ body
-------------------------------------------------------------------------------------------*/
body{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	background:url(/images/template/bg/blue.png) repeat-x white;
}

/*-------------------------------------------------------------------------------------------
/ general classes
-------------------------------------------------------------------------------------------*/
div.divider{
	background:url(/images/template/horizontalRuler.png) no-repeat;
	height: 5px;
	padding: 0px;
	margin: 0px;
}

/*-------------------------------------------------------------------------------------------
/ bg
-------------------------------------------------------------------------------------------*/
#bg{
	width: 1000px;
	margin: auto;
}

/*-------------------------------------------------------------------------------------------
/ page
-------------------------------------------------------------------------------------------*/
#page{
	width: 960px;
	margin: auto;
}

/*-------------------------------------------------------------------------------------------
/ header
-------------------------------------------------------------------------------------------*/
#header{
	height: 63px;
	background:url(/images/template/header-bg.png) no-repeat;
	position:relative;
}
	#logo{
		position:absolute;
		top: 10px;
		left: 20px;
	}
	#nav{
		position:absolute;
		top: 0px;
		right: 10px;
		width: 700px;
		height: 53px;
	}
		#nav ul{
			list-style: none;
			margin-top: 6px;
			padding-left: 40px;
		}
			#nav ul li{
				float: left;
				background:url(/images/template/nav-divider.png) no-repeat left;
				padding: 7px 20px 0px 30px; /*7px 30px 0px 40px*/
				height: 34px;
			}
				#nav ul li.first-child{
					background: none;
				}
				#nav ul li a{
					display: block;
					color: #F8971D;
					font-weight:500;
					font-size: 20px;
					text-shadow: 1px 1px 1px #DDD;
				}
					#nav ul li a:hover{
						color: #afbd22;
					}

/*-------------------------------------------------------------------------------------------
/ footer
-------------------------------------------------------------------------------------------*/
#footer{
	position:relative;
	color: #58595b;
	clear: both;
	margin: 20px 0px;
}
	#footer p{
		margin: 8px 0px;
	}
		#footer p span{
			margin-left: 15px;
		}
	#icons{
		position:absolute;
		top: 10px;
		right: 10px;
		list-style:none;
	}
		#icons li{
			float: left;
		}
			#icons li{
				display: block;
				margin-left: 5px;
			}

/*-------------------------------------------------------------------------------------------
/ contentPane
-------------------------------------------------------------------------------------------*/
#contentPane ::-moz-selection{
	background: #F8971D;
	color: black;
}
#contentPane ::selection{
	background: #F8971D;
	color: black;
}

/*-------------------------------------------------------------------------------------------
/ contentBottom
-------------------------------------------------------------------------------------------*/
#contentBottom{
	height: 23px;
	width: 960px;
	background:url(/images/template/content-bg-bottom.png) no-repeat;
}

/*-------------------------------------------------------------------------------------------
/ contentTop
-------------------------------------------------------------------------------------------*/
#contentTop{
	height: 123px;
	width: 960px;
	background:url(/images/template/content-bg-top.png) no-repeat;
	margin-top: 30px;
}
	#contentTop h1{
		color: white;
		font-size: 43px;
		font-weight:900;
		text-transform:uppercase;
		line-height:1.1em;
		margin-left:220px;
	}
		#contentTop h1 span{
			font-size: 63px;
		}

/*-------------------------------------------------------------------------------------------
/ contentMiddle
-------------------------------------------------------------------------------------------*/
#contentMiddle{
	width: 800px;
	background:url(/images/template/content-bg-middle.png) repeat-y;
	padding: 1px 130px 1px 30px;
	position:relative;
}
	#contentMiddle p {
		line-height: 1.6em;
	}
	#contentMiddle ul{
		font-size: 15px;
		padding-left: 0px;
		list-style: none;
	}
		#contentMiddle ul li{
			background:url(/images/template/bullet.png) no-repeat;
			background-position: 40px 0px;
			margin-bottom: 10px;
			padding-left: 60px;
		}
			#contentMiddle ul a{
				color: #58595B;
			}
	
/*-------------------------------------------------------------------------------------------
/ subNav
-------------------------------------------------------------------------------------------*/
#subNav{
	 width: 700px;
	 margin: 20px 0px 20px 50px;
}
	#subNav ul{
		list-style: none;
		padding: 0px;
	}
		#subNav ul li{
			padding-left: 40px;
			background-position: 17px 1px;
			background-repeat:no-repeat;
			background-image:url(/images/template/verticalRuler.png);
			float: left;
		}
			#subNav ul li.first-child{
				background: none;
				padding-left: 0px;
			}
			#subNav ul li a{
				display: block;
				font-weight:normal;
				font-size:22px;
				text-shadow: 1px 1px 2px #CCC;
			}
				#subNav ul li a:hover{
					color: #444;
				}
				#subNav ul li a span{
					padding-left: 65px;
					background-position: top left;
					background-repeat:no-repeat;
					height: 55px;
					display: inline-block; /*stupid ie*/
				}
					#subNav ul li#Development a span{
						background-image:url(/images/template/website-development.png);
					}
					#subNav ul li#Maintenance a span{
						background-image:url(/images/template/website-maintenance.png);
					}
					#subNav ul li#CustomApplications a span{
						background-image:url(/images/template/custom-web-applications.png);
					}

/*-------------------------------------------------------------------------------------------
/ Sections
-------------------------------------------------------------------------------------------*/
.section{
		position: relative;
		margin: 20px 0px 40px 0px;
	}
		.section h2{
			font-size: 23px;
			font-weight:normal;
			color: white;
			background:url(/images/website-development/processes-bg.png) no-repeat right top #f8981d;
			display: inline-block;
			margin: 0px 0px 0px -40px;
			padding: 3px 30px 0px 40px;
			text-transform:uppercase;
		}
			.section h2 a{
				color: blue;
			}
				.section h2 a:hover{
					color: black;
				}
		.section .icon{
			position: absolute;
			left: -110px;
			top: -5px;
		}