/*
Theme Name: Elou Webdesign */

@font-face {
    font-family: 'Museo Slab';
    src: url('museo_slab_500-webfont.eot');
    src: url('museo_slab_500-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('museo_slab_500-webfont.woff') format('woff'),
         url('museo_slab_500-webfont.ttf') format('truetype'),
         url('museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Museo Sans';
    src: url('museosans_500-webfont.eot');
    src: url('museosans_500-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('museosans_500-webfont.woff') format('woff'),
         url('museosans_500-webfont.ttf') format('truetype'),
         url('museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font: 12pt "Open Sans", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, figure, footer, header, hgroup, 
menu, nav, section {
	display: block;
	font-size: 12pt;
}
body {
	background: url('elou-back2.jpg');
	border-bottom: 1px solid #f9f9f9;
	color: #313131;
	cursor: default;
	line-height: 1;
	text-shadow: 1px 1px 1px rgba(255,255,255,.5);
}
img { 
	/*border: #f8f7f4 solid 5px; 
	-webkit-box-shadow: 0px 0px 5px 1px #e5e5e5;
	box-shadow: 0px 0px 5px 1px #e5e5e5; 
	margin: 2%; */
	max-width: 100%;
	vertical-align: middle;
}
a, a:visited {
	color: #852716;
	font: inherit;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
}
a:hover, a:active {
	outline: 0;
	text-decoration: underline;
	color: #660099;
}
.amp {
	font-family: Baskerville, Georgia, Serif;
	font-style: italic;
	font-size: inherit;
}
p {
	color: #313131;
	margin: 2% 0;
	font-size: 12pt;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #c33720;
	font-family: "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
	font-weight: normal;
	margin: 0 0 1% 0;
}
h1 {
	color: #313131;
	font-size: 18pt;
}
h2 {
	font-size: 18pt;
}
h3 {
	font-size: 16pt;
}
h4 {
	font-size: 16pt;
}
h5 {
	font: italic 14pt "Open Sans", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h6 {
	font: 13pt "Open Sans", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: underline;
}
blockquote {
	background: #edece8;
	border: 1px solid #c6c6c4;
	border-radius: 5px;
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1), 0 0 5px 1px #f1f1f1;
	font-style: italic;
	margin-left: 10%;
	padding: 1% 3%;	
	quotes: none;
	width: 74%;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
dfn, i, cite, em {
	font-style: italic;
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	text-decoration: inherit;
}
b, strong {
	font-weight: normal;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	text-decoration: inherit;
}
dt {
	font-weight: bold;
	text-decoration: underline;
}
hr {
	border: 0; 
	border-top: 1px solid #ccc; 
	display: block; 
	height: 1px; 
	margin: 1em 0; 
	padding: 0;
}

ins {
	background: #ff9; 
	color: #000; 
	text-decoration: none;
}
mark {
	background: #ff0; 
	color: #000; 
	font-style: italic; 
	font-weight: bold;
}
pre, code, kbd, samp {
	font-family: monospace, 'courier new',monospace; 
	font-size: 1em;
}
pre { 
	margin-left: 10%;
	white-space: pre; 
	white-space: pre-wrap; 
	width: 80%;
	word-wrap: break-word;
}
::-moz-selection {
	background: #a2d6ea; 
	background: rgba(162,214,234,0.6);
	color: #fff; 
	text-shadow: none;
}
::selection {
	background: #a2d6ea; 
	background: rgba(162,214,234,0.6);
	color: #fff;
	text-shadow: none;
}
q { 
	quotes: none;
}
q:before, q:after {
	content: ""; 
	content: none;
}
ul {
	list-style: disc;
}
li {
	padding: 1% 0;
}
ol {
	list-style: decimal;
	width: 80%;
	padding: 1% 10%;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { 
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top; 	
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}  
.sidebar-highlight {	
	background: #f9f9f9;
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1), 0 0 5px 1px #f1f1f1;
	border: 1px solid #c6c6c4;
	border-radius: 5px;
	padding: 3% 4%;	
	margin: 5% 0;
	width: 92%;
}
.page-background {
	background: #f1f1f1 url('bg_main_bottom.jpg');
	box-shadow: 0px 0px 5px 2px rgba(168,149,128,.2);
	padding: 5%;	
	margin: 4% 0;
}
.button{
	border: none;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
}
.button:hover {
	top: 1px;
  	-webkit-transition: none;
  	-moz-transition: none;
  	-o-transition: none;
}
.button:active {
	box-shadow: none;
	top: 2px;
}
.ribbon {
	background: url('servicesribboncenter.png') repeat-x;
	margin: 0px auto;
	position: relative;
	width: 30%; 
	height: 56px;
}
.ribbonfirst {
	background: url('servicesribbonsides.png') 0 0;
	float: left;
	position: absolute; 
		left: -26px;
	width: 26px;
	height: 56px; 
}
.ribbonlast {
	background: url('servicesribbonsides.png') -46px 0;
	float: left;
	position: absolute; right: -26px;
	width: 26px;
	height: 56px; 
}
.elou,
.webdesign {
	font-size: inherit;
	text-transform: lowercase;
	text-shadow: none;
}
.elou {
	letter-spacing: 2px;
	font-family: 'Museo Sans','Open Sans',sans-serif;
	color: #c33720;
}
.webdesign {
	font-size: 105%;
	font-family: "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
	color: #313131;
}
/* =LAYOUT
----------------------------------------------- */
.main-wrapper {
	margin: 0 auto 30px;
	position: relative;
	width: 90%;
}
#navgroup-padding {
	background: url('bg_main_bottom-2.jpg');
	height: 70px;
	width: 100%;
}
	#direct-email {
		color: #313131;
	}
	#direct-email:hover {
		color: #c33720;
	}
	#nav-email-tooltip {
		position: absolute;
		top: 35px;
		right: 10%;
		margin: 0 5px;
		width: 280px;
		background: rgba(255,255,255,0.9);
		border: 3px solid rgba(70,158,209, 0.3);
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.02);
		border-radius: 10px;
		padding: 15px 10px;
		z-index: 40;
		display: none;
	}
	#link-to-email,
	#link-to-contact {
		font: 9pt helvetica, arial, open sans, sans-serif!important;
		color: #aaa;
		text-transform: uppercase;
		text-align: center!important;
	}
	#link-to-email:hover,
	#link-to-contact:hover {
		color: #c33720;
	}
	#email-directly {
		border-right: 1px solid #ccc;
	}
	#fill-out-contact-form {
		border-left: 1px solid #fff;
	}
	.nav-email-tooltip-option {
		width: 99px;
		padding: 0 20px; 
		float: left;
	}
	.nav-email-tooltip-option p {
		text-align: center!important;
	}
	#email-tooltip-arrow {
		width: 20px;
		height: 13px;
		background: url('tooltips-arrow.png');
		position: absolute;
			top: -13px;
			left: 75px;
		z-index: 50;
	}
	#navgroup-inner {
		text-shadow: none;
		text-align: right;
		float: right;
		position: relative;
		right: 5%;
		color: #313131;
	}
	#navgroup-inner p,
	.phone-number,
	.email-section {
		font-size: 10pt;
	}
	#navgroup-padding img {
		margin: 0 5px 0 15px;
		position: relative;
		bottom: 2px;
	}
	#project-planner-link {
		border: 1px solid #c33720;
		padding: 5px 10px 8px;
		border-radius: 5px;
		margin: 0 0 0 15px;
		background: #c33720;
		color: #f1f1f1;
		-o-transition: .6s background ease-in-out, .4s color ease-in-out .3s;
		-webkit-transition: .6s background ease-in-out, .4s color ease-in-out .3s;
		-moz-transition: .6s background ease-in-out, .4s color ease-in-out .3s;
		transition: .6s background ease-in-out, .4s color ease-in-out .3s;
	}
	#project-planner-link:hover {
		background: #fff;
		border: 1px solid #c33720;
		color: #c33720;
		box-shadow: inset 0 0 3px 1px rgba(0,0,0,.1);
	}
