@charset "UTF-8";
/* CSS Document */


/* ======================================= 
		RESET
======================================== */

* {
	margin:0;
	padding:0;
}

::selection {background:rgba(239,64,52,.5);}
::-moz-selection {
	background:rgba(239,64,52,.5);
}


/* ======================================= 
		PAGE / CONTAINER
======================================== */

#container {width:100%; max-width:1080px; margin:25px auto 0 auto;}

#main {width:95%; max-width:1080px; margin:25px auto 0 auto;}

.clear {clear:both;}

img {max-width:100%;}

video {width: 100%;margin-top:25px;}


/* ======================================= 
		TYPOGRAPHY 
======================================== */

h1 {font-family: "corporate-s",sans-serif;
font-style: normal; font-weight: 700; font-size: 3em; color: #ef4034;margin-top:75px;padding-bottom: 20px;border-bottom: 2px solid #ef4034;}

h2 {font-family: "corporate-s",sans-serif; font-style: normal; font-weight: 700; font-size: 1.5em; color: #ef4034;margin:30px 0 20px 0;}

p {font-family: "corporate-s",sans-serif; font-style: normal; font-weight: 300; font-size: 1em; color: #181818;line-height:1.5;}


.lead {font-size:1.5em; padding-top:20px; margin-top:30px;font-weight:300;} /*border-top:1px solid #eeeeee;*/

.sub {border-bottom:1px solid;letter-spacing: 1px;padding-bottom:10px;}

.bold {font-weight: 700; padding-right:10px;}


/* ======================================= 
		HEADER 
======================================== */


#header {width:98%; padding:15px 0 25px 0;}

#logo, .logo {width:30%; float:left; font-family: "corporate-s",sans-serif;
font-style: normal; font-weight: 700; font-size: 1.125em; color: #ef4034; margin:15px 0 25px 25px;}

#nav {
	width:58%;
	padding:15px 0 15px 0;
	float:right;
	text-align:right;
	font-family:"corporate-s",sans-serif;
	font-style: normal;;
	font-size:.9em;
	font-weight:700;
}

#nav ul, #nav li {
	list-style:none;
	display:inline;
	text-decoration:none;
	text-transform:none;
	padding-left:20px;
}

#nav ul, #nav li:first-child {padding-left:0;}

#nav li {
	line-height:20px;
}

#nav a:link, #nav a:visited {
	color:#181818; font-family:"corporate-s",sans-serif;
	font-style: normal;
	text-decoration:none;
}

#nav a:hover {
	color:#181818;
	border-bottom:2px solid #ef4034;
	
}

#nav a.selected {
	color:#181818;
	border-bottom:2px solid #ef4034;
}

#logo a:link, #logo a:visited {
	color:#181818;
	font-family:"corporate-s",sans-serif;
	font-style: normal;
	text-decoration:none;
}

#logo a:hover {
	color:#181818;
	border-bottom:2px solid #ef4034;
	/*-webkit-transition:border .25s ease-in;
	-moz-transition:border .25s ease-in;
	-ms-transition:border .25s ease-in;
	-o-transition:border .25s ease-in;
	transition:border .25s ease-in;*/
	
}

#logo a.selected {
	color:#181818;
	border-bottom:2px solid #ef4034;
}

/* ======================================= 
		MAIN
======================================== */

.column-1, .column-2, .column-3 {
	width:33.33333333%; float:left;
	margin:5px auto 0 auto;
	font-family:"corporate-s",sans-serif;
	font-style: normal;
	font-weight:400;
	font-size:.9em;}



/* ======================================= 
		FEATURED WORK
======================================== */

.row-1, .row-2 {width:100%; float:left; margin:5px auto 0 auto;}

.row-1 {border-bottom: 1px solid #eeeeee; padding-bottom:20px;}

#feat-work ul li {
	list-style:none;
	display:inline-block;
	text-decoration:none;
	padding:0;
	width:33%;
}

#feat-work a:hover {opacity: .7;
	-webkit-transition: opacity .1s ease-in;
	-moz-transition: opacity .1s ease-in;
	-ms-transition: opacity .1s ease-in;
	-o-transition: opacity .1s ease-in;
	transition: opacity .1s ease-in;
}

#button {padding-top:35px;}

#button a:link, #button a:visited {
	padding:10px;
	color:#ef4034;
	font-family: "corporate-s",sans-serif;
	font-style: normal;
	text-decoration:none;
	border:thin solid;
	border-radius:5px;
	font-weight: 700;
}

#button a:visited {color:#ef4034;
	text-decoration:none; border:thin solid;}

#button a:hover {
	background-color:#ef4034;
	border:thin solid #ef4034;
	color:#fff;
	opacity: 1 !important;
	-webkit-transition: color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;
}


/* ======================================= 
		PROJECTS
======================================== */

