@charset "UTF-8";
/* CSS Document */
/* errothree.css */
/* ErroThree Consulting LLC */

@import url("reset.css");

@font-face{ 
	/* for Internet Explorer */
	font-family: 'e3font';
	src: url('fonts/bebasneue.eot');
}

@font-face {
	/* for everything else */
	font-family: 'e3font';
	src: url(//:) format('no404'),
	     url('fonts/bebasneue.woff') format('woff'),
	     url('fonts/bebasneue.ttf') format('truetype'),
	     url('fonts/bebasneue.svg#webfont') format('svg');
}

body {
	background:url(../assets/images/background/E3Cbackground.jpg) repeat-x #FFF;
	font-family: e3font;
	font-size:18px;
	color:#B6B6B6;
	font-weight:100;
}

a {
	color:#B6B6B6;	
}

#otrCntr {
	width:1020px;
	margin:0 auto;
}

#container {
	width:950px;
	margin:0 auto;
}


/** FOOTER.PHP **/
#footer {
	float:left;
	width:950px;
	margin:20px auto;
	padding:15px 0 100px 0;
	background:url(../assets/images/dividerlines/stdln.png) no-repeat;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#848484;
}

#footer a { color:#848484; }

#footer a:hover {
	text-decoration:underline;
	color:#E4B809;	
}

#footer #facebook {
	width:112px;
	height:55px;
	background:url(../assets/images/footer/socialmedia.png) no-repeat;
	float:left;
}

#footer #twitter {
	width:97px;
	height:55px;
	background:url(../assets/images/footer/socialmedia.png) no-repeat;
	background-position: 0px -130px;
	float:left;
}

#footer #tumblr {
	width:93px;
	height:55px;
	background:url(../assets/images/footer/socialmedia.png) no-repeat;
	background-position: 0px -260px;
	float:left;
}

#footer #letstalk {
	width:128px;
	height:55px;
	background:url(../assets/images/footer/socialmedia.png) no-repeat;
	background-position: 0px -390px;
	float:left;
}

#footer #facebook:hover { background-position: 0px -65px; }
#footer #twitter:hover { background-position: 0px -195px; }
#footer #tumblr:hover { background-position: 0px -325px; }
#footer #letstalk:hover { background-position: 0px -455px; }
#footer #leftfooter { width: 410px; }
#footer #leftfooter #impactp { margin:19px 0; font-family: e3font; }

.alignleft { float:left; }
.alignright {float:right; }
.block { display:block; }
.yellowtext { color:#F8C105 }
.fnt12  { font-size:12px; }
.fnt14  { font-size:14px; }
.fnt16  { font-size:16px; }
.fnt18 { font-size:18px; }
.underline { text-decoration:underline; }

.fullink {
	display:block;
	height:100%; width:100%; }
	
.sigdivideline {
	height:20px;
	background:url(../assets/images/dividerlines/e3sigline.png) no-repeat;
	margin:0 0 10px 0;
}

.sigdivideline hr { display:none; }

.stdline {
	border:0;
	height:2px;
	background:url(../assets/images/dividerlines/stdln.png) no-repeat;
	clear:both;
}

.dottedline {
	border:0;
	height:2px;
	background:url(../assets/images/dividerlines/dotline.png) no-repeat;
	clear:both;
}
	
/* home.php */
#largebillboard_area {
	width:947px; height:440px;	
}

#recenetwork_header { float:left; margin-bottom:10px; width:378px; }

#recentwork #viewportfolio {
	width:139px;
	height:37px;
	background:url(../assets/images/home/recentwork/viewportfolio.png) no-repeat;
	float:left;
	margin-left:420px;
}



#viewservices {
	width:139px;
	height:37px;
	background:url(../assets/images/home/welcome/viewservices.png) no-repeat;
	float:right;
	margin-top:10px;
}



#recentwork #viewportfolio:hover { background-position:0px -42px; }
#viewservices:hover { background-position:0px -42px; }

#welcome_header { float:left; margin:10px; width:375px; }


.welcomelargetext {
	color:#636363;
	font-size:46px;
	margin-left:10px;
}


