﻿#content {
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 98px 42px 98px;
	position: relative;
	width: 804px;
	}
	.hdr-wrapper {
		margin-bottom: 16px;
		overflow: hidden;
		}
	h1 {
		display: inline-block;
		float: left;
		font-size: 36px;
		font-weight: bold;
		position: relative;
		text-transform: lowercase;
		}
	h1.normal{
		font-weight:normal;
	}
	h2.headline {
		background: #0079b6 url(../i/backgrounds/section-headline.jpg) repeat-y left top;
		clear: both;
		height: 75px;
		line-height: 75px;
		}
		h2.headline span {
			color: #fff;
			display: block;
			font-size: 24px;
			line-height: 75px;
			padding-left: 25px;
			text-transform: lowercase;
			}
	.intro {
		color: #a2a2a2;
		float: right;
		font-size: 13px;
		margin-top: 6px;
		width: 630px;
		}
		.intro ul {
			float: right;
			margin-top: 8px;
			overflow: auto;
			}
			.intro ul li {
				border-left: 1px solid #ececec;
				float: left;
				line-height: 18px;
				padding: 0 11px;
				}
				.intro ul li a:link,
				.intro ul li a:visited,
				.intro ul li a:hover,
				.intro ul li a:active {
					color: #009ddc;
					text-decoration: none;
					text-transform: lowercase;
					}
			.intro ul li.first {
				border-left: 0;
				}
				.intro ul li.active a:link,
				.intro ul li.active a:visited,
				.intro ul li.active a:hover,
				.intro ul li.active a:active {
					color: #ff8b02;
					}
	.page-list {
		float: right;
		}
	a:link.action,
	a:visited.action,
	a:hover.action,
	a:active.action {
		color: #003770;
		font-weight: bold;
		text-decoration: none;
		text-transform: lowercase;
		}
		a.action span {
			color: #009ddc;
			}
#section {}
	#section h2 {
		color: #003770;
		font-size: 18px;
		font-weight: bold;
		line-height: 20px;
		text-transform: lowercase;
		}
	#section p {
		color: #000;
		font-size: 13px;
		margin: 10px 0;
		}
		#section p#intro {
			margin-bottom: 30px;
			}
/*	
		clear: both;
		color: #787878;
		float: left;
		padding: 9px 0;
		}
		
		#section h3 {
			color: #003770;
			font-size: 14px;
			font-weight: bold;
			line-height: 1.5;
			}
		
	*/
.overlay {
	overflow: hidden;
	margin: 0 auto;
	}
	.overlay #profile {
		background-color: #000;
		color: #fff;
		padding: 32px;
		position: relative;
		overflow: hidden;
		}
		.overlay #profile ul {
			overflow: hidden;
			}
			.overlay #profile ul li.panel {}
		.overlay .page {
			display: block;
			float: left;
			}
			.overlay a:link.page,
			.overlay a:visited.page,
			.overlay a:hover.page,
			.overlay a:active.page {
				height: 330px;
				margin: 0 9px;
				position: relative;
				width: 31px;
				}
				.overlay a:link.page img,
				.overlay a:visited.page img,
				.overlay a:hover.page img,
				.overlay a:active.page img {
					position: absolute;
					margin-top: -16px;
					left: 0;
					top: 50%;
					}
	a:link#TB_closeWindowButton,
	a:visited#TB_closeWindowButton,
	a:hover#TB_closeWindowButton,
	a:active#TB_closeWindowButton {
		border: 1px solid #4e4e4e;
		color: #4e4e4e;
		font-weight: bold;
		height: 19px;
		line-height: 19px;
		position: absolute;
		right: 6px;
		text-align: center;
		text-decoration: none;
		top: 6px;
		width: 19px;
		}
