body {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #023A63;
	width:100%;
	height:100%;
}

img { border: none; }

#page {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow:hidden;
	margin: 0 auto;
	width: 100%;
	background: url(images/pattern.gif);
	/*background: url(images/2007bkgd.jpg) no-repeat center top;*/
	min-width: 950px;
	display: inline-block;
	/*border: 1px solid green;*/
}



#container {
	margin: 0 auto;
	/*background: url(images/content7.png) no-repeat center top;*/
	width: 950px;
	/*height: 1200px;*/
	text-align: left;
	/*border: 1px dotted blue;*/
	/*overflow: hidden;*/
	/* width:expression(document.body.clientWidth < 600? "600px": "auto" );*/
}


	#header {
		position: relative;
		width: 950px;
		height: 110px;
		text-align: center;
		padding: 11px 0px 0px 15px;
	}

		#header div.sections {
			font-size: 0.9em;
			text-align: left;
			position: relative;
			width: 210px;
			height: 120;
			margin: 0px 10px;
			padding: 0px;
			float: left;
		}

		.last {
			margin: 0px 0px 0px 11px;
		}

		#header div div.top {
			font-size: 0.8em;
			padding-left: 35px;
			margin: 0px;
		}
		#header div div.portfolio {
			line-height: 2.2em;
			padding-left: 70px;
			margin: 26px 0px 0px;
		}

		#header div div.short {
			font-size: 0.8em;
			padding-left: 7px;
			margin: 0px;

		}


		/* IMAGES */
		#header div div.top, #header div div.portfolio, #header div div.short {
			background: url(images/AL_headerBar.jpg) repeat-x left;
			height: 30px;
		}

		.imgPortfolio {
			position: absolute;
			margin-top: -12px;
			left: 8px;
		}

		.imgResults {
			float: left;
			vertical-align: top;
			margin: 3px;
		}

		.headerBtn {
			position: absolute;
			top: -6px;
			left: -10px;
			width: 42px;
			height: 42px;
		}

		.headerBtnAsk {
			position: absolute;
			top: -6px;
			left: -18px;
			width: 50px;
			height: 42px;
		}

		/* TEXT FORMATING */
		#header div	h2, strong {
			font-family: arial black, sans;
			font-size: 1.1em;
			font-weight: bolder;
			text-decoration: none;
		}

		.down   { line-height: 2.6em; }
		.middle { line-height: 1.4em; }
		.bump   { line-height: 0.8em; }


		.headerText {
			font-size: 0.8em;
			padding: 5px;
		}

		.date {
			font-style: italic;
			color: #027ABB;
		}

		a.email:link {
			text-decoration: none;
			color: #023A63;
			padding: 0px 3px;
		}

		a.email:visited {
			text-decoration: none;
			color: #023A63;
			padding: 0px 3px;
		}

		a.email:hover {
			color: white;
			background-color: #023A63;
			text-decoration: none;
			padding: 0px 3px;
		}

		.sections a:link, .portfolio a:link, strong a:link {
			text-decoration: none;
			color: #023A63;
		}

		.sections a:visited, .portfolio a:visited, strong a:visited {
			text-decoration: none;
			color: #023A63;
		}

		.sections a:hover, .portfolio a:hover, strong a:hover {
			color: #027ABB;
			text-decoration: none;
		}	
	
	/* end HEADER */



	#banner {
		position: relative;
		width: 950px;
		height: 256px;
		padding: 0px 0px 20px;
		background: url(images/lowSrc.jpg) no-repeat top;
	}

	#content {
		position: relative;
		width: 950px;
	}

		#side {
			position: relative;
			width: 160px;
			height: 600px;
			margin: 10px 10px 10px 0px;
			float: left;
			/*background: url(images/AL_side2.png) no-repeat;*/
		}

		#wrapper {
			position: relative;
			width: 770px;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}

		#main {
			position: relative;
			width:740px;
			margin: 10px;
			display: inline;
			float: left;

		}

		

			.column { /* Home Page */
				position: relative;
				width: 230px;
				margin-left: 30px;
				display: inline;
				float: left;
				/*overflow: visible;*/
			}

			.columnDrill { /* Drill Down Pages */
				position: relative;
				width: 490px;
				margin-left: 30px;
				display: inline;
				float: left;
				overflow: visible;
			}

			.CTA {
				position: relative;
				width: 170px;
				padding-top: 30px;
				display: inline;
				float: right;
			}

			#pitchA {
				 width: 100%;
				 height: 90px;
				 background: url(images/AL_HomeTest1.png) no-repeat bottom left;
			}

			#pitchB {
				 width: 100%;
				 height: 90px;
				 /*background: url(images/AL_HomeTest2.png) no-repeat bottom left;
				 overflow: visible;*/
			}
			
			.pitch {
				position: absolute;
				/*z-index: -1;*/
			}

			#main h2.home {
				position: absolute;
				color: #8ADBFF;
				font-size: 1.0em;
				padding: 40px 5px 0px 10px;
				z-index: 1;
				/*padding: 0px;
				margin: 0px;
				background-color: purple;
				width: 100%;
				height: 90px;
				overflow: hidden;*/
			}
			
			#main h3, #main h2 {
				padding: 10px 0px 0px;
				margin: 0px;
			}

			.tagline {
				font-style: italic;
				font-weight: bold;
			}

			.mainText {
				/*height: 300px;*/
				/*overflow: hidden;*/
				font-size: 0.9em;
				padding-bottom: 20px;
			}

			.mainText ul {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				list-style-position: inside;
				list-style-image: url(images/bullet.png);
			}

			.mainText ul li {
				padding: 5px 0px;
			}

		#support {
			position: relative;
			width: 740px;
			margin: 10px;
			display: inline;
			float: left;

		}

			.supColumn {
				position: relative;
				width: 200px;
				margin-left: 30px;
				margin-right: 15px;
				display: inline;
				float: left;
			}

			.two { left: 15px; }
			.three { left: 30px; }

			.supHeading {	
				font-size: 0.8em;
				font-weight: bold;
				font-stretch: condensed;
			}

			.supHeading a:link, .supHeading a:hover, .supHeading a:visited {
				color: #023A63;
				text-decoration: none;
			}

			.supText {
				font-size: 0.8em;
				/*height: 160px;
				overflow: hidden;*/
			}

			a.supContinue:link {
				font-size: 0.7em;
				font-style: italic;
				line-height: 0.7em;
				color: #027ABB;
				text-decoration: none;
			}

			a.supContinue:visited {
				font-size: 0.7em;
				font-style: italic;
				line-height: 0.7em;
				color: #027ABB;
				text-decoration: none;
			}

			a.supContinue:hover {
				font-size: 0.7em;
				font-style: italic;
				line-height: 0.7em;
				color: #027ABB;
				text-decoration: underline;
			}

			.iconSupport {
				position: absolute;
				top: -4px;
				left: -33px;
				width: 32px;
				height: 32px;
			}
	/* end CONTENT */



	#footer {
		position: relative;
		width: 950px;
		float: left;
		border-top: 3px solid black;
		margin-top: 20px;
		padding: 10px 0px;

	}

		#footer div h2 {
			font-size: 0.7em;
			margin: 0px;
			color: #023A63;
		}

		#footer a:link {
			font-size: 0.7em;
			text-decoration: none;
			color: #023A63;
		}

		#footer a:visited {
			font-size: 0.7em;
			text-decoration: none;
			color: #023A63;
		}

		#footer a:hover {
			font-size: 0.7em;
			text-decoration: none;
			color: #023A63;
			background-color: #8ADBFF;
		}

		#services {
			position: relative;
			left: 210px;
			width: 195px;
			float: left;
			overflow: visible;
		}


		#company {
			position: relative;
			left: 275px;
			width: 195px;
			float: left;
		}

		#company div.coCol {
			position: relative;
			float: left;
		}

		.space {
			left: 70px;
		}

		#copy {
			font-size: 0.7em;
			position: relative;
			margin-right: 20px;
			left: 345px;
			float: left;
		}
	/* end FOOTER */



	/* EXTRA */

	.gone, hr.gone {
		display: none;
	}

	.hr, #header div div.hr {
		border-bottom: 1px solid #023A63;
		margin: 2px 0px 7px;
	}

	.hr3 {
		border-bottom: 3px solid #023A63;
		margin: 2px 0px 2px;
	}


	

