* {
	padding:			0 auto;
	margin:				0 auto;
}

html {
	
}

body {
	text-align:		center;
	font:			9pt arial, sans-serif;
	color:			#474747;
	line-height:	14pt;
	background:		#fff;
	padding:		20px 0 20px 0;
	margin:			0;
	
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
    }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }



.bothClear {
	clear:				both;
}

.leftFloat {
	float:				left;
}

.rightFloat {
	float:				right;
}

.alignRight {
	text-align:			right;
}


.contentContainer {
	text-align:		center;
	width:			980px;
	background:		#fff;
}

.wrapper {
	text-align:		center;
	width:			980px;
}

.headerArea {
	height:			40px;
	border-bottom:	1px solid #ebebf3;
}	

.logoArea {
	height:			40px;
	width:			390px;
	float:			left;
	text-align:		left;	
}	

.topNav {
	height:			30px;
	text-align:		right;
	width:			400px;
	float:			right;
	padding:		20px 0 0 0;
	
}

.navDividor {
	color:			#8cc0d8;
	padding:		0 5px;
}

.contentArea {
	text-align:		center;
	width:			100%;
	background:		#fff;
	clear:			both;
}

.columnThird {
	float:			left;
	width:			320px;
	text-align:		left;
}

.columnThird2 {
	float:			left;
	width:			310px;
	text-align:		left;
}

.column1 {
	float:			left;
	width:			245px;
	text-align:		left;
}

.column2 {
	float:			left;
	width:			245px;
	text-align:		left;
}

.column2Wide {
	float:			left;
	width:			490px;
	text-align:		left;
}

.column3 {
	float:			left;
	width:			245px;
	text-align:		left;
}

.column4 {
	float:			left;
	width:			245px;
	text-align:		left;
}








.contentPadding3 {
	padding:		20px 60px 20px 0;
}

.contentPadding2 {
	padding:		0 0 0 0;
}

.contentPadding1 {
	padding:		0 30px 0 0;
}

.portfolioArea {
	clear:			both;
	width:			980px;
	text-align:		center;
}	

.portfolioColumn {
	text-align:		center;
	padding:		0 0 20px 30px;
	clear:			both;
}

.portfolioColumn2 {
	text-align:		center;
	padding:		0 0 20px 0;
	clear:			both;
}

.portfolioElement {
	float:			left;
	width:			180px;
	height:			100px;
	padding:		0 2px 2px 0;
}

.portfolioLinksLine {
	border-top:			1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
	height:				30px;
	width:				400px;
	text-align:			left;
}

.portfolioArrow {
	float:				left;
	width:				50px;
	padding:			180px 0 0 0;
}

.portfolioImage {
	float:				left;
	width:				575px;
	height:				490px;
}

.portfolioDescription {
	float:				left;
	width:				220px;
	padding:			0 20px;
}

.portfolioPadding {
	padding:			30px 20px 0 20px;
}




.caseStudyImage {
	float:			left;
	width:			480px;
	height:			272px;
}

.caseStudyTitle {
	clear:			both;
	padding:		10px 0 15px 45px;
	text-align:		left;
}

.caseStudyCol1 {
	float:			left;
	width:			480px;
	padding:		0 50px 0 45px;
}

.caseStudyCol2 {
	float:			left;
	width:			130px;
}

.caseStudyCol3 {
	float:			left;
	width:			230px;
	text-align:		left;
}

.caseStudyElements {
	padding:		30px 0 0 0;
	clear:			both;
}

.tableRow {
	clear:			both;
	height:			20px;
}

.tableCell1 {
	float:			left;
	width:			150px;
	font:			9pt arial, sans-serif;
	text-align:		left;
	color:			#474747;
}

.tableCell2 {
	float:			left;
	width:			400px;
	font:			9pt arial, sans-serif;
	text-align:		left;
	color:			#474747;
}

.formStyle {
	border:			1px solid #bbb;
	width:			300px;
	font:			9pt arial, sans-serif;
	
}

.indexImage {
	padding:		20px 0;
}

.indexArea {
	clear:			both;
}

.indexContentArea {
	clear:			both;
	margin:			0 0 20px 0;
}

.indexColumn1 {
	float:			left;
	width:			475px;
	text-align:		left;
}