/***********************************************************
*	Focus Landing
***********************************************************/
.focus {}
	.focus #header {
		background-position: 260px 0;
		}
	.focus #section {
		clear: both;
		float: none !important;
		}
		.focii {
			border: 1px solid #969696;
			margin-bottom: 2px;
			}
			.focii h2 {
				background: #fff url(../i/backgrounds/list-header.gif) repeat-x left bottom;
				color: #009ddc !important;
				cursor: pointer;
				padding: 4px 16px;
				}
				.focii h2 span.focii-title {
					background: url(../i/icons/list-expand.gif) no-repeat right center;
					display: block;
					}
			.focii h2.ui-state-active {
				color: #969696 !important;
				}
				.focii h2.ui-state-active span.focii-title {
					background-image: url(../i/icons/list-collapse.gif);
					}
			.focii .details {
				background: #008ac7 url(../i/backgrounds/blue-gradiant.jpg) repeat-y left top;
				border-top: 1px solid #969696;
				color: #fff;
				font-size: 14px;
				overflow: hidden;
				padding: 14px 14px 14px 44px;
				}
				
				.focii .description {
					
					float: left;	
					width: 510px;
					}
					.focii  .description h3 {
						color: #fff !important;
						font-weight: bold !important;
						font-size: 24px !important;
						margin-top: 28px;
						}
					.focii  .description p {
						color: #fff !important;
						}
					.focii .description a:link.action,
					.focii .description a:visited.action,
					.focii .description a:hover.action,
					.focii .description a:visited.action {
						color: #009ddc;
						font-size: 18px;
						font-weight: bold;
						text-transform: none;
						}
				.focii p.caseStudies{
					color:#FFFFFF !important;
					float:right;
					font-size:14px !important;
					font-weight:bold;
					overflow:hidden;
					text-align:left;
					width:200px;
				}
				.focii .client-list {
					float: right;
					overflow: hidden;
					width: 200px;
					}
					.focii .client-list li {
						background-color: #fff;
						float: left;
						height: 75px;
						line-height: 75px;
						margin: 1px;
						overflow:hidden;
						text-align: center;
						width: 98px;
						}
						.focii .client-list li img {
							display: inline-block;
							vertical-align: middle;
							}
/***********************************************************
*	Clients
***********************************************************/
.clients {}
	.clients #header {
		background-position: 390px 0;
		}
#client-projects {
    width: 999px;
	_width: 1010px;
	}
	#client-projects a:link.page,
	#client-projects a:visited.page,
	#client-projects a:hover.page,
	#client-projects a:active.page {
		height: 543px;
		}
	#client-projects  #profile {}
		#client-projects  #profile ul {
			height: 483px;
			width: 836px;
			}
			#client-projects #profile ul li.panel {
				height: 483px;
				width: 836px;
				}
				#client-projects .client-info {
					float: left;
					width: 265px;
					}
					#client-projects .client-info h1 {
						float: none;
						font-weight: normal;
						line-height: 42px;
						margin-bottom: 5px;
						}
					#client-projects .client-info p {
						color: #cecdcd;
						font-size: 13px;
						margin: 10px 0;
						}
					#client-projects .client-info h2 {
						font-size: 14px;
						font-weight: bold;
						line-height: 20px;
						text-transform: lowercase;
						}
					#client-projects .client-info ol {}
					#client-projects .client-info ol li {
						background: url(../i/icons/bullet-blue.gif) no-repeat left center;
						color: #cecdcd;
						font-size: 12px;
						line-height: 25px;
						padding-left: 12px;
						}
				#client-projects .screenshots {
					float: right;
					width: 502px !important;
					}
					#client-projects #screen-nav {
						clear: right;
						float: right;
						line-height: 36px;
						position: relative;
						z-index: 10;
						}
						#client-projects #screen-nav span {
							font-size: 12px;
							margin-left: 10px;
							}
						#client-projects #screen-nav img {
						    vertical-align: middle;
						    }
					#client-projects .screenshots h3 {
						color: #989898;
						font-size: 12px;
						font-weight: normal !important;
						line-height: 36px;
						}
						#shots li img {
							border: 1px solid #292929;
							}
/***********************************************************
*	Services
***********************************************************/
.services {}
	.services #header {
		background-position: 508px 0;
		}
		
	.services #section {
		float: left;
		padding: 12px 22px;
		width: 550px;
		}
		.services #section ul {
			overflow: auto;
			}
			.services #section ul li {
				background: url(../i/icons/bullet-blue.gif) no-repeat 0 6px;
				float: left;
				font-size: 13px;
				padding-left: 12px;
				width: 45%;
				}
	.services #aside {
		background-color: #0079b6;
		float: right;
		padding:  0 1px 1px;
		width: 200px;
		}
		.services #aside ul {
			overflow: auto;
			}
			.services #aside ul li {
				background-color: #fff;
				float: left;
				height: 75px; 
				margin: 1px;
				overflow: hidden;
				width: 98px;
				}
	#service-wrapper {
		text-align: center;
		}