.linkys {
	float:right;
	font-size:14px;
	text-decoration:underline;
	margin:10px 10px 0 0;
	font-family:e3font;
	width:61px;
}

.recentwork_minibox {
	width:297px;
	margin-bottom:10px;
	float:left;
}

.recentwork_minibox h2 {
	margin:15px 0 0 10px;
	color:#636363;
	font-size:24px;
	font-weight:100;
}

.recentwork_minibox .pictureframe {
	width:293px; height:168px;
	background:url(../assets/images/home/recentwork/minirecentwork_frame.png) no-repeat;
	padding:6px 0 0 6px;
}


.minibox_text_upper { 
	height:41px;
	overflow:hidden;
	font-size:11px !important;
}

.recentwork_minibox p {
	width:275px;
	margin:2px 0 0 10px;
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#848484;
}

#recentwork_minibox_2 { margin-left:25px; }
#recentwork_minibox_3 { margin-left:25px; }
#welcome_minibox_1 { margin-top:10px; }
#welcome_minibox_2 { margin-top:10px; }
#welcome_minibox_3 { margin-top:10px; }

/* process.php */
.process_box a {
	color:#f8C105;
	text-decoration:underline;
	font-family:e3font, "Arial";
	text-transform:uppercase;
	font-size:14px;
}

#process #toplogo {
	margin-top:20px;	
}

.process_box .bottom_line {
	clear:left;
	margin-top:35px;
	width:947px;
}

.process_box .arrow {
	float:left;
	margin-left:25px;
	width:35px;
}

.process_box .line_box {
	float:left; 
	margin:0 20px; 
	width:3px;
	height:78px;
	background:url(../assets/images/process/process_horizontal_line_85.png) no-repeat;
}

.process_box h2 { color:#636363; font-size:28px; font-weight:100; }
.process_box div p { color:#848484; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; }
.process_box div { text-align:justify; float:left; width:830px } 

/* services.php */
	#services_list img {
		margin-bottom:8px;
	}
	
	table {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#636363;
		margin-left:60px;
		font-weight:900;
		width:870px;
	}
	
	table tr td {
		padding:7px 0 7px 0px;
		text-align:justify;
	}
	
	td.specialtext { color:#848484;}
	
	.testimonial_box {
		margin:25px 0;
	}
	
	.testimonial_pic {
		background:url(../assets/images/services/testimonial_img_back.png) no-repeat;
		width:135px; height:137px;
		margin:0 0 0 20px;
		float:left;
		padding:6px 0 0 6px;
	}
		
		
	#view_portfolio_button {
		background:url(../assets/images/services/view_portfolio_button.png) no-repeat;
		width:139px;
		height:32px;
		float:right;
	}
	
	#our_process_button {
		background:url(../assets/images/buttons/our_process.png) no-repeat;
		width:139px;
		height:32px;
		float:right;
	}
	
	#our_process_button:hover { background-position:-139px 0px; }
	#view_portfolio_button:hover { background-position:-139px 0px; }
	
	.testimonial_text_area {
		width:765px;
		float:left;
		margin-left:20px;
		text-align:justify;
		padding:8px 0 0 0;
	}
	
	.testimonial_text_area h2 { font-size:36px; color:#636363; font-weight:100; }
	.testimonial_text_area p { 
		font-family:Arial, Helvetica, sans-serif;
		color:#848484; 
		font-size:12px;
		line-height:150%;
	}
/*about*/
	#about_founders_div {
		width:inherit;
		text-align:center;
	}

	.founder_box {
		width:208px;
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		margin-right:160px;
	}
	
	.founder_box h4 {
		margin-top:20px;	
		font-size:24px;
		font-weight:100;
		color:#636363;
	}
	
	.founder_box a {
		color:#F8C105;
		text-decoration:underline;
		font-size:14px;
	}
	
	.founder_box .founder_box_image {
		width:208px; 
		height:261px; 
		background:url(../assets/images/about/profile_pic_frame.png) no-repeat;
		padding-top:6px;
	}
	
	.section_header {
		float:left;	
		margin:10px 500px 10px 0px;
	}
	
	#about_founders_div .founder_text {
		font-family:Arial, Helvetica, sans-serif;
		width:660px; height:267px;
		float:left;
		display:none;
		margin:10px 0 10px 25px;
		text-align:justify
	}
	
	#about_founders_div .founder_text h3 {
		color:#636363;
		font-size:20px;
	}
	
	#about_founders_div .founder_text h2 {
		font-size:46px;
		color:#F8C105;
		letter-spacing:-2px;
	}
	
	#about_founders_div .founder_text p.question {
		margin-top:20px;
		color:#636363;
		font-size:20px;
		text-transform:uppercase;
		font-weight:900;
		letter-spacing:-1px;
	}
	
	#about_founders_div .founder_text p.answer {
		margin:0;
		line-height:150%;
		color:#848484;
		font-size:12px;
	}	
	
	#about_founders_div .founder_text a { color:#F8C105; text-decoration:underline; }
	#about_founders_div #about_founders_div_title {
		float:left;
		width:361px;
	}
	
	.blog_entry { float:left; clear:both; margin:20px 0; }
	.blog_image { 
		float:left;
		width:454px; height:301px;
		background:url(../assets/images/about/blogPicBack.png) no-repeat;
		overflow:hidden;
		padding:6px 0 0 5px;
	}
	
	.blog_content {
		float:left;
		width:470px;
		margin-left:10px;
	}
	
	.blog_content p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		margin:0 0 15px 0;
		text-align:justify;
	}
	
	.blog_content p:first-child {
		color:#636363;
		font-size:26px;
		font-family:e3font;
	}