.main-navigation-wrap {
	width: 90%;
	margin: 0 5%;
	padding-top: 50px;
	border-bottom: 1px solid #ddd;
}
#navgroup {
	background: url('bg_main_bottom.jpg');
	display: block;
	position: relative;
	text-shadow: none;
	width: 100%;
	z-index: 20;
} 
#logo-homelink {
	position: relative;
	top: -15px;
}
.elou-logo {
	font-size: 25pt;
	color: #c33720;
	font-wieght: 100;
}
.webdesign-logo {
	font-size: 27pt;
	color: #313131;
	font-weight: 100;
}
#top-navigation {
	float: right;
}
.topnavitem {
	display: inline;
	list-style: none;
}
.topnavitem a {
	padding: 5px 15px;
	border-radius: 3px;
	border-bottom: none;
	color: #313131;
	font: 16pt "museo slab";
	font-weight: 100;
	margin-left: 10px;
	-o-transition: .6s background ease-in-out, .4s color ease-in-out .3s;
	-webkit-transition: .6s background ease-in-out, .4s color ease-in-out .3s;
	-moz-transition: .6s background ease-in-out, .4s color ease-in-out .3s;
	transition: .6s background ease-in-out, .4s color ease-in-out .3s;
	position: relative;
}
.topnavitem a:hover {
	background: #313131;
	color: #f1f1f1;
}
.topnavitem a:active {
	top: 2px;
}
#home-tagline {
	background: url('bg_main_bottom-2.jpg');
	position: relative;	
	text-align: center;
	width: 100%;
}
.home-tagline-left {
	width: 40%;
	float: left;
	margin-left: 5%;
}
#home-tagline p {
	color: #313131;
	display: block;
	position: relative;
	z-index: 999;
}
.fittext {
	font: 80px "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
	text-transform: uppercase;
	margin: 10% auto 0;
}
.fittextgap {
	font: 25px times;
	width: 20%;
	margin: 1% 40% 0;
	padding: 8px 0;
	text-transform: lowercase;
	font-style: italic;
	border-top: 1px solid #313131;
	border-bottom: 1px solid #313131;
}
.fittextclients {
	font: 150px "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#click-here-for-services {
	background-color: #c33720;
	box-shadow: 0px 2px 0px 1px #86291a;
	color: #fff;
	padding: 1% 2%;	
	text-shadow: none;
	float: left;
	width: 56%;
	margin: 0 20%;
}
#click-here-for-services:hover {
	background: #b2321d;
	box-shadow: 0px 1px 0px 1px #86291a;
}
#click-here-for-services:active {
	background: #86291a;
}
.featured-bottom-border {
	width: 100%;
	height: 15px;
	background: url('nav-bg.png');
	position: absolute;
	bottom: -15px;
	bottom: -3px;
	z-index: 999;
}
/* =MAIN CONTENT
----------------------------------------------- */
/* MAIN TOP */
#home-content {
	margin: 40px auto;
	position: relative;
}
#home-right-sidebar {
	width: 90%;
	margin: 0 5%;
}
#pitch {
	width: 30%;
	margin-right: 5%;
	float: left;
	position: relative;
}
#pitch h2,
#home-blog-posts h2,
#home-twitter-feed h2 {
	border-bottom: 2px solid #313131;
	color: #313131;
	font: 12pt 'Oswald';
}
#home-blog-posts {
	width: 30%;
	margin-right: 5%;
	float: left;
	position: relative;
}
	.home-post-wrap {
		cursor: pointer;
		display: block;
		width: 100%;
		height: 70px;
		position: relative;
	}
	.home-post-wrap img {
		border: 3px #f1f1f1 solid;
	}
	.post-home-img-fix,
	.grey {
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
		position: absolute;
			left: 0;
	}
	.post-home-teaser-title {
		border: none;
		color: #313131;
		letter-spacing: 2px;
		float: left;
		font: 12pt Oswald;
		padding-left: 70px;
		padding-top: 1.8%;	
		text-transform: uppercase;
	}
	.post-home-teaser-title:hover {
		color: #c33720;
	}
