/*
------------------------------------------------------------------------
Template Name: iFactory Homepage "Point Five"
Author URI: http://www.ifactory.com/
Updated: Tue, October 2009
Copyright: (c) 2009 iFactory, All rights reserved.
------------------------------------------------------------------------
*/


/***** body and font definitions *****/


html { background: #d2d2d2 url(../images/bg_home_main.gif) repeat-y center; }
*{ outline: none; }
body {
	font-size: 62.5%;
		/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~- */
		/*	***************************************************************************************************
			* IMPORTANT! setting body to 62.5% sets em measurements to base 10: 1em = 10px, 12.7em = 127px *
			*************************************************************************************************** */
		/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~- */
	font-family: Arial, Helvetica, sans-serif;
	color: #545454;
	padding: 0;
	margin: 0;
	background: #d2d2d2;
	text-align: center;
}

/***** site layout *****/


#mainWrapper {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 1000px;
	background-color: white;
}
	#header {
		height: 112px;
		background: #f6f5ee url(../images/bg_header.jpg) no-repeat left top;
		position: relative;
	}
	.typical #mainContent {
		overflow: visible;
		clear: none;
	}
	#mainContent {
		overflow: visible;
		clear: both;
		background: transparent url(../images/bg_typical_main.jpg) repeat-x left top;
		min-height: 360px;
		height: auto !important;
		height: 360px;
	}
		#mainColumn {
			position: relative;
			float: left;
			width: 644px;
			
		}
			#innerColumnOne {
				display: inline;
				float: left;
				margin:32px 0 0 46px;
				width:278px;
				font-size: 1.2em;
				line-height: 1.5em;
				color: #333;
				padding-bottom:2.5em;
			}
			#innerColumnTwo {
				display: inline;
				float: left;
				margin:32px 0 0 42px;
				width:278px;
				font-size: 1.2em;
				line-height: 1.5em;
				color: #333;
				padding-bottom:2.5em;
			}
		#sideColumn {
			margin-top: 32px;
			position: relative;
			float: right;
			width:271px;
			font-size: 1.2em;
			line-height: 1.5em;
			color: #333;
			padding: 0 24px 2.5em;
		}
	#footer {
		position: relative;
		clear: both;
		background-color: white;
		font-size: 1.2em;
		height:112px;
	}


/***** header elements *****/


#headerLogo {
	position: absolute;
	height:60px;
	left:23px;
	top:9px;
	width:224px;
}
	#headerLogo a {
		display:block;
		height:60px;
		width:224px;
	}
		#headerLogo a span {
			position: absolute;
			left: -9999px;
		}
#headerSubLogo {
	position: absolute;
	height:30px;
	right:24px;
	top:24px;
	width:250px;
}
	#headerSubLogo a {
		display:block;
		height:30px;
		width:250px;
	}
		#headerSubLogo a span {
			position: absolute;
			left: -9999px;
		}
#loginBox {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	background-color: #8f9cc5;
	width:375px;
	height:28px;
	overflow:hidden;
}
	#loginBox a.loginLink {
		position: absolute;
		background: #8F9CC5 url(../images/button_client_extranet.gif) no-repeat 28px 9px;
		display: block;
		height: 28px;
		width: 165px;
	}
	#loginBox a:hover.loginLink {
	}
		#loginBox a.loginLink span {
			position: absolute;
			left: -9999px;
		}
	#loginBox #clientlogin {
		position: absolute;
		position:absolute;
		right:8px;
		top:2px;
		width:202px;
	}
		#loginBox #clientlogin form {
		}
			#loginBox #clientlogin form input.loginfield {
				border: 1px solid #b5bddd;
				color: #aaa;
				font-size:1.2em;
				height:16px;
				margin-top:1px;
				padding:3px 2px 1px;
				width:142px;
				float: left;
			}
			#loginBox #clientlogin form input.loginsubmit {
				border: 0;
				padding: 0;
				float:right;
			}


/***** navigation *****/


#navigation {
	position: absolute;
	bottom: 0;
	height: 28px;
	width: 1000px;
	margin: 0;
	background-color: #e3dfd3;
}
	#navigation li {
		float: left;
		list-style: none;
	}
	#navigation li.first {
		padding-left: 20px;
	}
		#navigation li a {
			display:block;
			height:28px;
			background: transparent url(../images/navigation_sprite.gif) no-repeat left top;
		}
		#navigation li.navItemHome a { width: 87px; background-position: 45px 0; }
		#navigation li.navItemServices a { width: 75px; background-position: -42px 0; }
		#navigation li.navItemProcess a { width: 72px; background-position: -117px 0; }
		#navigation li.navItemWork a { width: 80px; background-position: -189px 0; }
		#navigation li.navItemNews a { width: 53px; background-position: -269px 0; }
		#navigation li.navItemAbout a { width: 76px; background-position: -322px 0; }
		#navigation li.navItemContact a { width: 90px; background-position: -398px 0; }
		#navigation li.navItemBlog a { width: 74px; background-position: -488px 0; }
		#navigation li a:hover,
		#navigation li.current a {
			text-decoration: none;
			background-color: #ec9140;
			background-image: url(../images/navigation_sprite_hover.gif);
		}
			#navigation li a span {
				position: absolute;
				left: -9999px;
				/* the following is so the sprite rollover will preload */
				background: tranparent url(../images/navigation_sprite_hover.gif) no-repeat left top;
				/* end of sprite rollover preload */
			}