.project-thumbnails {width:100%; margin:50px auto 0 auto;}

#projects ul li {
	list-style:none;
	display:inline-block;
	text-decoration:none;
	padding:0;
	width:49.5%;
}

#projects a:hover {opacity: .7;
	-webkit-transition: opacity .1s ease-in;
	-moz-transition: opacity .1s ease-in;
	-ms-transition: opacity .1s ease-in;
	-o-transition: opacity .1s ease-in;
	transition: opacity .1s ease-in;
}

#project-page {width:100%; margin:30px auto 0 auto;}

.project-images ul li {list-style:none;
	display:block;
	width:100%;
	float:left;
	}

.description {width:100%;margin:0 0 30px 0;padding-bottom:30px; border-bottom: 1px solid #eeeeee;font-weight:700; font-size:.9em;}

#project-arrows {width:100%;margin:20px 0 0 0; font-family:"corporate-s",sans-serif;
font-style: normal;}

.previous {width:49%; float:left; padding-top:20px;}
.next {width:49%; float:right; padding-top:20px;text-align:right;}

#project-arrows a:link, a:visited {
	color:#181818;
	text-decoration: none;
	font-weight:700;
	font-size:.8em;
	border-bottom:1px solid #ef4034;
}

#project-arrows a:hover {
	color:#ef4034;
	-webkit-transition: color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;
}



/* ======================================= 
		CLIENT LIST
======================================== */

#client-list {margin-top:50px;}

#client-list ul li {
	list-style:none;
	display:block;
	text-decoration:none;
	font-family:"corporate-s",sans-serif;
	margin-right:30px;
	line-height:20px;
	padding:12px 0 12px 5px;
	color:#181818;}

#client-list a:link, a:visited {color:#181818; text-decoration: none; border-bottom:1px solid #ef4034 !important;}

#client-list a:hover {
	color:#ef4034;
	-webkit-transition: color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;}

/* ======================================= 
		CONTACT
======================================== */

.contact-info {
	width:33.33333333%; float:left;
	margin:0 auto;
	font-family:"corporate-s",sans-serif;
	font-style: normal;
	font-weight:300;
	font-size:.9em;
}

#contact ul li {
	list-style:none;
	display:block;
	text-decoration:none;
	margin-top:15px;
	line-height:20px;
	padding:0;
	color:#181818;}

#contact ul, #contact li:first-child {margin-top:5px;}

#contact a:link, a:visited {
	color:#181818;
	text-decoration: none;
	font-weight:300;
	font-size:1em;
	border-bottom:1px solid #ef4034;
}

#contact a:hover {
	color:#ef4034;
	-webkit-transition: color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;
}

.lead a:link, a:visited {
	color:#181818;
	text-decoration: none;
	font-weight:300;
	font-size:1em;
	border-bottom:1px solid #ef4034;
}

.lead a:hover {
	color:#ef4034;
	-webkit-transition: color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;
}

#map {width:65%;float:left;}

/* ======================================= 
		FOOTER
======================================== */

#footer {
	margin-top:50px;
	color:#181818;
	padding:15px 0 10px 0;
	width:100%;
	font-family:"corporate-s",sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:.8em;
	border-top:1px solid;
}

#footer a:link, a:visited {
	color:#181818;
	text-decoration: none;
	font-weight:300;
	font-size:1em;
	border-bottom:1px solid #181818;
}


/* ======================================= 
		MEDIA QUERIES
======================================= */

@media screen and (max-width : 840px ){
	
/* HOMEPAGE */

#feat-work ul li {
	width:32.9%;}
	
}


@media screen and (max-width : 750px ){
	
/* HOMEPAGE */

	#container, #logo {width:95%;}
	#container {margin-top:0;}
	#header {margin-top:0;}
	#nav {width:100%; text-align:left; float:left;}
	#logo {margin:10px 0 10px 10px;}
	#nav {margin:0 0 20px 10px;}
	#feat-work ul li {width:100%;}
	#projects ul li {width:100%;}
	

	
/* TYPOGRAPHY */
	
	h1 {font-size: 2em; line-height:1em;}
	h2 {font-size:1em; line-height:1em;margin-top:20px;}
	.lead {font-size:1.25em;margin-top:15px;}
	.p {font-size:.9em;}
	
	
/* CLIENTS */
	
	.column-1, .column-2, .column-3 {width:100%;}
	#client-list ul li {border-bottom:1px solid #eeeeee;margin-right:0;}
	#client-list ul li:last-child {border-bottom:none;}
	
	#client-list a:link, a:visited {color:#181818; text-decoration: none; border-bottom:1px solid #ef4034;}
	
	
/* CONTACT */

	.contact-info, #map {width:100%;}
	#map {margin-top:30px; padding-top:20px; border-top:1px solid #eeeeee;}
}