@charset "UTF-8";

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div,span, applet, object, iframe,h1,h2, h3, h4, h5, h6, p, blockquote, pre,a, 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 {margin:0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height: 1;}ol, ul {list-style:
none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to
highlight inserts somehow! */ins{text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup*/table {border-collapse:collapse;border-spacing: 0;}

/* FONTS */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 11, 2012 */

@font-face { font-family: 'FilmotypeFashionRegular'; src: url('fonts/filmotypefashion-webfont.eot'); src:
url('fonts/filmotypefashion-webfont.eot?#iefix')
format('embedded-opentype'), url('fonts/filmotypefashion-webfont.woff') format('woff'),
url('fonts/filmotypefashion-webfont.ttf') format('truetype'),
url('fonts/filmotypefashion-webfont.svg#FilmotypeFashionRegular') format('svg'); font-weight: normal; font-style: normal;
}

@font-face { 
	font-family: 'BorgstrandProRegular'; src: url('fonts/borgstrandpro-webfont.eot'); src:
url('fonts/borgstrandpro-webfont.eot?#iefix')
format('embedded-opentype'), url('fonts/borgstrandpro-webfont.woff') format('woff'), url('fonts/borgstrandpro-webfont.ttf')
format('truetype'),
url('fonts/borgstrandpro-webfont.svg#BorgstrandProRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'PlexesProLight'; src: url('fonts/plexespro-light-webfont.eot'); src:
url('fonts/plexespro-light-webfont.eot?#iefix')
format('embedded-opentype'), url('fonts/plexespro-light-webfont.woff') format('woff'), url('fonts/plexespro-light-webfont.ttf')
format('truetype'),
url('fonts/plexespro-light-webfont.svg#PlexesProLight') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'PlexesProMdRegular';
    src: url('plexespro-md-webfont.eot');
    src: url('plexespro-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('plexespro-md-webfont.woff') format('woff'),
         url('plexespro-md-webfont.ttf') format('truetype'),
         url('plexespro-md-webfont.svg#PlexesProMdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
COLORS
Orange			#f68026 
Dark Orange		#b35e1a
*/

body {background-color:#b35e1a; margin:0; padding:0; color: #333; font-family: 'PlexesProLight', Helvetica, Arial,sans-serif; font-size:100.01%; } 
a {text-decoration:none; color: #333; } 
a:hover {color: #f68026;}
a.top	{display: block; color: #f68026;}
h2	{font-family: 'FilmotypeFashionRegular', Helvetica, Arial, sans-serif; font-weight:normal; font-size: 34px; color: #f68026;padding-bottom: 10px;}
h3	{font-size: 150%; padding: 0 0 3% 0; font-weight: normal;}
.clear {clear:both;}

#pagewrap	{margin: 0 auto; width: 960px;} 
#header {background:url(img/header-bg.jpg) no-repeat; width:100%;height:300px;} 

/* NAVIGATION */

#nav	{position:relative; top: 151px;} 
#nav ul	{margin-left: 70px; height: 39px; width: 86%;} 
#nav ul li		{float: left; padding: 0 18px; height: 100%;} 
#nav ul li a	{font-family:'BorgstrandProRegular', Helvetica, Arial, sans-serif; font-size: 90%; text-transform: uppercase; color: #fff;height: 30px; letter-spacing: 1px;display: block; padding-top: 11px;} 
#nav ul li a:hover	{color: #666;} 
#nav ul li a.logo	{text-indent: -9999px; background:url(img/logo.png) no-repeat; width:204px; height: 286px; position: relative; top: -140px;} 
#nav ul li a.logo:hover {background:url(img/logo-hover.png) no-repeat;}

body#home #header {background: url(img/header-bg-home.jpg) no-repeat;}
body#home #content {background: url(img/content-bg-home.jpg) no-repeat; height: 591px; padding: 0;}
body#home #content p {font-size: 83%;}
body#home #footer	{background: url(img/footer-bg-home.jpg) no-repeat;}
body#home #footer h4	{position: relative; bottom: 40%;}
body#home #footer-nav	{top: 7%; }
body#home .content-inner {width: 35%; padding-top: 3%;}
body#what-we-do #nav ul li.what-we-do {background: #333; color: #fff;}
body#what-weve-done #nav ul li.what-weve-done {background: #333; color: #fff;}
body#what-weve-done	h3	{padding: 0 0 2% 0;}
body#what-weve-done img	{border: 1px solid #ccc; margin-bottom: 3%;}
body#what-weve-done	p	{padding: 0 0 2% 0;}

/* BODY */

#main	{} 
#content	{/* height: 400px; */ padding-top:35px; background: url(img/section-big.png) repeat;} 
#content p	{padding: 8px 0; line-height: 110%; font-size: 90%;}
#content p.narrow	{padding: 8px 0; font-size: 83%; line-height: 110%; width: 40%; letter-spacing:-0.2px;}
.content-inner	{width: 75%; padding: 0 0 2% 12%;}

body#what-we-do #main {background: url(img/bottom-bg.jpg) no-repeat; height:744px;}
body#what-weve-done #main {/* background: url(img/bottom-bg-sub.jpg) no-repeat; height:744px; */}
body#who-we-are .content-inner	{height: 760px;}
body#give-us-a-go .content-inner	{height: 360px;}
body#give-us-a-go .intro	{text-align: left;}
body#give-us-a-go #content .content-inner p.thin	{width: 45%;}
body#give-us-a-go .content-inner img	{border: 8px solid #f68026;
		border-radius: 10px; /* future proofing */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px; /* for old Konqueror browsers */}
body#give-us-a-go .content-inner p.contact-us {font-family: 'FilmotypeFashionRegular','Trebuchet MS',sans-serif; padding-bottom: 8px;}


/* PORTFOLIO SECTION */

#portfolio {width: 756px; min-height: 210px;}
#portfolio li {list-style: none; float: left; margin-right: 4%;}
#portfolio a img {border: 8px solid #333; width: 140px;
		border-radius: 10px; /* future proofing */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px; /* for old Konqueror browsers */ }
#portfolio a:hover img {border: 8px solid #f68026;}
.caption	{width: 22%;}

/*
#portfolio	{padding-top: 2%;}
#portfolio ul {}
#portfolio ul li {width: 49%; display: block; background: #ccc; height: 80px; float: left; border: 2px solid #fff;}
#portfolio ul li a {}
*/


/* FOOTER */

#footer	{font-family: 'PlexesProMdRegular', 'Trebuchet MS', sans-serif; font-size: 90%; text-transform:uppercase; font-weight: bold; color: #fff; background: url(img/footer-bg.jpg) no-repeat; height: 144px;} 

#footer h4	{display: block; color: #000; font-size: 125%; padding: 12% 2% 0 12%; font-weight:bold; width:150px; float:left;}
#footer-nav	{width:560px; float:right; position:relative; right:9%; top:45%;} 
#footer-nav li {font-size:75%; display: inline; padding-right: 8px; border-right: solid 1px #ffffff;} 
#footer-nav li:last-child	{border:none;}
#footer-nav li.last-child	{border-right: none;}
#footer-nav li a	{color:#f68026;}


/* BIO PAGE */
body#who-we-are #bio-left  {width: 43%; display: block; padding: 0 10% 0 2%; float: left; }
body#who-we-are #bio-right {float: left; width: 43%; }
body#who-we-are .bio-pic	{border: 8px solid #f68026; 
		margin-bottom: 4%;
		border-radius: 10px; /* future proofing */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px; /* for old Konqueror browsers */
		width: 90%;}
body#who-we-are .content-inner a {font-weight: bold;}

.intro	{font-family: 'FilmotypeFashionRegular','Trebuchet MS', sans-serif; color: #999999; text-align: center; line-height: 110%; }
.floatLeft	{float: left;}
.floatRight	{float: right;}
.orange	{color: #f68026;}


/*
COLORS
Orange			#f68026 
Dark Orange		#b35e1a
*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright © 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
 
}	
#lightbox-image-details-caption { font-family: 'PlexesProLight'; /* font-weight: bold; */ font-size: 150%; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*
COLORS
Orange			#f68026 
Dark Orange		#b35e1a
*/