/* Begin PAGE */

	body {
		background-color:			#EAEDF1;
		margin:						0 0 0 0;
		padding:					0 0 0 0;
	}

	#wrapper {
		width:						1000px;
		margin:						0 auto 0 auto;
		padding:					0 0 0 0;
	}

/* End PAGE */

/* Begin HEADER */

	#header {
		width:						100%;
		height:						225px;
		margin:						0 0 0 0;
		padding:					0 0 0 0;
	}

	#header_left {
		width:						225px;
		height:						217px;
		clear:						both;
		float:						left;
		background-color:			#69737A;
		vertical-align:				bottom;
		border-bottom:				8px solid #FFFFFF;
	}

	#header_left h1 {
		position:					absolute;
		left:						-10000px;
	}

	#header_left img {
		margin:						117px 0 0 0;
		border:						0;
	}

	#header_center {
		width:						547px;
		height:						100%;
		background:					#89939A;
		float:						left;
		z-index:					-1;
	}

	#skyline {
		border:						0px solid black;
		padding:					0 0 0 0;
		margin:						44px 0 0 0;
		height:						143px;
		z-index:					-1;
}

	/* Begin NAVIGATION */

		#navigation ul {
			clear:						both;
			background:					#FFFFFF;
			width:						100%;
			height:						40px;
			margin:						0 0 0 0;
			padding:					0 0 0 0;
			margin-left:				0;
		}

		#navigation ul li {
			list-style-type:			none;
			float:						left;
			height:						22px;
			width:						95px;
			padding:					4px;
			text-align:					center;
			font-weight:				400;
			margin-top:					0;
			z-index:					2;
		}

		#navigation a {	
			font-family:				Helvetica;
			font-size:					0.7em;
			letter-spacing:				0.0001em;
			text-transform:				uppercase;
			text-decoration:			none;
			color:						#FFFFFF;
			margin-top:					6px;
			z-index:					2;
		}

		#nav_about {
			background:					#8CB3C9;
			margin-right:				8px;
			border-bottom:				8px solid white;
			z-index:					2;
		}

		#nav_capabilities {	
			background:					#9D5222;
			margin-right:				8px;
			border-bottom:				8px solid white;
		}

		#nav_portfolio {
			background:					#0A8AC0;
			margin-right:				8px;
			border-bottom:				8px solid white;
		}

		#nav_contact {
			background:					#253F72;
			margin-right:				8px;
			border-bottom:				8px solid white;
		}

		#nav_blog {
			background:					#D8711B;
			margin-right:				0px;
			border-bottom:				8px solid white;
		}

	/* End NAVIGATION */

	#header_right {
		width:						228px;
		height:						217px;
		float:						left;
		background-color:			#69737A;
		border-bottom:				8px solid #FFFFFF;
		text-align:					right;
		color:						#FFFFFF;
	}
	
	#header_right a {
		font-family:				Helvetica;
		font-size:					0.8em;
		color:						#FFFFFF;
		margin:						10px 5px 10px 5px;
	}

/* End HEADER */

/* Begin CONTENT */

	#content {
		width:						100%;
		height:						350px;
	}

	#content_left {
		width:						185px;
		height:						310px;
		clear:						both;
		float:						left;
		background-color:			#C0C6CC;
		padding:					20px;
	
		color:						#69737A;
		font-family:				Helvetica;
		font-size:					0.8em;
		line-height:				1.5em;
		letter-spacing:				0.0001em;
	}

	#content_center {
		width:						527px;
		height:						330px;
		background:					#FFFFFF;
		float:						left;
		border:						10px solid white;
	}

	#content_right {
		width:						228px;
		height:						100%;
		float:						left;
		background-color:			#C0C6CC;
	}

/* End CONTENT */

/* Begin FOOTER */

	#footer {
		width:						100%;
		height:						175px;
	}

	#footer_left {
		width:						225px;
		height:						100%;
		clear:						both;
		float:						left;
		background-color:			#69737A;
	}

	#footer_center {
		width:						547px;
		height:						100%;
		background:					#89939A;
		float:						left;
	}

	#footer_center p {
		color:						#C0C6CC;
		font-family:				Helvetica;
		font-size:					0.8em;
		letter-spacing:				0.0001em;
		margin-top:					150px;
		text-align:					center;
	}

	#footer_right {
		width:						228px;
		height:						100%;
		float:						left;
		background-color:			#69737A;
	}

/* End FOOTER */