.indexColumn2 {
	float:			left;
	width:			250px;
	text-align:		left;
}

.indexColumn3 {
	float:			left;
	width:			255px;
	text-align:		left;
}

.indexPadding1 {
	padding:		0 20px 0 10px;
}

.indexPadding2 {
	padding:		0 20px 0 0;
}

.buttonLine {
	border-top:		1px solid #dddddd;
	border-bottom:	1px solid #dddddd;	
	height:			31px;
	clear:			both;
}

.buttonPadding {
	padding:		9px 0 0 0;
}

.pipeDividor {
	color:			#c1c1c1;
	padding:		0 5px;
}



.contentPadding {
	padding:		20px 0;
}

.servicesCol {
	float:			left;
	width:			160px;
	text-align:		left;
}

.contentCol {
	float:			left;
	width:			500px;
	text-align:		left;
}

.footerArea {
	text-align:		center;
	border-top:		1px solid #dddddd;
	width:			980px;
	clear:			both;
	margin:			20px 0 0 0;
}

.footerAreaIndex {
	text-align:		center;
	width:			980px;
	clear:			both;
	margin:			20px 0 0 0;
}

.footerPadding {
	padding:		15px 0 0 0;
}






@font-face {
   font-family: BreuerText-Regular;
   src: url(/images/lookhere/BreuerText-Regular.ttf);
 }
 
.breuerText {
   font-family: BreuerText-Regular;
   font-size: 	14pt;
   color:		#5b5b5b;
}





p {
	font:			9pt arial, sans-serif;
	text-align:		left;
	color:			#343434;
	line-height:	14pt;
	padding:		0 0 8px 3px;
}	

h1 {
	font:			bold 12pt arial, sans-serif;
	text-align:		left;
	color:			#686868;
	text-transform: capitalize;
	padding:		8px 0 5px 3px;
}	

h2 {
	font:			bold 9pt arial, sans-serif;
	color:			#686868;
	text-transform:	none;
	padding:		15px 0 5px 3px;
	text-align:		left;
}

h3 {
	font:			8pt arial, sans-serif;
	color:			#0a50a5;
	text-transform:	uppercase;
	margin:			12px 0 10px 3px;
	text-align:		left;
}

h4 {
	font:			8pt arial;
	color:			#0a50a5;
	text-transform:	uppercase;
	margin:			10px 0 0 0;
	text-align:		left;
}

strong {
	font:			bold 10pt arial, sans-serif;
	text-align:		left;
	color:			#686868;
	text-transform: capitalize;
}	



ul {
	text-align:		left;
	padding:		0;
	margin:			0 0 0 15px;
	list-style-image:url(/images/lookhere/bullet.gif)
}	

li {
	text-align:		left;
	padding:		0 0 0 0px;
	margin:			0 0 0 15px;
}	

a {
	color:			#4ea6d6;
	font:			9pt arial, sans-serif;
	text-decoration:underline;
}

a:hover {
	color:			#153648;
	text-decoration:none;
}

.smallUppercase {
	font:			8pt arial, sans-serif;
	text-align:		left;
	color:			#323232;
	text-transform: uppercase;
	padding:		0 0 0 0;
}


.footerText {
	font:			8pt arial, sans-serif;
	text-transform:	uppercase;
	text-align:		left;
	color:			#929292;
	line-height:	14pt;
}	

.linkElementText {
	padding:		8px 0 0 30px;
	text-align:		left;
	float:			left;
}


.linkElement a {
	background: url(/images/lookhere/bg-arrow.gif) no-repeat;
	width:		170px;
	height:		31px;
	float:		left;
	margin:		0 0;
}

.linkElement2 a {
	background: url(/images/lookhere/bg-arrow2.gif) no-repeat;
	width:		220px;
	height:		31px;
	float:		left;
	margin:		0 0;
}

.linkElement3 a {
	background: url(/images/lookhere/bg-arrow2.gif) no-repeat;
	height:		31px;
	float:		left;
	margin:		0 8px 0 0;
}

.linkElement a:hover {
	background-position:	0 -45px;
}

.linkElement2 a:hover {
	background-position:	0 -45px;
}

.linkElement3 a:hover {
	background-position:	0 -45px;
}