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

/*---- Colors -----

Off-White:	#ebeced
Gray:		#cdcccc
Mid-Gray:   #a6a4a4
Dark Gray:	#262626
Light Blue:	#7997aa
Dark Blue:	#4a7491
Blue-Gray	#4c575e
Orange:		#c66228

-----------------*/

html 
{
   margin:0;
   padding:0;
   height:100%;
}

body
{
	padding: 0;
	margin: 0;
	height:100%;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "HelveticaNeueRegular", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	color: #262626;
	font-size: 14px;
	line-height: 21px;
	background: #ebeced;
}

/*--
@font-face {
	font-family: 'HelveticaNeueLight';
	src: url('fonts/helveticaneuelight-webfont.eot');
	src: local('☺'), url('fonts/helveticaneuelight-webfont.woff') format('woff'), url('fonts/helveticaneuelight-webfont.ttf') format('truetype'), url('fonts/helveticaneuelight-webfont.svg#webfontFUHhqZfj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueRegular';
	src: url('fonts/helveticaneue-webfont.eot');
	src: local('☺'), url('fonts/helveticaneue-webfont.woff') format('woff'), url('fonts/helveticaneue-webfont.ttf') format('truetype'), url('fonts/helveticaneue-webfont.svg#webfontFgVf3QTf') format('svg');
	font-weight: normal;
	font-style: normal;
}
--*/

#container 
{
   min-height:100%;
   position:relative;
   background-image:url(images/header-bg.png);
   background-repeat:repeat-x;
}

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

#header-content
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 30px;
	padding-top: 25px;
	height:40px;
	text-align:right;
	position:relative;
}

#header-links
{
	position:absolute;
	right:0px;
	top:44px;
}

#header a
{
	text-decoration:none;
	color:#808080;
	font-size:18px;
	margin-left:16px;
	padding:4px;
	-webkit-transition-property:background, color; 
	-webkit-transition-duration:0.2s,0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
}

#header a:hover
{
	color:#262626;
	background:none !important;
}

#header span
{
	display:block;
	width:5px;
	height:5px;	
}

#body 
{
   padding-bottom:240px;   /* Height of the footer + padding-top */
   width:900px;
   margin-left:auto;
   margin-right:auto;
}

#footer 
{
   position:absolute;
   bottom:0;
   width:100%;
   height:200px;   /* Height of the footer */
   background:#262626;
   color:#ebeced;
   padding-top:40px;
   border-top:4px solid #404040;
}

#footer-content
{
	width:900px;
	margin-left:auto;
	margin-right:auto;	
}

h1
{
	font-size:16px;
	text-align:left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	line-height:21px;
}

h1 span
{
	padding:5px;
	margin:0;
	color:#FFFFFF;
}

h2
{
	
	
}

h3
{
	font-weight:600;
	font-size:16px;
	margin:0;
	padding:0;
	line-height:16px;
}

h4
{
	font-size:14px;
	line-height:21px;
	font-weight:300;
	margin:0 0 10px 0;
	padding:0;
}

.footer-links
{
	display:block;
	width:250px;
	height:150px;
	float:left;
	position:relative;
}

#footer a
{
	text-decoration:none;
	color:#ebeced;
	padding:3px;
	-webkit-transition-property:background; 
	-webkit-transition-duration:0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
}

#footer a:hover
{
	background-color:#7997aa;
}

a.no-style
{
	background:none !important;
	padding:0 4px 0 0 !important;
	position:relative;
	border:none !important;
	outline:none !important;
}

a.no-style span
{
	display:none;	
}

a.no-style:hover
{
	background:none !important;
	padding:0 4px 0 0 !important;	
	border:none !important;
}

a.no-style:hover span
{
	display:block;
	position:absolute;
	top:20px;
	width:200px;
}

.float-right
{
	float:right;	
}

.float-left
{
	float:left;	
}

.contactFloatRight
{
	width: 400px;
	padding: 5px;
}

.message
{
	
}

a
{
	text-decoration:none;
	color:#c66228;
	-webkit-transition-property:background; 
	-webkit-transition-duration:0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
	outline:none;
	padding: 1px 3px;
}

a:hover
{
	background-color:#c66228;
	color:#ebeced;
}