/* Begin ABOUT */

	#content_about {
		font-family:				Helvetica;
		font-size:					0.8em;
		letter-spacing:				0.0001em;
		color:						white;
		line-height:				1.5em;
	}
	
	#content_about img {
		margin:						0 10px 0 10px;
		border:						3px double #BED7E4;
	}
	
	#content_about p {
		margin:						20px;
	}

/* End ABOUT */

/* Begin CAPABILITIES */

	#content_capabilities {
		font-family:				Helvetica;
		font-size:					0.8em;
		letter-spacing:				0.0001em;
		color:						white;
		line-height:				1.5em;
	}
	
	#content_capabilities img {
		vertical-align:				middle;
	}
	
	#content_capabilities h3 {
		font-family:				Georgia, Times;
		margin-top:					3px;
		font-weight:				100;
		text-transform:				none;
		font-size:					1.4em;
		text-align:					center;
		border-bottom:				3px double #662F0B;
		color:						#662F0B;
	}
	
	#content_capabilities p {
		margin:						20px;
	}

	#content_capabilities_design {
		clear:						both;
		float:						left;
		width:						200px;
		height:						180px;
		background:					#CE9875;
		color:						#662F0B;
		border:						1px solid #662F0B;
		border-bottom:				4px double #662F0B;
		margin:						10px 20px 20px 20px;
		padding:					10px;
	}
	
	#content_capabilities_development {
		float:						left;
		width:						200px;
		height:						180px;
		background:					#CE9875;
		color:						#662F0B;
		border:						1px solid #662F0B;
		border-bottom:				4px double #662F0B;
		margin:						10px 20px 20px 20px;
		padding:					10px;
	}
	
	#content_capabilities ul {
		list-style-type:			square;
		margin-left:				-10px;
	}
	
/* End CAPABILITIES */

/* Begin PORTFOLIO */
	
	#content_portfolio p {
		margin:						5px;
		text-align:					center;
		font-family:				Helvetica;
		font-size:					0.8em;
		letter-spacing:				0.0001em;
		color:						white;
		line-height:				1.5em;
	}
	
	.portfolio_expand {
		position:						absolute;
		width:							auto;
		height:							auto;
		top:							50px;
		bottom:							50px;
		left:							50px;
		right:							50px;
		z-index:						3;
		opacity:						1.0;
		background:						#0A8AC0;
		border:							4px double #FFFFFF;
		padding:						5% 50px;
		text-align:						center;
		display:						none;
	}
	
	.portfolio_picture {
		border:							3px double #FFFFFF;
		margin:							10px;
	}
	
	.portfolio_description {
		
		clear:							both;
		width:							600px;
		margin:							20px auto 0 auto;
		text-align:						left;
		font-family:					Helvetica;
		font-size:						0.8em;
		letter-spacing:					0.0001em;
		color:							#FFFFFF;
		line-height:					1.5em;
		vertical-align:					bottom;
	}
	
	.portfolio_heading {
		clear:							both;
		float:							left;
		width:							100px;
		font-weight:					100;
		margin:							3px 10px 0 0;
		font-family:					Georgia, Times;
		font-size:						1.1em;
	}
	
	.portfolio_details {
		float:							left;
		width:							490px;
		margin:							3px 0 0 0;
	}
	
	.portfolio_description a {
		color:							#FFFFFF;
		text-decoration:				none;
		border-bottom:					1px dotted #FFFFFF;
	}
	
	.portfolio_description a img {
		text-decoration:				none;
		border:							0;
		vertical-align:					top;
	}
	
	.portfolio_close {
		position:						absolute;
		top:							5px;
		right:							5px;
		vertical-align:					middle;
	}
	
	#mask {
		position:						fixed;
		width:							100%;
		height:							100%;
		top:							0px;
		left:							0px;
		background:						#000000;
		z-index:						2;
		opacity:						0.5;
		display:						none;
	}
	

	/* Begin EASY SLIDER */

		#slider {
			margin:						0 auto 0 auto;
			border:						3px double white;
		}

		#slider ul, #slider li, #slider2 ul, #slider2 li {
			margin:						0;
			padding:					0;
			list-style:					none;
		}
		
		#slider2 {
			margin-top:					1em;
		}
		
		#slider li, #slider2 li { 
			/* define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here */ 
			width:						350px;
			height:						263px;
			overflow:					hidden; 
		}	
		
		/* Begin NUMERIC CONTROLS */	

			#controls {
				margin:						0 auto 0 auto;
				text-align:					center;
			}

			ol#controls {
				border:						0px solid white;
				margin:						4px auto 0 100px;
				padding:					0 5px;
				width:						auto;
				height:						30px;
			}
			
			ol#controls li {
				margin:						0 5px 0 5px; 
				padding:					0;
				float:						left;
				list-style:					none;
				height:						28px;
				line-height:				28px;
			}
			
			ol#controls li a {
				float:						left;
				height:						20px;
				line-height:				20px;
				border:						1px solid #ccc;
				background:					#6BBCE0;
				font-family:				Helvetica;
				font-weight:				100;
				font-size:					0.8em;
				color:						#000000;
				margin:						5px 0 0 0;
				padding:					0 8px;
				text-decoration:			none;
			}
			
			ol#controls li.current a {
				background:					#03587D;
				color:						#FFFFFF;
				font-weight:				600;
			}
			
		/* End NUMERIC CONTROLS */
	
	/* End EASY SLIDER */