/***********************************************************
*	News
***********************************************************/
.news {}
	.news #header {
		background-position: 752px 0;
		}
	.news #section.gallery {
		float: left;
		padding: 12px 22px 12px 0;
		width: 435px !important;
		}
	.news #aside {
		float: right;
		padding:  12px 1px 1px;
		width: 308px;
		}
		.news #aside h2 {
			color: #003366;
			font-size: 18px;
			margin-bottom: 10px;
			}
		.news #aside.gallery ul {
			overflow: auto;
			}
			.news #aside.gallery ul li {			
				float: left;
				margin: 2px;
				overflow: hidden;
				}
				.news #aside.gallery ul li a.thumb {
					display: block;
					
					height: 75px;
					overflow: hidden;
					width: 98px;
					}

/***********************************************************
*	About Us Landing
***********************************************************/
.about-us {}
	.about-us #header {
		background-position: 640px 0;
		}
	.about-us #section {
		float: left;
		padding: 12px 22px 12px 0;
		width: 435px !important;
		}
	.about-us #aside {
		float: right;
		padding:  12px 1px 1px;
		width: 308px;
		}
		.about-us #aside h2 {
			color: #003366;
			font-size: 18px;
			margin-bottom: 10px;
			}
		.about-us #aside ul {
			overflow: auto;
			}
			.about-us #aside ul li {			
				margin-bottom: 3px;
				overflow: hidden;
				}
				.about-us #aside ul li a.thumb {
					display: block;
					float: left;
					height: 75px;
					margin-right: 10px;
					overflow: hidden;
					width: 98px;
					}
				.about-us #aside ul li div.member {
					color: #707070;
					float: left;
					}
					.about-us #aside ul li div.member h3 {
						font-size: 12px;
						font-weight: bold;
						}
					.about-us #aside ul li div.member p.position {
						margin-bottom: 10px;
						}
					.about-us #aside ul li div.member p {
						font-size: 11px;
						}
						.about-us #aside ul li div.member a:link,
						.about-us #aside ul li div.member a:visited,
						.about-us #aside ul li div.member a:hover,
						.about-us #aside ul li div.member a:active {
							color: #009ddc;
							font-size: 11px;
							text-decoration: none;
							}
							.about-us #aside ul li div.member a:hover { 
								text-decoration: underline;
								}
#founding-team {
	width: 738px;
	}
	#founding-team  #profile {}
		#founding-team  #profile ul {
			height: 270px;
			width: 566px;
			}
			#profile ul li.panel {
				height: 270px;
				width: 566px;
				}
		#founding-team  #profile .headshot {
			float: left;
			width: 200px;
			height: 153px;
			}
		#founding-team  #profile .bio {
			float: right;
			width: 344px;
			}
			#founding-team #profile .bio h1 {
				float: none;
				font-weight: normal;
				line-height: 1.1;
				margin-bottom: 5px;
				}
			#founding-team  #profile .bio h2 {
				margin-bottom: 10px;
				}
			#founding-team  #profile .bio p {
				font-size: 13px;
				margin: 10px 0;
				}
/***************************
*	Careers
***************************/
.careers {}
	.careers .article h4 {
		margin: 10px 0;
		font-size: 12px;
		}
	.careers .article ul {
		font-size: 12px;
		}
		.careers .article ul li {
			background: url(../i/icons/bullet-blue.gif) no-repeat 0 6px;
			padding-left: 12px;
			line-height: 18px;
			}
/***************************
*	Contact
***************************/
.contact {}
	.contact #map {
		clear: both;
		margin-bottom: 32px;
		}
	.contact .vcard {
		overflow: hidden;
		}
		.vcard li.method {
			float: left;
			font-size: 12px !important;
			line-height: 16px;
			width: 25%;
			}
			.vcard li h2 {
				color: #989898 !important;
				font-size: 14px !important;
				font-weight: bold !important;
				}
			.vcard li p {
				margin: 0 !important;
				font-size: 12px !important;
				}
			.vcard li span.type {
				color: #989898;
				font-weight: bold;
				}