/***** preContent elements *****/


.typical #mainInfo {
	float: none;
	padding-bottom: 18px;
}
.privacy #mainInfo {
	float: none;
	padding-bottom: 18px;
	width:auto;
}
#mainInfo {
	font-size: 3em;
	line-height: 1.267em;
	font-family: Georgia, Times New Roman, Times, serif;
	width:597px;
	float: left;
	padding:42px 0 0 42px;
}
	#mainInfo h1 {
		color: #ec9140;
		font-size: 2em;
		line-height: 1.25em;
		font-weight: normal;
		margin: 0 0 0 -4px;
	}
	#mainInfo h2 {
		color: #6979AD;
		font-size: 1em;
		font-weight: normal;
	}
	#mainInfo p {
		color: #c9c9c9;
	}


#sideInfo {
	float:right;
	width:319px;
	font-size: 1.8em;
	font-family: Georgia, Times New Roman, Times, serif;
}
	#sideInfo .callout {
		line-height: 1.667em;
		background-color: #ec9140;
		color: white;
		padding: 46px 24px 35px;
	}
	
	#sideInfo .callout a {
		color: #fffb85;
	}
	#sideInfo .boxConnector {
		background: transparent url(../images/box_connector_bar.gif) no-repeat left bottom;
		height: 11px;
	}
	#sideInfo #secondNav {
		margin:8px 0 1em 20px;
	}
		#sideInfo #secondNav li {
			list-style: none;
			line-height:1.332em;
			padding:0.275em 0 0.275em 4px;
			background: transparent url(../images/typical_title_divider.gif) no-repeat left bottom;
		}
		#sideInfo #secondNav li.current { color: #6979ad; }
		#sideInfo #secondNav li.last { background-image: none; }
			#sideInfo #secondNav li a { }
			#sideInfo #secondNav li.current a { color: #6979ad; }
	#sideInfo .callout2 {
		margin: 10px 24px;
	}
	#sideInfo .callout2 p {
		font-size: 0.722em;
		line-height: 1.385em;
		color: #999;
	}


/***** main column elements *****/

.border {
	border: 1px solid #ccc;
}

/***** side column elements *****/

.follow ul {
	margin: 0;
}

.follow ul li {
	list-style-type: none;
	margin: 1px 0;
	padding: 0;
}

.follow ul li a {
	display: block;
	padding: 7px 35px;
	color: #6979ad;
}

.follow ul li .blog {
	background: url(../images/icon_blog.gif) top left no-repeat;
}

.follow ul li .facebook {
	background: url(../images/icon_facebook.gif) top left no-repeat;
}

.follow ul li .twitter {
	background: url(../images/icon_twitter.gif) top left no-repeat;
}

.follow ul li .linkedin {
	background: url(../images/icon_linkedin.gif) top left no-repeat;
}

.follow ul li#newsletterSignup {
	background: url(../images/icon_newsletter.gif) top left no-repeat;
	margin: 25px 0;
	padding: 7px 0 7px 35px;
	position: static;
}

.follow ul li#newsletterSignup form fieldset label,
.follow ul li#newsletterSignup form fieldset #inputSignup,
.follow ul li#newsletterSignup form fieldset #buttonSignup {
	position: static;
	float: left;
	text-align: left;
	margin: 0;
}

.follow ul li#newsletterSignup form fieldset #inputSignup {
	margin-right: 6px;
}

.follow ul li#newsletterSignup form fieldset label {
	margin-bottom: 3px;
	
}

.twitterfeed {
	border: 1px solid #d2d2d1;
	width: 265px;
}



/***** page elements *****/