a.about-links
{
	text-decoration:none;
	color:#262626;
	padding:3px;
	text-align:left;
	width:194px;
	display:block;
	font-size:16px;
	-webkit-transition-property:background; 
	-webkit-transition-duration:0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
}

a.about-links:hover
{
	background-color:#7997aa;
}

a.about-links-current
{
	text-decoration:none;
	color:#ebeced;
	padding:3px;
	text-align:left;
	width:194px;
	display:block;
	font-size:16px;
	background-color:#c66228;
	-webkit-transition-property:background; 
	-webkit-transition-duration:0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
}

a.about-links-current:hover
{
	background-color:#7997aa;
}

.steps
{
	font-size:16px;
	padding:5px;
	color:#FFFFFF;
	background-color:#7997aa;
	margin-bottom:25px;
}

a.services-links
{
	text-decoration:none;
	font-size:16px;
	margin:0;
	color:#FFFFFF;
	background-color:#7997aa;
	padding:5px;
	text-align:left;
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function: linear, ease-in;
}

a.services-links:hover
{
	background-color:#c66228;
}

#left-scroller
{
	position:absolute;
	top:0;
}

#left-scroller.fixed
{
	position:fixed;
	top:20px;
}

.list-item
{
	margin-top:10px;
	margin-bottom:25px;
}

.top-text
{
	margin-top:10px;
	margin-bottom:25px;
}

#clear-footer-div
{
	clear:both;
	display:block;
	height:30px;	
}

.accent
{
	font-style:italic;	
}

a.back
{
	background:none;
	float:right;
	color:#c66228;
	padding:3px;
	margin:0;
	font-size:smaller;
}

a.back:hover
{
	color:#ffffff;
	background-color:#c66228;
}

.left-scroller-label
{
	text-decoration:none;
	color:#ebeced;
	padding:5px 3px 5px 3px;
	text-align:left;
	width:194px;
	display:block;
	font-size:18px;
	background-color:#a6a4a4;
	margin-bottom:3px;
}

.portfolio-cat
{
	font-size:16px;
	padding:5px;
	margin-bottom:25px;
}

.portfolio-item
{
	display:block;
	width:310px;
	height:75px;
	float:left;
	margin:10px 15px 10px 0;
	line-height:25px;
}

.portfolio-thumb
{
	margin:0 10px 0 0;
	float:left;
	padding:0;
	background:none;
	border:0;
}

a.portfolio-thumb
{
	float:left;
	padding:0;
	border:0;
	background:none;
}

a.portfolio-thumb:hover
{
	padding:0;
	background:none;
	margin:0 10px 0 0;
	padding:0;
}

.portfolio-company-name
{
	font-size:15px;
	font-weight:300;
}

.portfolio-services-completed
{
	color:#7997aa;
	font-size:13px;
}

.portfolio-company-link
{
	margin-left:-3px;
}

#blog-left
{
	float:left;
	width:650px;	
}

#blog-right
{
	float:right;
	width:200px;	
}

.blog-date
{
	margin-bottom:25px;
}

.blog-post
{
	margin-bottom:25px;
	background-color:#0C9;	
}

a.grouped_elements
{
	padding:0;
	margin:0;
}

a.grouped_elements:hover
{
	filter:alpha(opacity=50) !important;
	-moz-opacity:0.5 !important;
	-khtml-opacity: 0.5 !important;
	opacity: 0.5 !important;
}

a.swf
{
	padding:0;
	margin:0;
}

a.swf:hover
{
	filter:alpha(opacity=50) !important;
	-moz-opacity:0.5 !important;
	-khtml-opacity: 0.5 !important;
	opacity: 0.5 !important;
}

.click-to-enlarge
{
	color:#c66228;
}

#homepage-splash
{
	display:block;
	width:850px;
	padding:25px;
	background-color:#4a7491;
	color:#FFFFFF;
}

.sub-box
{
	display:block;
	width:270px;
	height:180px;
	padding:10px;
	float:left;
	margin-right:15px;
	background-color:#FFFFFF;
	position:relative;
}

.sub-box a span
{
	color:#262626;	
}

#social-links
{
	margin-left:12px;
	margin-top:13px;	
}