#home-twitter-feed {
	width: 30%;
	float: left;
	position: relative;
}
	#twitter-feed {
		font: inherit;
	}
#pitch-icon,
#twitter-icon,
#rss-icon {
	position: absolute;
		right: 5px;
		top: 0;
}
#twitter-icon,
#rss-icon {
	height: 20px;
	width: 20px;
	display: block;
}
#twitter-icon {
	background: url('twitter-icon.png') 0 0;	
}
#rss-icon {
	background: url('rss-icon.png') 0 0;	
}
#twitter-icon:hover,
#rss-icon:hover {
	background-position: 0 -20px;
}
/* =PORTFOLIO
----------------------------------------------- */
#portfolio-header {
	background: #f1f1f1 url('bg_main_bottom-2.jpg');
	position: relative;
}
#portfolio-header h1 {
	font-size: 40pt;
	padding: 2% 5% 0;
	text-align: center;
}
#portfolio-header p {
	padding: .5% 10% 2%;
	margin: 0;
	text-align: center;
}
.portfolio-teaser-wrap {
	float: left;
	width: 300px;
	height: 280px;
	margin: 35px 20px 0;
	padding: 10px 15px;
}
.portfolio-teaser-title {
	text-align: center;
}
.portfolio-teaser-title a {
	font: 15pt "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
}
.portfolio-teaser-wrap p {
	text-align: center;
}
.portfolio-teaser-wrap img {
	width: 70%;
	margin: 0 15%;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
}
/* =PORTFOLIO SINGLE
----------------------------------------------- */
.portfolio-content-wrap {
	background: #f1f1f1 url('bg_main_bottom.jpg');
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(168,149,128,.2);
	margin: 4% 0;
	padding: 3% 4%;
	width: 92%;
}
.port-entry-title {
	border-bottom: 5px solid #c33720;
	font: 40pt "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
}	
.main-port-img {
	border: none;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	position: relative;
		right: 2%;
}
.port-main-content {
	float: right;
	width: 60%;
}
.port-left-sidebar {
	float: left;
	margin-top: 1.4%;
	width: 35%;
}
.port-left-sidebar a {
	font-size: 90%;
}
.port-left-sidebar a:hover {
	border-bottom: 1px solid;
}
.port-left-sidebar .sidebar-highlight {
	float: left;
}
.port-left-sidebar h2 {
	border-bottom: 2px dashed #ccc;
	color: #313131;
	font: 25pt "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
	margin-bottom: 10pt;
	text-align: center;	
}
.port-left-sidebar dl {
	text-shadow: none;
	width: 100%;	
}
.port-left-sidebar dt {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11pt;
}
.port-left-sidebar dd {
	font-size: 10pt;
	margin-bottom: 15px;
}
.sidebar-images {
	float: left;	
	width: 100%;
}
.sidebar-images img {
	width: 80%;
	margin: 0 10%;
}
.port-images-caption {
	color: #555;
	font: 11pt Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	margin-bottom: 15px;
	text-align: center;
}
.port-wrapper {
	margin-bottom: 30px;
}