/***************************
*	Data List
***************************/
#section.article-list {
	clear: left;
	float: left;
	width: 475px;
	}
	#section.article-list .article {
		border-bottom: 1px solid #f2f2f2;
		margin-bottom: 28px;
		padding-bottom: 18px;
		}
		#section.article-list .article .header {
			margin-bottom: 20px;
			overflow: hidden;
			}
			#section.article-list .article .header .thumbnail {
				border: 1px solid #93D4F1;
				float: left;
				height: 75px;
				margin-right: 20px;
				overflow: hidden;
				width: 98px;
				}
			#section.article-list .article .header h3 {
				padding-top: 19px;
				}
		#section.article-list .article p {
			clear: both;
			}
#aside.article-list {
	background-color: #f1f8ff;
	float: right;
	padding: 14px 20px;
	width: 274px;
	}
	#aside.article-list h2 {
		border-bottom: 1px solid #9cd9f1;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 7px;
		padding-bottom: 7px;
		text-transform: lowercase;
		}
	#aside.article-list ul li {
		color: #8b8b8b;
		font-size: 12px;
		line-height: 1.5;
		}
	#aside.article-list ul.recent li {
		margin-bottom: 12px;
		}
		#aside.article-list ul li a:link,
		#aside.article-list ul li a:visited,
		#aside.article-list ul li a:hover,
		#aside.article-list ul li a:active {
			color: #009ddc;
			}
#email #profile {
	width: 458px;
	}
	.contact-form {
		clear: both;
		width: auto;
		}
		.label {
			clear: both;
			display: block;
			font-size: 11px;
			margin: 0 0 15px 155px;
			}
		.contact-form .form_textbox {
			margin-bottom: 10px;
			}
			.contact-form .form_textbox textarea {
				width: 300px;
				height: 150px;
				vertical-align: top;
				}
			.contact-form label {
				display: inline-block;
				font-size: 13px;
				text-align: right;
				width: 150px;
				}
			.contact-form .form_textbox .error-msg {			
				padding: 0 0 0 155px;
				}
			.action-wrapper {
				text-align: right;
				}
#news-projects {
    width: 999px;
	_width: 1010px;
	}
	#news-projects a:link.page,
	#news-projects a:visited.page,
	#news-projects a:hover.page,
	#news-projects a:active.page {
		height: 543px;
		}
	#news-projects  #profile {
		overflow: hidden;
		}
		#news-projects  #profile ul {
			height: 483px;
			width: 836px;
			}
			#news-projects #profile ul li.panel {
				height: 483px;
				width: 836px;
				}
				#news-projects .screenshots {}
					#news-projects #screen-nav {
						clear: right;
						float: right;
						line-height: 36px;
						position: relative;
						z-index: 10;
						}
						#news-projects #screen-nav span {
							font-size: 12px;
							margin-left: 10px;
							}
						#news-projects #screen-nav img {
						    vertical-align: middle;
						    }
					#news-projects .screenshots h3 {
						color: #989898;
						font-size: 12px;
						font-weight: normal !important;
						line-height: 36px;
						}
						#shots li { 
							display: none;
							}
						#shots li img {
							border: 1px solid #292929;
							}
.cadillac {
	background: url('../i/backgrounds/video_container.jpg') no-repeat left top;
	text-align: center;
	}
	.cadillac #cadillac-video {}
.gallery {
	margin-bottom: 20px;
	}
	.gallery ol {
		list-style: decimal outside;
		margin-left: 25px;
		}
#link-list.article-list {
	background-color: #f1f8ff;
	float: right;
	padding: 14px 20px;
	width: 274px;
	}
	#link-list.article-list h2 {
		border-bottom: 1px solid #9cd9f1;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 7px;
		padding-bottom: 7px;
		text-transform: lowercase;
		}
	#link-list.article-list ul li {
		color: #8b8b8b;
		font-size: 12px;
		line-height: 1.5;
		}
	#link-list.article-list ul.recent li {
		margin-bottom: 12px;
		}
		#link-list.article-list ul li a:link,
		#link-list.article-list ul li a:visited,
		#link-list.article-list ul li a:hover,
		#link-list.article-list ul li a:active {
			color: #009ddc;
			}
.redfordTitle
{
	color:#38ac95 !important;
}
.redfordTitle2
{
	line-height:24px !important;
	text-transform:none !important;
}
div.redford
{
	width:662px !important;
}
ul.redford
{
	width:500px !important;
	height:380px !important;
}