/* portfolio */
.sprite_button {
	width:139px;
	height:32px;
	float:right;
	margin:0px 0px 0px 15px; 
}

/* contact */
	#contact_upper {
		margin-top:15px;
		background:url(../assets/images/contact/contacts_lets_get_in_touch.png) no-repeat;
		padding:40px 25px 0 20px;
		text-align:justify;
	}
	
	#contact_upper h1 { color:#636363; font-size:28px; font-weight:100; margin:10px 0 0px 0px;}
	#contact_upper p { 	
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:150%; 
		color:#848484;
	}
	
	#contact_lower {
		background:url(../assets/images/contact/client_info_header.png) no-repeat;
	}
	
	#newsletter_button { background:url(../assets/images/buttons/newsletter.png) no-repeat; height:32px; width:139px; float:right; }
	#newsletter_button:hover { background-position:-139px 0; }
	
	#contact_form { margin-top:50px; clear:both;}
	#submit_button { background:url(../assets/images/buttons/submit_info.png) no-repeat; height:32px; border:0; width:139px; float:right; margin-top:10px; margin-bottom:15px;}
	#submit_button:hover { background-position:-139px 0; }
	
	#form_right {
		float:right;
		width:500px;
		margin-left:50px;
	}
	
	#success {
		margin:20px 200px; clear:both;
		float:left;
		height:200px; width:inherit;
		text-align:center;
		display:none;
		
	}
	
	form label {
		display:block;
		color:#F8C105;
		margin:10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	form input {
		height:30px; 
		border:1px solid #D6D6D6;
		width:335px;
		font-size:14px;
	}
	
	form input:focus {
		border:1px solid #F8C105;
	}
	
	form textarea:focus {
		border:1px solid #F8C105;
	}
	
	form textarea {
		border:1px solid #D6D6D6;
		font-size:16px;
		font-family:"Times New Roman", Times, serif;
		width:500px;
	}
	
	form select { width:335px; border:0; height:30px; margin-top:5px; border:1px solid #D6D6D6;}
	
	form .error { color:#F00; }

#how_e3c_began {
	font-size:30px;
	padding:15px 0;
}

#how_e3c_began h2 { 
	font-weight:100;
	color:#636363;
}

#how_e3c_began p { font-family:Arial, Helvetica, sans-serif; line-height:150%; font-size:12px; color:#848484;text-align:justify; }

/* portfolio */
	#portfolio #bodycontent {
		float:left;
		margin-top:15px;
	}
	
	#portfolio #portfolio_header_img {
		float:left;
		width:313px;
	}

	#portfolio .portfolio_box {
		width:299px;
		float:left;
		margin:15px 23px 15px 0;
	}
	
	#portfolio .first { clear:both; }
	#portfolio .last { margin-right:0px; }
	
	#portfolio .portfolio_box_img_back {
		background:url(../assets/images/portfolio/portfolio_back.png) no-repeat;
		width:299px; height:176px;
		margin-bottom:10px;
		padding:6px 0 0 6px;
	}
	
	#portfolio h2.portfolto_box_title {
		color:#636363;		
		font-size:24px;
		margin-left:10px;
		font-weight:100;
	}
	
	#portfolio .portfolio_box p {
		margin:0 10px;
		font-size:14px;
		text-align:justify;
		color:#848484;
		height:45px;
		overflow:hidden;
		
	}
	
	#portfolio .portfolio_box_details {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px !important;
	}
	
	#portfolio .sprite_button {
		width:139px;
		height:32px;
		float:right;
		margin:0px 0px 0px 15px; 
	}
	
	#portfolio ul { float:right;}
	#portfolio #viewall:hover { background-position:-139px -0px; }
	#portfolio #logos:hover { background-position:-139px -0px; }
	#portfolio #websites:hover { background-position:-139px -0px; }
	#portfolio #others:hover { background-position:-139px -0px; }
	#portfolio #viewall { background:url(../assets/images/buttons/view_all.png); }
	#portfolio #logos { background:url(../assets/images/buttons/logos.png) no-repeat; }
	
	body.logos_page #otrCntr #container #bodycontent #websites { background-position:0px 0px; }
	body.logos_page #otrCntr #container #bodycontent #websites:hover { background-position:-139px -0px; }
	body.logos_page #otrCntr #container #bodycontent #logos { background-position:-139px -0px; }
	
	#portfolio #websites { background:url(../assets/images/buttons/websites.png) no-repeat; background-position:-139px 0px; }
	#portfolio #others { background:url(../assets/images/buttons/other.png) no-repeat; }
	
	#portfolio .portfolio_type_button { margin-top:15px; clear:both; float:left; margin-left:0px; }
	#portfolio .learn_more { background:url(../assets/images/buttons/learn_more.png) no-repeat; }
	#portfolio .case_study { background:url(../assets/images/buttons/case_study.png) no-repeat; }
	#portfolio .learn_more:hover { background-position:-139px -0px; }
	#portfolio .case_study:hover { background-position:-139px -0px; }
