#responsive-helper {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: #111;
	display: block;
}

#responsive-helper:after {
		content: "global";
}	


/*
FONT FACE
*/

@font-face {
	font-family: 'junctionregularRegular';
	src: url('/font/Junction-webfont.eot');
	src: local('?'), url('/font/Junction-webfont.woff') format('woff'), url('/font/Junction-webfont.ttf') format('truetype'), url('/font/Junction-webfont.svg#webfont6Zm9BOS8') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
BODY
*/
		
body {
	background:#f1f1f1; 
	color:#8C8C8C; 
	font-size:100%; 
	line-height:1.125em; 
}

footer, header, nav, section { 
	display:block; 
}

.clear	{ 
	clear: both; 
	width:100%; 
	height:1px; 
	margin-top:-1px; 
}

.float_right { 
	float:right; 
}

/*
TYPOGRAPHY
*/

p { 
	font: normal normal normal 0.788em Verdana, Geneva, sans-serif; /* font size was .688em */
	line-height:1.6em; 
	margin:5px 0 10px 0; 
	text-decoration: none; 
	color: #8c8c8c; 
}

footer p { 
	padding-bottom:15px; 
}

#content_wrapper .client_feedback p { 
	margin:0 0 15px 10px; 
	padding:0; 
}

h1 { }

h2 { 
	color: #808080; 
	font: 2em 'junctionregularRegular', Verdana, Geneva, sans-serif; 
}

h3 { 
	color: #8C8C8C; 
	text-decoration: none; 
	font: 1.125em 'junctionregularRegular', Verdana, Geneva, sans-serif; 
	padding-bottom:25px; 
	line-height:1.5em; 
}

footer h3 { 
	color:#808080; 
	text-align:center; 
	padding:13px 0 11px 0; 
}

.half_left h3, .half_right h3, 
.client_feedback h3 { 
	padding:20px 0 5px 0; 
}

.contact_mediums h3 { 
	padding:0; 
}

h4 { 
	color: #404040; 
	text-decoration: none; 
	font: 1.125em 'junctionregularRegular', Verdana, Geneva, sans-serif; 
	line-height:1.5em; 
}

h5 { 
	color: #943526; 
	text-decoration: none; 
	font: normal 0.913em Verdana, Geneva, sans-serif; /* font size ws .813em */
	padding:15px 0 10px 0; 
}

h6 { }

.nine { font-size:0.563em; }
.red { color:#943526; }
.smallcaps { font-size:0.65em;}

/*
IMAGES
*/

img { 
	display:block; 
	max-width: 100%;
	/*width: 100%;*/
}

/*
LINKS/BUTTONS
*/

a:link, 
a:visited { 
	border-bottom:1px dotted #6a6a6a; 
	color:#6a6a6a; 
	text-decoration:none;
}

a:hover {
	border-bottom:1px solid #000; 
	color: #000; 
	text-decoration:none; 
}

nav a:link, 
nav a:visited { 
	border:none; 
	color:#8c8c8c; 
	text-decoration:none; 
}

nav a:hover { 
	border:none; 
	color: #000; 
	text-decoration:none; 
}

#email_btn { 
	display:block; 
	width:146px; 
	text-indent:-9999px; 
}

.contact_mediums #email_btn { 
	padding-top:3px; 
}

#email_btn a { 
	display:block; 
	width:146px; 
	height:13px; 
	background:url(../images/layout/email_btn.gif) no-repeat 0 0; 
	text-indent:-9999px; 
	border:0; 
}

#email_btn a:hover { 
	display:block; 
	width:146px; 
	height:13px; 
	background:url(../images/layout/email_btn.gif) no-repeat 0 -13px; 
	border:0; 
}


/*
NAVIGATION
*/

nav { 
	float:right; 
	margin: 0px -11px 0 0; 
	font:0.813em Verdana, Geneva, sans-serif; 
}

nav ul { 
	list-style: none; 
}

nav li { 
	padding: 0 11px; 
	float: left; 
	border-right:1px solid #CCCCCC; 
}

nav li.noborder { 
	border-right: none; 
}

nav li a:link, 
nav li a:visited { 
	color:#8c8c8c; 
	float: left; 
	text-decoration: none; 
}

nav li a:hover, 
nav li a:active {  
	color:#000; 
	text-decoration: none; 
}


/*
CONTAINERS
*/

header { 
	margin-bottom:3px; 
	border-bottom:dashed 1px #C3C3C3; 
	float: left;
	width: 100%;
	margin-top: 15px;
	padding-bottom: 34px;
	position: relative;
}

#logo { 
	width: 206px;
	margin-top: 0px;
	padding: 0;
	position: relative;
	float: left;
}

#header-right {
	float: right;
	
	position: absolute;
	bottom: 13px;
	right: 0;
	
}

#site_wrapper { 
	width: 96.6%; 
	background:#f1f1f1;
	padding: 0% 1.7%; 
	overflow: hidden;
}

#header-outer {
	overflow: hidden;
}