/* =SERVICES
----------------------------------------------- */
#services-top {
	background: url('bg_main_bottom-2.jpg');
	position: relative;
	padding: 20px 0;
}
#services-text {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}
#services-top h1 {
	padding: 10px 0;
}
#assessment-link {
	font-size: 14pt;
	font-family: museo slab;
}
#assessment-link a {
	font: inherit;
}

#steps {
	background: url('elouwebdesign_bg_bottom.jpg');
	padding: 20px 1%;
	width: 98%;
}
.steps-img {
	width: 173px;
	height: 180px;
	background: url('steps.png');
}
#step-one {
	background-position: 0 0;
}
#step-two {
	background-position: -173px 0;
}
#step-three {
	background-position: -346px 0;
}
#step-four {
	background-position: -519px 0;
}
#step-five {
	background-position: -692px 0;
}
#steps h1 {
	border-bottom: 2px dashed #313131;
	font-family: "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
	margin:0 15px;
	text-transform: uppercase;
}
#steps li {
	float: left;
	list-style: none;
	margin: 0 1%;
	position: relative;
	width: 31%;
}
#steps ul h1 {
	border-bottom: none;
	border-top: 3px solid #f0f0ee;
	color: #313131;
	font: 25pt Oswald;
	text-transform: uppercase;
	-webkit-transition:.6s ease-in-out;
	-moz-transition:.6s ease-in-out;}
#steps li:hover h1  {
	border-top: 3px solid #ffdd0b;
}
#steps h2 {
	color: #c33720;
	font-family: "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
}
#services-link a {
	border:none;
	color: #fff;
	cursor: default;
	float: left;
	font: 25pt Oswald;
	position: relative;
		top: 3px;
	text-align: center;
	text-shadow: none;
	width: 100%;
}
.scroll-up {
	border: none;
	color: #333;
	float: right;
	font: 11pt Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	letter-spacing: 2px;
	text-align: center;
	width: 100%;
} 
.scroll-up:hover {
	color: #c33720;
}
.services-ul {
	margin-bottom: 20px;
	width: 100%;
}
.services-li {
	float: left;
	position: relative;
	width: 45%;
	padding: 0 2.5%;
}
.services-li h1 {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
}
.service-img {
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	float: left;
	margin: 0;
	width: 20%;
}
.service-summary {
	width: 80%;
	margin: 0 10%;
}
.service-summary li {
	font-size: 14pt;
	color: #333;
	list-style: none;
}