/* END */

/* portfolio/details.php */
	#portfolio_details #go_back:hover { background-position:-139px -0px; }
	#portfolio_details #go_back { background:url(../assets/images/buttons/go_back.png); }
	#portfolio_details #our_process:hover { background-position:-139px -0px; }
	#portfolio_details #our_process { background:url(../assets/images/buttons/our_process.png); margin-top:15px; }

	#portfolio_details #detail_section {
		margin:15px 0 20px 0;
		clear:both;
		float:left;
	}
	
	#portfolio_details #detail_section #img_back { 
		float:left; 
		background:url(../assets/images/portfolio/portfolio_details_back.png) no-repeat;
		width:557px;
		height:484px;
	}
	
	#portfolio_details #detail_section #img_back img { padding:6px 0 0 5px; display:none; }
	
	
	#portfolio_details #detail_right_col {
		float:left;
		width:350px;
		min-height:200px;
		margin-left:25px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#portfolio_details h2 { 
		color:#636363;
		font-size:46px;
		margin-bottom:15px;
		font-family:e3font, Arial, sans-serif;
		font-weight:100;
	}
	
	#portfolio_details #detail_right_col h3 {
		color:#F8C105;
		font-size:20px;
		margin-bottom:15px;
	}
	
	#portfolio_details #detail_right_col h4 {
		color:#636363;
		font-size:20px;
	}
	
	#portfolio_details #detail_right_col p a {
		text-decoration:underline;
		color:#F8C105;
	}
	
	#portfolio_details #bodycontent p {
		margin-bottom:15px;
		font-size:12px;
		line-height:150%;
		color:#848484;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
	}
	
	#portfolio_details #case_study_section { 
		clear:both;
	}
	
	#portfolio_details #cs_header {
		margin-top:15px;
	}
	
	#portfolio_details .case_study_lower { float:left; width:275px; margin:20px 19px; }
/* end */