header {
	width: 100%;
	z-index: 10;
	position: relative;
	padding-top: 10px;
}

header.sticky {
	position: fixed;
	margin-top: 0px;
	top: 0;
	width: 96.6%;
	background: url("../images/layout/banner-mask.png") bottom center no-repeat;
}

header.nofold {
		background-color: #f1f1f1;
}

#content_wrapper { 
	border-top:solid 1px #f1f1f1; 
	border-bottom:solid 1px #f1f1f1; 
	padding:30px 0 50px 0; 
	margin-bottom:3px; 
	float: left;
	width: 100%;
}

.portfolio_item { 
	border-top: dashed 1px #c3c3c3; 
	padding: 30px 0; 
	float: left;
	width: 100%;
}

.portfolio-image-wrap {
	width: 100%;
	float: right;
}

.description { 
	float: left; 
	width: 100%;
}

.half_left { 
	width:100%; 
	float:left; 
	padding-bottom:15px; 
}

.half_right { 
	width:100%; 
	float:right; 
	padding-bottom:15px; 
}

.whyidoit,
.professional-journey { 
	border-top:dashed 1px #C3C3C3; 
}

.client_feedback { 
	border-top:dashed 1px #C3C3C3; 
	border-bottom:dashed 1px #C3C3C3; 
	padding:0 0 9px 0; 
}

.heart_button { 
	max-width: 22.7%;
	float:right; 
	padding-right:1.5%;
}

.contact_mediums { 
	height:61px; 
	padding:25px 0 15px 0; 
	border-top:dashed 1px #C3C3C3; 
}

.contact_mediums ul { 
	list-style: none; 
	clear:both; 
}

.contact_mediums li { 
	padding-right:54px; 
	float: left; 
}

.contact_mediums li a { 
	margin-right:10px; 
}

/*
FOOTER
*/

footer { 
	border-top:dashed 1px #C3C3C3; 
	float: left;
}

footer .secondary_footer { 
	border-bottom:dashed 1px #C3C3C3; 
}

footer .secondary_footer .trees { 
	width: 100%
}

footer .secondary_footer .trees img{ 
	/*margin:-36px 0 0 334px; */
	margin: -36px auto 0 auto;
}

footer .primary_footer { 
	padding:49px 0 20px 0; 
	position:relative;  
}

footer .primary_footer #left { 
	width:100%; 
	float:left;  
	padding-top: 20px;
}

footer .primary_footer .float_right { 
	float:right; 
	width:100%; 

}

footer .primary_footer #right img {
	display:inline; 
}

footer ul { 
	list-style: none;
	height:44px; 
}

footer li {
	height:44px; 
	padding-right:14px; 
	text-indent:-9999px; 
	float:left; 
}

footer .one_percent { 
	width:105px; 
}

.one_percent a:link, 
.one_percent a:visited { 
	width:105px; 
	height:44px; 
	display:block; 
	background-image:url(../images/layout/footer-onepercentfortheplanet.png); 
	border:none;
}

.one_percent a:hover { 
	width:105px; 
	height:44px; 
	display:block;  
	background-image:url(../images/layout/footer-onepercentfortheplanet.png); 
	background-position: 0 -44px; 
	border:none;
}

footer .gdc { 
	width:162px; 
}

.gdc a:link, 
.gdc a:visited {
	width:162px;
	height:44px;
	display:block;
	background-image:url(../images/layout/footer-gdc.png);
	border:none;
}

.gdc a:hover {
	width:162px;
	height:44px;
	display:block; 
	background-image:url(../images/layout/footer-gdc.png); 
	background-position: 0 -44px; 
	border:none;
}

footer .designers_accord { 
	width:126px; 
}

.designers_accord a:link, 
.designers_accord a:visited { 
	width:126px; 
	height:44px; 
	display:block; 
	background-image:url(../images/layout/footer-designersaccord.png); 
	border:none;
}

.designers_accord a:hover { 
	width:126px; 
	height:44px; 
	display:block; 
	background-image:url(../images/layout/footer-designersaccord.png); 
	background-position: 0 -44px; 
	border:none;
}

/*
FORMS
*/

.contact_form { 
	padding:30px 0; 
	border-top:dashed 1px #C3C3C3; 
}

.contact_form label { 
	display:inline-block; 
	width:50px; 
	padding-right:15px; 
}

.contact_form .wide { 
	width:200px;  
	padding-left:15px; 
}

.contact_form input, 
.contactForm textarea { 
	background:#e3e3e3; 
	color:#000; 
	border:solid 1px #c4c4c4; 
	padding:3px; 
}

.contact_form textarea { 
	resize: vertical; 
}

.contact_form .submit {
	margin:25px 0 0 0px; 
	background:#808080; 
	color:#FFF; 
	border:solid 1px #b9b9b9; 
	cursor:pointer; 
	padding:6px; 
	vertical-align:middle; 
}

.contact_form .submit:hover { 
	background:#b7b7b7;
}