/* =BLOG
----------------------------------------------- */
#blog-header {
	background: #f1f1f1 url('bg_main_bottom-2.jpg');
	position: relative;
}
#blog-main {
	float: left;
	width: 55%;	
}
#blog-main {
	list-style: none;
}
#blog-sidebar {
	background: #f1f1f1 url('bg_main_bottom.jpg');
	box-shadow: 0px 0px 5px 2px rgba(168,149,128,.2);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	padding: 1% 2% 2%;
	width: 30%;
	margin: 2.7% 0;
}
#search-input {
	background: #f9f9f9;
	box-shadow: inset 0 0 3px 1px rgba(0,0,0,.1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 60%;
	height: 30px;
	border: 1px solid #ccc;
}
#search-submit {
	padding: 3% 4%;	
	background: #393939;
	color: #f1f1f1;
} 
#search-submit:hover {
	background: #ffdd0b;
	color: #222;
	top: 0;
}
#search-submit:active {
	top: 1px;
}
#search-input:focus {
	border-bottom: 1px solid #000;
}
#category-list li {
	list-style: none;
}
#category-list h2 {
	color: #393939;
}
#category-list a {
	color: #313131;
	font-size: 11pt;
	position: relative;
	-o-transition: .5s color ease-in-out, .3s left ease-in-out;
	-webkit-transition: .5s color ease-in-out, .3s left ease-in-out;
	-moz-transition: .5s color ease-in-out, .3s left ease-in-out;
	transition: .5s color ease-in-out, .3s left ease-in-out;
}
#category-list a:hover {
	color: #c33720;
	left: 5px;
}
.post-teaser-wrap {
	background: #f1f1f1 url('bg_main_bottom-2.jpg');
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 2px rgba(168,149,128,.2);
	margin: 4% 0;
	padding: 4% 5%;
	width: 100%;
}
.post-teaser-title {
	border-bottom: 2px dashed #ccc;
}
.post-teaser-title a {
	border: none;
	color: #313131;
	font: 20pt "Museo Slab", "Josefin Sans", Rockwell, arial, sans-serif;
	-o-transition: .3s color ease-in-out;
	-webkit-transition: .3s color ease-in-out;
	-moz-transition: .3s color ease-in-out;
	transition: .3s color ease-in-out;
}
.post-teaser-title a:hover {
	color: #c33720;
}
.post-teaser-wrap img {
	border: #f8f7f4 solid 5px; 
	-webkit-box-shadow: 0px 0px 5px 1px #e5e5e5;
	box-shadow: 0px 0px 5px 1px #e5e5e5; 
	margin: 2%; 
	float: left;
	margin: 1% 2%;
}
.blog-teaser-meta-wrap {
	border-top: 1px solid #e1e1e1;
	padding-top: 1%;
	position: relative;
	width: 100%;
}
.teaser-meta-data,
.teaser-meta-data a {
	color: #555;
	font: italic 10pt Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	text-shadow: none;
}
.teaser-meta-data {
	float: left;
}
.teaser-meta-data a {
	border: none;
	text-decoration: underline;
}
.read-more-link {
	background: #c33720;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 2px 0px 1px #86291a;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 12pt;
	padding: 5px 10px;
	position: relative;
	text-shadow: none;
	text-transform: uppercase;
}
.read-more-link:hover {
	background: #b2321d;
	border: none;
	box-shadow: 0px 1px 0px 1px #86291a;
}
.read-more-link:active {
	background: #86291a;
}	
.blog-wrapper {
	margin-bottom: 50px;
}

/* =BLOG SINGLE
----------------------------------------------- */
.single-wrapper {
	background: #f1f1f1 url('bg_main_bottom.jpg');
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(168,149,128,.2);
	margin: 4% 5%;
}
.post-content-wrap {
	padding: 3%;
	width: 70%;
	float: right;
}
.post-content-wrap h1 {
	font-size: 25pt;
	border-bottom: 2px dashed #ccc;
	padding-bottom: 3px;
}
.entry-meta-main {
	display: none;
}
.entry-content {
	margin-top: 1%;
}
.entry-content p {
	margin: 3% 0;
}
.entry-content dl {
	padding: 1% 10%;
	width: 80%;
}
.entry-content dt {
	font-weight: bold;
	text-decoration: underline;
}
.entry-content dd {
	color: #454545;
	font-size: 90%;
}
.entry-content ul {	
	padding: 1% 10%;
	width: 80%;
}
.entry-content a:hover {
	border-bottom-style:solid;
}
.blog-post-sidebar {
	padding: 4%;
	float: left;
	width: 15%;
}
.blog-post-sidebar img {
	border: none;
	box-shadow: 0px 0px 5px 1px rgba(50,50,50,0.1);
	margin-bottom: 10px;
}
.date {
	font-size: 12pt;
	font-weight: bold;
}
.category p {
	font-size: 8pt;
	font-weight: bold;
}
.category a {
	color: #313131;
	margin-left: 8px;
	text-shadow: none;
}
.category a:hover {
	margin-left: 15px;
}
.blog-post-sidebar h1 {
	font-size: 12pt;
	margin-top: 10px;}