#mainContent h2.ourTeamTitle,
#mainContent h2.jobsTitle,
#mainContent h2.directionsTitle,
#mainContent h2.clientRavesTitle,
#mainContent h2.followUsTitle {
	border-bottom: 1px solid #aaa;
	margin:0 0 0.45em;
	display: block;
	padding-top: 10px;
	height: 23px;
}
#mainContent h2.ourTeamTitle { background: transparent url(../images/title_our_team.gif) no-repeat left 10px; }
#mainContent h2.jobsTitle { background: transparent url(../images/title_jobs.gif) no-repeat left 10px; }
#mainContent h2.directionsTitle { background: transparent url(../images/title_directions.gif) no-repeat left 10px; }
#mainContent h2.clientRavesTitle { background: transparent url(../images/title_client_raves.gif) no-repeat left 10px; }
#mainContent h2.followUsTitle { background: transparent url(../images/title_followus.gif) no-repeat left 10px; }
	#mainContent h2.ourTeamTitle a,
	#mainContent h2.jobsTitle a,
	#mainContent h2.directionsTitle a,
	#mainContent h2.clientRavesTitle a,
	#mainContent h2.followUsTitle a {
		
	}
		#mainContent h2.ourTeamTitle span,
		#mainContent h2.jobsTitle span,
		#mainContent h2.directionsTitle span,
		#mainContent h2.clientRavesTitle span,
		#mainContent h2.followUsTitle span {
			position: absolute;
			left: -9999px;
		}
#innerColumnOne h3,
#innerColumnTwo h3,
#sideColumn h3 {
	font-weight: normal;
	margin: 0 0 1em;
	font-size: 1.667em;
	line-height: 1.4em;
	font-family: Georgia, Times New Roman, Times, serif;
}
	#innerColumnOne h3 a {
	}
.box_shadow_264w {
	width: 280px;
	margin: 0 0 0.45em -5px;
	position:relative;
}
	.box_shadow_264w .box_shadow_top {
		background: transparent url(../images/box_shadow_264w_top.png) no-repeat left top;
		height: 5px;
	}
	.box_shadow_264w .box_shadow_middle {
		background: transparent url(../images/box_shadow_264w_middle.png) repeat-y left top;
		padding: 0 5px;
	}
	.box_shadow_264w .box_shadow_bottom {
		background: transparent url(../images/box_shadow_264w_bottom.png) no-repeat left top;
		height: 5px;
	}
		.box_shadow_264w img {
			display: block;
			border: 3px solid white;
		}
#sideColumn h3 {
	margin-bottom:0.5em;
	padding-top: 0;
	background: transparent;
}
#sideColumn p {
	margin-bottom:0.8em;
}

#mainColumnInner {
	font-size: 1.2em;
	line-height: 1.5em;
	margin:36px 42px 2.5em;
}
	#mainColumnInner .contentItem {
		clear: both;
		overflow:hidden;
		margin-bottom:35px;
	}
		.box_shadow_144w {
			border: 1px solid #ccc;
			margin-top: 5px;
			display:block;
			float:left;
		}
		#mainColumnInner .contentItem h2 {
			font-family: Georgia, Times New Roman, Times, serif;
			font-size: 1.75em;
			line-height: 1.1em;
			font-weight: normal;
			margin:0 0 0.45em 167px;
			padding-top:0;
			color: #EC9140;
		}
		#mainColumnInner .contentItem.partners h2, #mainColumnInner .contentItem.partners p {
			margin-left: 0;
		}
		#mainColumnInner .contentItem.partners {
			border-bottom: 1px solid #DDD;
			padding-bottom: 3px;
			margin-bottom: 12px;
		}
		#mainColumnInner .contentItem.partners img {
			border: 1px solid #ccc;
			margin: 5px 0 0;
			display:block;
			padding: 10px;
			background: #fff;
		}
		#mainColumnInner .contentItem.partners .description {
			float: left;
			width: 380px;
			margin: 10px 0 0 0;
		}
		#mainColumnInner .contentItem.partners .contact {
			float: left;
			margin: 10px 0 0 30px;
			padding: 0 0 10px 15px;
			line-height: 18px;
			border-left: 1px solid #DDD;
			width: 134px;
		}
			#mainColumnInner .contentItem h2 a {
			}
		#mainColumnInner .contentItem p {
			margin:0 0 0.8em 167px;
		}
		#mainColumnInner .contentItem p.link {
			margin-bottom: 0;
		}
			#mainColumnInner .contentItem p.link a {
				font-weight: bold;
				color: #8f9cc5;
			}


/***** footer elements *****/


#footer .footerSlug {
	position: absolute;
	top: 22px;
	left: 32px;
}
	#footer .footerSlug strong {
	}
	#footer .footerSlug a {
	}
#newsletterSignup {
	position: absolute;
	top: 17px;
	right: 31px;
}
	#newsletterSignup form {
	}
		#newsletterSignup form fieldset {
		}
			#newsletterSignup form fieldset label {
				position:absolute;
				top:5px;
				right:216px;
				text-align:right;
				width:133px;
			}
			#newsletterSignup form fieldset #inputSignup {
				position:absolute;
				right:57px;
				width: 139px;
				padding: 4px;
				top: 0;
			}
			#newsletterSignup form fieldset #buttonSignup {
				position:absolute;
				right:0;
				padding: 0;
				border: 0;
				top: 0;
			}