a.sub-title
{
	font-size:18px;
	background-color:#7997aa;
	padding:5px;
	color:#FFFFFF;	
	display:block;
	width:280px;
	margin-left:-10px;
	margin-top:-10px;
}

a.sub-title:hover
{
	background-color:#c66228;
}

.service-box
{
	display:block;
	width:128px;
	float:left;
	margin-right:25px;
	position:relative;
}

.service-box-graphic
{
	position:absolute;
	top:-31px;
	left:0px;
	display:block;
	width:135px;
	height:31px;
}

.service-box a
{
	
}

a.service-title
{
	font-size:18px;
	background-color:#4a7491;
	padding:5px;
	color:#FFFFFF;	
	display:block;
	width:125px;
}

a.service-title:hover
{
	background-color:#c66228;
}

.homepage a
{
	color:#4a7491 !important; 
	margin-left:-3px;
	margin-right:-3px;
}

.homepage a:hover
{
	color:#FFFFFF !important; 
}

a.warning
{
	color:#262626 !important;	
}

a.warning:hover
{
	color:#FFFFFF !important;	
}

a.inline
{
	margin-left:-3px;
	margin-right:-3px;	
}

#full-portfolio-image a:hover
{
	background-color:transparent;
}


.extended-portfolio-company
{
	display:block;
	margin:15px 0;
	padding:36px 0px 15px 15px;
	width:635px;
	height:24px;
	color:#ebeced;
	font-size:24px;
	line-height:24px;
	background-color:#7997aa;
	position:relative;
}

a.extended-portfolio-company
{
	display:block;
	margin:15px 0;
	padding:36px 0px 15px 15px;
	width:635px;
	height:24px;
	color:#ebeced;
	font-size:24px;
	line-height:24px;
	background-color:#7997aa;
	position:relative;
}

a.extended-portfolio-company:hover
{
	background-color:#4c575e;
}

.extended-portfolio-icon
{
	display:inline;
	height:75px;
	width:75px;
	position:absolute;
	top:0;
	right:0;
}

#full-portfolio-image a.single_image
{
	height:300px;
	width:350px;
	display:block;
	background-image:url(images/click-to-enlarge.png);
	background-position:bottom;
}


.extended-portfolio-project
{
	color:#ebeced;
	font-size:15px;
	margin-left:10px;
}


.portfolio-company
{
	display:block;
	margin:5px 0;
	padding:36px 0px 10px 10px;
	width:640px;
	height:24px;
	color:#ebeced;
	font-size:36px;
	line-height:24px;
	background-color:#7997aa;
	position:relative;
}

a.see-expanded-portfolio{
	font-size:15px;
	color:#ebeced;
}

a.see-expanded-portfolio:hover{
	font-size:15px;
	color:#c66228;
	background-color:transparent;
}

a.seo-download{
	display:block;
	padding:4px 8px;
	background-color:#CCC;
	border:2px solid #666;
	font-size:24px;
	float:left;
	
}

#team
{
	display:block;
	position:relative;
	float:left;
	height:225px;
	width:595px;
	background-image:url(images/805-team.png);
	background-position:top;
}

#team a
{
	font-size:15px;
	line-height:15px;
	background-color:#7997aa;
	padding:5px 10px;
	color:#FFFFFF;	
	display:block;
	width:575px;
	position:absolute;
	bottom:0;
}

#team a:hover
{
	background-color:#c66228;
}

#recent-blog
{
	display:block;
	position:relative;
	float:left;
	height:225px;
	width:290px;
	margin-right:15px;
}

#post-list
{
	height:200px;
	margin-top:25px;
	width:290px;	
}

a.recent-updates
{
	font-size:15px;
	line-height:15px;
	background-color:#7997aa;
	padding:5px 10px;
	color:#FFFFFF;	
	display:block;
	width:270px;
	position:absolute;
	top:0;
}

a.recent-updates:hover
{
	background-color:#c66228;
}

a.post-title
{
	font-size:14px;
	line-height:39px;
	height:39px;
	background-color:#fff;
	padding:5px 10px;
	color:#262626;	
	display:block;
	width:270px;
	position:relative;
	border-top:solid 1px #ebeced;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

a.post-title:hover
{
	background-color:#c66228;
	color:#fff;
}