.entry-meta a:hover {
	color: #c33720;
	text-decoration: none;
}
.single-wrapper {
	margin-bottom: 70px;
}
/* =ABOUT
----------------------------------------------- */
#about-header {
	background: #f1f1f1 url('bg_main_bottom-2.jpg');
	position: relative;
}
#about-text {
	background: #f1f1f1 url('bg_main_bottom-2.jpg');
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(168,149,128,.2);
	float: left;
	margin-top: 3%;
	padding: 3%;
	width: 64%;
}
#about-text h1 {
	font-size: 15pt;
	font-style: italic;
	text-align: center;
	padding: 15px 10%;
}
#about-text h2 {
	border-bottom: 2px dashed #ccc;
	color: #555;
	font-family: "Open Sans", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#about-text h3 {
	font: 13pt "Open Sans", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
		left: -16px;
}
#about-text ul {
	width: 80%;
	margin: 0 10%;
}
#about-text li {
	font-size: 11pt;
}
.ul-header {
	list-style: none;
}
#about-services-sidebar {
	float: right;
	margin-top: 3%;
	width: 27%;
}
#about-img {
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);
}
#link-to-services {
	margin-left: 11%;
	margin-top: 2%;
	width: 85%;
}
#link-to-services p {
	border:none;
	color: #fff;
	cursor: default;
	float: left;
	font: 18pt Oswald;
	position: relative;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	top: 7px;
	width: 100%;
}
#about-services-sidebar a {
	border: none;
	color: #333;
	float: right;
	font-size: 10pt;
	padding-bottom: 15px;
	text-align: center;
	text-shadow: none;
	letter-spacing: 2px;
	width: 100%;
}
#about-services-sidebar a:hover {
	color: #c33720;
}
#about-services-sidebar ul{
	list-style-position: inside;
	float: right;
	width: 100%;
}
.about-wrapper {
	margin-bottom: 60px;
}
/* =CONTACT
----------------------------------------------- */
#contact-header {
	background: #f1f1f1 url('bg_main_bottom-2.jpg');
	position: relative;
}
#contact-header h1 {
	padding: 2% 5% 0;
	text-align: center;
}
#contact-header p {
	padding: .5% 10% 2%;
	margin: 0;
	text-align: center;
}
#contact-form {
	width: 90%;
	float: left;
	margin: 3% 5%;
}
#contact-primary {
	width: 45%;
	float: left;
	margin-right: 5%;
}
#contact-secondary {
	width: 50%;
	float: right;
}
#contact-form ul {
	list-style: none;
}
#contact-form li {
	color: #353535;
	padding: 2% 0 2%;
}
#contactform h2 {
	font-size: 20pt;
	text-align: center;
	color: #313131;
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	padding: 20px 0;
	margin: 5%;
}
#contact-form label,
#plannerform li label {
	width: 50%;
	display: block;
	font-family: museo slab;
	padding-bottom: 5px;
}
#contact-form select, 
#contact-form input,
#contact-form textarea
{
	float:right;
}
#contact-form input,
#contact-form textarea,
#plannerform li input,
#plannerform li textarea {
	letter-spacing: 2px;
	outline: none;
	width: 40%;
	padding: 5px;
	height: 25px;
	float: left;
	color: #313131;
	transition: .4s background ease-in-out, .4s border-color ease-in-out, .4s height ease-in-out, .2s box-shadow ease-in-out .2s;
	-webkit-transition: .4s background ease-in-out, .4s border-color ease-in-out, .4s height ease-in-out, .2s -webkit-box-shadow ease-in-out .2s;
	-o-transition: .4s background ease-in-out, .4s border-color ease-in-out, .4s height ease-in-out, .2 -o-box-shadow ease-in-out .2s;
	-moz-transition: .4s background ease-in-out, .4s border-color ease-in-out, .4s height ease-in-out, .2s -moz-box-shadow ease-in-out .2s;
}
#contact-form input,
#contact-form textarea,
#contact-form select {
	width: 100%;
	margin-bottom: 15px;
	font: 14pt/1.2em open sans;
}
#contact-form input:focus,
#contact-form textarea:focus,
#plannerform li input:focus,
#plannerform li textarea:focus {
	background: #fff;
	border: 1px solid #c33720;
	box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
	-o-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);	
}
#contact-form textarea,
#plannerform li textarea {
	padding: 15px;
}
#contact-form textarea {
	height: 60%;
}
.inactive-form {
	background: url('bg_main_bottom-2.jpg');
	border: rgba(250,250,250,0) solid 1px;
	border-bottom: #aaa solid 1px;
}
.inactive-textarea {
	background: url('bg_main_bottom-2.jpg');
	border: 1px solid #aaa;
}
.active-form,
.active-textarea {
	background: #fff;
	border: 1px solid #c33720;
	box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
	-o-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
}
#contact-form textarea {
	width: 95%;
	border: 1px solid #aaa;
}
.error-form {
	background: #fff;
	box-shadow: inset 0 0 5px 1px rgba(195,55,32,0.3);
	border: none;
	border: 1px solid #c33720;	
}
.error-label {
	color: #c33720;
	text-shadow: none;
	text-decoration: underline;
}
.screenreader {
	position: absolute;
	left: -99999px;
}
#submit-contact-form {
	background-color: #ffdd0b;
	box-shadow: 0px 2px 0px 1px #f0cf22;
	color: #313131;
	display: block;
	float: right;
	font-size: 10pt;
	margin: 3% 35%;
	padding: 2% 3% 2%;
	text-align: center;
	text-transform: uppercase;
	width: 30%;	
} 
#submit-contact-form:hover {
	background: #ffda27;
	box-shadow: 0px 1px 0px 1px #f0cf22;
}
#submit-contact-form:active {
	background: #f0cf22;
}
.asterisk {
	color: #c33720;
}
.error, 
.errortwo {
	position: absolute;
	right: 0;
	top: 16.9%;
	text-align: right;
	color: #c33720;
 	text-transform: lowercase;
}
.thanksh2 {
	text-align: center;
}
#mailsent-img {
	width: 30%;
	margin: 0 25%;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#contact-list,
{
	margin: 0;
	padding: 3% 0 0;
	width: 20%;
	float: right;
	text-align: right;
	list-style: none;
}