/* End PORTFOLIO */

/* Begin CONTACT */

	#content_contact {
		font-family:				Helvetica;
		font-size:					0.8em;
		letter-spacing:				0.0001em;
		color:						white;
		line-height:				1.5em;
	}
	
	#content_contact p {
		margin:						20px;
	}

	#contact_form {
		width:						100%;
	}
	
	#contact_form ul {
		list-style-type:			none;
	}

	#contact_form li {
		clear:						both;
		float:						left;
		font-family:				Helvetica;
		margin:						0px 10px 0px 10px;
		width:						400px;
		padding:					5px;
		color:						#FFFFFF;
	}
	
	#contact_form label {
		float:						left;
		width:						100px;
		color:						#FFFFFF;
		text-align:					right;
		margin:						4px 20px 2px 0;
	}
	
	#contact_form input, textarea {
		float:						left;
		font-family:				Helvetica;
		font-size:					1.0em;
		background:					#FFFFFF;
		color:						#253F72;
		margin:						0 10px 0 0px;
		padding:					5px 5px 5px 5px;
		border:						2px solid #FFFFFF;
		
	}
	
	#contact_form input[type="submit"] {
		border:						1px solid #FFFFFF;
		background:					#253F72;
		color:						#FFFFFF;
	}

/* End CONTACT */

/* Begin BLOG */

	#content_blog {
		font-family:				Helvetica;
		font-size:					0.8em;
		letter-spacing:				0.0001em;
		color:						#FFFFFF;
		line-height:				1.5em;
		overflow:					auto;
		height:						310px;
	}
	
	#blog_subject, #content_blog h2 {
		font-family:				Georgia, Times;
		letter-spacing:				0.0001em;
		color:						#FFFFFF;
		border-bottom:				3px double #FFFFFF;
		font-size:					1.8em;
		margin:						20px 20px 0px 20px;
		font-weight:				100;
	}
	
	#blog_datetime {
		clear:						both;
		float:						left;
		font-size:					0.8em;
		margin:						-5px 20px 0px 20px;
	}
	
	#blog_bottom {
		font-family:				Georgia, Times;
		text-align:					center;
		margin:						0 auto 0 auto;
		clear:						both;
		width:						100%;
		letter-spacing:				0.0001em;
		font-size:					1.6em;
	}
	
	#blog_bottom a {
		color:						#FFFFFF;
	}
	
	#blog_body {
		clear:						both;
		float:						left;
		margin:						20px;
	}

	#content_blog form {
		margin:						25px 0 0 0;
		width:						100%;
	}
	
	#content_blog ul {
		list-style-type:			none;
	}

	#content_blog li {
		clear:						both;
		float:						left;
		font-family:				Helvetica;
		margin:						0px 10px 0px 10px;
		width:						400px;
		padding:					5px;
		color:						#FFFFFF;
	}
	
	#content_blog label {
		clear:						both;
		float:						left;
		width:						100px;
		color:						#FFFFFF;
		text-align:					right;
		margin:						4px 20px 2px 0;
	}
	
	#content_blog input, #content_blog textarea {
		float:						left;
		font-family:				Helvetica;
		font-size:					1.0em;
		background:					#FFFFFF;
		color:						#D8711B;
		margin:						0 10px 0 0px;
		padding:					5px 5px 5px 5px;
		border:						2px solid #FFFFFF;
		
	}
	
	#content_blog input[type="submit"] {
		border:						1px solid #FFFFFF;
		background:					#D8711B;
		color:						#FFFFFF;
	}
	
	#content_blog_archive ul {
		list-style-type:			square;
	}
	
	#content_blog_archive a {
		color:						#FFFFFF;
	}


/* End BLOG */