/* Portfolio */

.portfolioEntry {
	position: relative;
	padding: 0px 0px 10px;
	margin: 20px 0px;
}

.portfolioEntry img {
	padding-bottom: 8px;
}

.right {
	position: relative;
	float: right;
	padding: 3px;
	z-index: 1;
}

.left {
	position: relative;
	float: left;
}

.projectName {
	position: relative;
	font-size: 0.9em;
	font-weight: bold;
}

.projectText {
	font-size: 0.9em;
	padding-bottom: 30px;
}

.projectText a:link {
	color: #027ABB;
	text-decoration: none;
}

.projectText a:visited {
	color: #027ABB;
	text-decoration: none;
}

.projectText a:hover {
	color: #023A63;
	background-color: #8ADBFF;
	text-decoration: none;
}

.portText {
	font-size: 0.9em;
	padding-bottom: 20px;
}

.caseStudy {
	position: relative;
	padding: 0px;
	margin: 20px 0px;
}

.client {
	font-family: Times New Roman, Georgia, serif;
	font-style: italic;
	margin: 20px;
	padding: 15px 25px;
	/*background-color: #C3E9FB;*/
	background: url(images/clientBkgd.jpg) repeat-y top;
}

.endorsor {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-style: normal;
}

.person {
	font-weight: bold;
}



/* form */

/*#contactForm fieldset {
	position: relative;
	width: 245px;
	display: block;
	float: left;
}*/


/* http://www.themaninblue.com/writing/perspective/2004/03/24/  */

.across {
	width: 100%;
	padding: 20px 0px 10px;
	margin: 0px;
}

.proOverview {
	margin-top: 2em;
	width: 220px;
}

#contactForm input.submit, #contactForm input.reset {
	font-size: 0.8em;
	width: 102px;
	display: inline;
}

#contactForm input:link.submit, #contactForm input:link.reset {

}

#contactForm input:hover.submit, #contactForm input:hover.reset {
	background-color: #023A63;
	color: white;
}

#contactForm fieldset
{
	float: left;
	display: block;
	width: 240px;
	margin: 0;
	padding: 0px 2px;
	border: none;
}

#contactForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}

#contactForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#contactForm fieldset.radio label
{
	font-weight: normal;
}

#contactForm input
{
	display: block;
	width: 210px;
	border: 1px solid #023A63;
}

#contactForm textarea
{
	display: block;
	width: 210px;
	height: 7em;
	border: 1px solid #023A63;
}

#contactForm label
{
	font-size: 0.7em;
	margin-bottom: 1em;
	display: block;
	font-weight: bold;
}


#contactForm select
{
	display: block;
	width: 220px;
	border: 1px solid #023A63;
}


#showcase {
	width: 100%;
	text-align: center;
}