#quickSearch {
	text-align: right;
}
	#quickSearch form {
	}
		#quickSearch form #searchCheckboxLabel {
			position:absolute;
			right:21px;
			top:5px;
			width:80px;
			font-size: 1.3em;
			color: #c0db62;
		}
		#quickSearch form #searchCheckboxWrap {
			position:absolute;
			right:99px;
			top:6px;
		}
			#quickSearch form #searchCheckboxWrap #searchCheckbox {
			}
		#quickSearch form #q {
			position: absolute;
			right: 123px;
			height: 17px;
			width: 267px;
			padding: 3px 4px;
			color: #858585;
			font-size: 1.4em;
			border: 1px solid #a5a5a5;
			background-color: white;
		}
		#quickSearch form #searchBtn {
			position: absolute;
			top: 2px;
			right: 125px;
			padding: 0;
			border: 0;
		}
		
		
#footer .follow {
	display: block;
	position: absolute;
	right: 29px;
	top: 12px;
	width: 350px;
}

#footer .follow h4 {
	font-weight: normal;
	font-size: 1em;
	float: left;
	padding: 10px 5px;
}

#footer .follow ul {
	float: right;
}

#footer .follow ul.icons li {
	float: left;
	width: 30px;
	overflow: hidden;
}

#footer .follow ul.newsletter {
	padding-top: 5px;
	padding-right: 2px;
}

#footer .follow ul.newsletter li {
	padding: 0;
	background: none;
}

#footer .follow ul li#newsletterSignup {
	margin: 0;
	padding: 0 0 5px 0;
}

#footer .follow ul li#newsletterSignup form fieldset label,
#footer .follow ul li#newsletterSignup form fieldset #inputSignup,
#footer .follow ul li#newsletterSignup form fieldset #buttonSignup {
	position: static;
	float: left;
	text-align: left;
	margin: 0;
}

#footer .follow ul li#newsletterSignup form fieldset #inputSignup {
	margin-right: 6px;
}

#footer .follow ul li#newsletterSignup form fieldset label {
	margin: 5px 6px 3px 35px;
	width: auto;
}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
	/*>*>*>*>*>     Typical Styles     <*<*<*<*<*/
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


#fullColumn {
	width: 598px;
	overflow: hidden;
	padding:32px 0 0 46px;
	font-size: 1.2em;
	color: #333;
	line-height: 1.5em;
	padding-bottom:2.5em;
}

iframe {
	border: 1px solid #ccc;
}

sup {
	vertical-align: super;
	font-size: .5em;
}

li.lihead {
	list-style-type: none;
	margin-left: -1em;
}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
	/*>*>*>*>*>     Contact Us Styles     <*<*<*<*<*/
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


table#form, table#form td {
	border: 0;
	padding: 0;
	margin: 0;
}

table#form td {
	padding: 0 10px 10px 0;
}

table#form td .contactindent {
 	margin-left: 0;
}

table#form td ul.contactindent li {
 	list-style-type: none;
}

.required {
	 color: #f00;
}

.hidden {
	visibility: hidden;
}

input.submit {
	border: 0;
	padding: 0;
}

input.noborderC {
	border: 0;
	padding: 0;
	margin: 0 0 .3em 0;
	vertical-align: middle;
}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
	/*>*>*>*>*>     News and About Us Styles     <*<*<*<*<*/
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


div.about {
	background: transparent url(../images/typical_title_divider.gif) repeat-x left top;
	margin-bottom: 0;
	padding: .8em 0 0;
	clear: left;
}

div.about img {
	float: left;
	margin: 3px 15px 10px 0;
	border: 1px solid #d0d0d0;
}

div.about .arrow {
	width: 15px;
	height: 13px;
	background: url(../images/updown.gif) no-repeat bottom left;
	display: inline-block;
	margin: 0 0 -2px 15px;
}

div.about.active .arrow {
	background-position: top left;
}

div.about .bio {
	position: absolute;
	left: -999em;
}

div.about.active .bio {
	position: static;
	left: auto;
}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
	/*>*>*>*>*>     Our Work Styles     <*<*<*<*<*/
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


div.portfolio {
	background: transparent url(../images/typical_title_divider.gif) repeat-x left bottom;
	margin-bottom: 1.6em;
	padding-bottom: .8em;
	clear: both;
}

div.portfolio img {
	float: left;
	margin: 3px 15px 15px 0;
	border: 1px solid #ccc;
}

div.portfolio h2 i, div.portfolio h2 em {
	color: #b6b6b6;
}

table.clients {
	border: 0;
}

table.clients td {
	width: 255px;
	padding: 0 25px 0 0;
	border: 0;
}

div.portfolio div.left {
	width: 150px;
	margin: 3px 15px 15px 0;
}