/* =PROJECT PLANNER
------------------------------------------------*/
#planner-header {
	background: #f1f1f1 url('bg_main_bottom-2.jpg');
	position: relative;
}
#planner-header h1 {
	padding: 2% 5% 0;
	text-align: center;
}
#planner-header p {
	padding: .5% 10% 2%;
	margin: 0;
	text-align: center;
}
#planner-form {
	width: 90%;
	margin: 4% 5% 0;
}
#plannerform li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#plannerform li {
	list-style: none;
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 0 0 10% 0;
}
#plannerform li textarea:focus {
	height: 200px;
}
#plannerform li input,
#plannerform li textarea  {
	font: 14pt/1.2em open sans;
}
#plannerform .checkbox input{
	width: auto;
	height: auto;
	float: left;
	line-height: 1em;
	font-size: 13pt;
}
#plannerform .radio input{
	width: auto;
	height: auto;
	margin-right: 15px;
	margin-left: 20px;
	float: left;
}
#plannerform h2 {
	font-size: 20pt;
	text-align: center;
	color: #313131;
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	padding: 20px 0;
	margin: 5%;
}
.requirements label {
	font-size: 15pt;
}
.project-nature {
	margin-bottom: 5%;
}
.branding {
	margin-bottom: 10%;
}

.assisstance {
	background: #eee;
	border: #ccc 1px solid;
	width: 40%;
	float: right;
	border-radius: 10px;
	position: absolute;
	top: 0px;
	right: 0;
	transition: .4s background-color ease-in-out;
	-webkit-transition: .4s background-color ease-in-out;
	-o-transition: .4s background-color ease-in-out;
	-moz-transition: .4s background-color ease-in-out;
}
.assisstance p {
	text-align: center;
	color: #ccc;
	text-shadow: none;
	padding: 20px 5%;
	transition: .4s color ease-in-out;
	-webkit-transition: .4s color ease-in-out;
	-o-transition: .4s color ease-in-out;
	-moz-transition: .4s color ease-in-out;
}

.assisstance ul li {
	color: #ccc;
	width: 60%!important;
	margin: 0 20%;
	text-shadow: none;
	transition: .4s color ease-in-out;
	-webkit-transition: .4s color ease-in-out;
	-o-transition: .4s color ease-in-out;
	-moz-transition: .4s color ease-in-out;
}
.assisstance-li {
	padding: 0!important;
	margin: 0;
}
.assisstance ul {
	padding-bottom: 20px; 
}

.assisstant-active,
.assisstant-focus {
	background: #c33720;
	transition: .5s background-color ease-in-out, .3s box-shadow ease-in-out .2s;
	-webkit-transition: .5s background-color ease-in-out, .3s box-shadow ease-in-out .2s;
	-o-transition: .5s background-color ease-in-out, .3s box-shadow ease-in-out .2s;
	-moz-transition: .5s background-color ease-in-out, .3s box-shadow-color ease-in-out .2s;
	-webkit-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2);
	-o-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.2);
}
.assisstant-active p,
.assisstant-active ul li{
	color: #f1f1f1;
}
.assisstant-focus p,
.assisstant-focus ul li{
	color: #f1f1f1;
}
.before-send-button {
	margin: 0;
	padding: 0;
}
.before-send-button {
	font: 16pt museo slab;
	text-align: center;
	position: relative;
	top: 90px;
}
#submit-project-planner {
	background-color: #ffdd0b;
	box-shadow: 0px 2px 0px 1px #f0cf22;
	color: #313131;
	display: block;
	float: right;
	font-size: 10pt;
	margin: 3% 35%;
	padding: 2% 3% 2%;
	text-align: center;
	text-transform: uppercase;
	width: 30%;	
	position: relative;
	top: 100px;
} 
#submit-project-planner:hover {
	background: #ffda27;
	box-shadow: 0px 1px 0px 1px #f0cf22;
	top: 101px;
}
#submit-project-planner:active {
	background: #f0cf22;
	top: 102px;
}
#form-error-header {
	padding: 0!important;
	border: none!important;
	margin: 0!important;
}
#form-error-email,
#form-error {
	text-align: center;
	text-size: 18pt;
	padding-bottom: 20px;
}

/* =FOOTER
----------------------------------------------- */
.project-planner-banner {
	position: relative;
}
.project-planner-banner p {
	margin-left: 5%;
	font-family: Museo Slab;
	margin-right: 5%;
}
#project-planner-banner-header {
	font-size: 25pt;
}
#project-planner-banner-subheader {
	font-size: 16pt;
	text-align: center;
}
#project-planner-banner-link {
	background: url('project-planner-icon.png') 0 0;
	width: 325px;
	height: 164px;
	display: block;
	position: absolute;
	right: 5%;
	bottom: -25px;
}
#project-planner-banner-link:hover {
	background-position-y: -164px;
}
#footer {
	background: #efefef url('bg_main_bottom.jpg');
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
	border-top: 1px solid #eaeaea;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	z-index: 200;
}
#footer-top {
	position: relative;
	width: 100%;
}
#footer-top p {
	color: #777;
	margin: .5% 0;	
}
.social {
	width: 200px;
	height: 50px;
	position: absolute;
	right: 0;
	top: -15px;
}
.social li {
	display: inline;
}
.social li a {
	float: left;
	width: 30px;
	height: 30px;
	display: block;
	margin: 15px 10px 10px;
	position: relative;

}
.social li a:hover {
	top: 1px;
}
.social li a:active {
	top: 2px;
}
.twitter-link {
	background: url('social-sprite.png') -30px 0;	
}
.dribbble-link {
	background: url('social-sprite.png') -90px 0;	
}
.forrst-link {
	background: url('social-sprite.png') -60px 0;	
}
.pinterest-link {
	background: url('social-sprite.png') 0 0;	
}
#css-disclaimer {
	color: #999;
	font-size: 9pt;
}
#footer-link-list {
	list-style: none;
	margin: 2% 0;
	text-align: center;
	font-size: 14pt;
}
#footer-link-list li{
	display: inline;}
#footer-bottom p{
	color: #aaa;
	font-size: 10pt;
	text-align: center;
	width: 100%;
}
p a {
	font-size: 13pt;
}
.service-text article a {
	font-size: 13pt;
}