/* ==========================================================={
	Emma Taylor's TwiggleGraphics
	* =========================================================== *
	Reset:
}============================================================ */
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,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,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	/*font:inherit;*/
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
body {
	line-height:1;
}
ol,ul {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* ============================================================{
	Default styles:
}============================================================ */
img {
	vertical-align:bottom;
}
textarea {
	overflow:hidden;
}
a:focus {
	outline:0;
}
a:link,a:visited {
	text-decoration:none;
}
legend {
	font:.1px/.1px serif;
	height:0;
	overflow:hidden;
	text-indent:-100em;
}
caption,th,td {
	text-align:left;
}
dd {
	margin-left:40px;
}
.skip {
	width:0;
	height:0;
	float:left;
	overflow:hidden;
}
.extra {
	clear:both;
	font-size:0;
	line-height:0;
	width:100%;
	overflow:hidden;
	display:block;
}
/* ==========================================================={
	Fonts:
}=========================================================== */
/*==[ IE ]==*/
@font-face {
	font-family:'NewsGotDCDLig';
	src:url("fonts/NewsGotDCDLig.eot");
}
@font-face {
	font-family:'NarzissRegular';
	src:url("fonts/narziss_regular-webfont.eot");
}
@font-face {
	font-family:'Old Standard TT Regular';
	src:url("fonts/OldStandard-Regular.eot");
}
/*==[ Everyone else ]==*/
@font-face {
	font-family:'NewsGotDCDLig';
	src:local("NewsGotDCDLig"),url("fonts/NewsGotDCDLig.ttf") format("truetype");
}
@font-face {
	font-family:'NarzissRegular';
	src:local("NarzissRegular"),url("fonts/Narziss Regular.otf") format("opentype");
}
@font-face {
	font-family:'Old Standard TT Regular';
	src:local("Old Standard TT Regular"),url("fonts/OldStandard-Regular.ttf") format("opentype");
}
/* ============================================================{
	Layout Control:
}============================================================ */
html {
	overflow-x:hidden;
}
body {
	background:#fff;
	color:#525252;
	font:75%/1.5 arial,helvetica,sans-serif;
	min-width:1083px;
	text-align:center;
}
NDAs{
	background:#fff;
	color:#525252;
	font:75%/1 arial,helvetica,sans-serif;
	min-width:1083px;
	text-align:center;
}
#page {
	margin:0 auto;
	width:100%;
	position:relative;
}
#branding {
	font-size:1em;
	width:100%;
	padding:90px 0 0;
}
#branding .main {
	margin:0 auto;
	padding:181px 0 0;
	background:url(images/bg-top.png);
	width:100%;
	position:relative;
}
#branding .main2 {
	margin:0 auto;
	padding:181px 0 0;
	background:url(images/bg-top.png);
	width:100%;
	position:relative;
}
#content {
	width:100%;
}
#content .main {
	margin:0 auto;
	text-align:left;
	width:1083px;
	font-size:14px;
}
#colophon {
	background:url(images/bg-bottom.png);
	clear:both;
	color:#fff;
	font-size:12px;
	overflow:hidden;
	width:100%;
}
#colophon .main {
	margin:0 auto;
	padding:50px 0;
	text-align:left;
	width:1083px;
	position:relative;
}
#branding .main:before,
#branding .main:after,
#content .main:before,
#content .main:after,
#note:before,
#note:after,
#note .main:before,
#note .main:after,
#colophon .main:before,
#colophon .main:after {
	clear:both;
	content:"\0020";
	display:block;
	font:.1px/.1px serif;
	height:0;
	visibility:hidden;
}
/* ============================================================{
	Header:
}============================================================ */
#branding .header {
	background:url(images/header-1.png) no-repeat center top;
	clear:both;
	width:900px;
	height:271px;
	margin:0 auto -271px;
	position:relative;
	top:-90px;
	z-index:1;
}
#logo {
	font-size:1em;
	font-weight:700;
	position:relative;
	width:1083px;
	text-align:center;
	margin:0 auto;
	padding:0 0 140px;
	text-transform:uppercase;
	letter-spacing:35px;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
	color:#fb4343;
	font:400 95px/1.5 "NarzissRegular",georgia,serif;
}
#logo .title {
	display:block;
	padding:0 0 0 .5em;
}
#logo .sub {
	clear:both;
	display:block;
	font:400 20px/1.25 "NewsGotDCDLig",arial,sans-serif;
	color:#434343;
	letter-spacing:15px;
	padding:0 0 0 .75em;
}
#logo a .logo-shape {
	/*background:url(images/logo-1.png) no-repeat;*/
	display:block;
	cursor:pointer;
	width:180px;
	height:181px;
	margin:-270px auto 20px;
	position:relative;
	z-index:2;
}
#logo a:hover {
	color:#ff2020;
}
#logo a:hover .logo-shape {
	background-position:0 100%;
}
.top-side-shape {
	width:0;
	height:0;
	overflow:hidden;
	border-top:45px solid #333;
	border-left:45px solid #333;
	border-right:45px solid transparent;
	border-bottom:45px solid transparent;
	position:absolute;
	top:50px;
	left:50px;
	z-index:1;
}
#branding .header-shape {
	width:154px;
	height:153px;
	margin:-76px auto 0;
	background:url(images/top-middle.png) no-repeat;
	position:relative;
}
/* ============================================================{
	Content:
}============================================================ */
.portfolio {
	width:100%;
	clear:both;
	float:left;
	margin-top:-180px;
}
.portfolio li {
	width:181px;
	height:182px;
}
.portfolio li.first,
.portfolio li.second {
	float:left;
	margin:0 45px 0 0;
}
.portfolio li.third,
.portfolio li.fourth {
	float:right;
	margin:0 0 0 45px;
}
.portfolio li.first,
.portfolio li.third {
	position:relative;
	top:-40px;
	left:0;
}
.portfolio li a {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.portfolio li a img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-box-shadow:0 2px 1px #dfdfdf;
	-moz-box-shadow:0 2px 1px #dfdfdf;
	box-shadow:0 2px 1px #dfdfdf;
}
.portfolio li a img.normal {
	z-index:2;
	display:block;
}
.portfolio li a img.rollover {
	z-index:1;
	display:none;
}
.portfolio li a:hover img.normal {
	z-index:1;
	display:none;
}
.portfolio li a:hover img.rollover {
	z-index:2;
	display:block;
}
.introduction {
	width:100%;
	padding:80px 0 70px;
	text-align:center;
	text-transform:uppercase;
}
.introduction h2 {
	font:400 36px/1.75 "NewsGotDCDLig",arial,sans-serif;
	letter-spacing:6px;
	color:#000;
}
.introduction span {
	color:#fb5151;
}
.introduction p {
	font:400 14px/2.25 "Old Standard TT Regular",georgia,serif;
	padding:40px 0 50px;
	letter-spacing:1px;
}
.introduction h3 {
	font:400 24px/1.5 "NewsGotDCDLig",arial,sans-serif;
	color:#fb5151;
	letter-spacing:3px;
}
.introduction a {
	color:#fb5151;
}
.introduction2 {
	width:100%;
	padding:40px 0 40px;
	text-align:center;
	text-transform:uppercase;
}
.introduction2 h2 {
	font:400 36px/1.75 "NewsGotDCDLig",arial,sans-serif;
	letter-spacing:6px;
	color:#000;
}
.introduction2 span {
	color:#fb5151;
}
.introduction2 p {
	font:400 14px/2.25 "Old Standard TT Regular",georgia,serif;
	padding:40px 0 50px;
	letter-spacing:1px;
}
.introduction2 h3 {
	font:400 24px/1.5 "NewsGotDCDLig",arial,sans-serif;
	color:#fb5151;
	letter-spacing:3px;
}
.introduction2 a {
	color:#fb5151;
}
/* ============================================================{
	Footer:
}============================================================ */
#colophon a,
#note a {
	color:#fb5151;
}
#colophon a:hover,
#colophon a:focus,
#note a:hover,
#note a:focus {
	text-decoration:none;
}
#colophon h2 {
	font:400 140px/1.15 "NarzissRegular",georgia,serif;
	letter-spacing:15px;
	text-transform:uppercase;
	padding:0 0 30px;
	position:relative;
	z-index:2;
}
#colophon .emma {
	width:176px;
	height:175px;
	display:block;
	position:absolute;
	top:130px;
	right:100px;
	z-index:2;
}
#colophon .emma img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#colophon .emma img.normal {
	z-index:2;
	display:block;
}
#colophon .emma img.rollover {
	z-index:1;
	display:none;
}
#colophon .emma:hover img.normal {
	z-index:1;
	display:none;
}
#colophon .emma:hover img.rollover {
	z-index:2;
	display:block;
}
.testimonials {
	width:43%;
	float:left;
	text-align:right;
	font:400 12px/2.5 "Old Standard TT Regular",georgia,serif;
}
.testimonials h3 {
	font:400 19px/1.5 "NewsGotDCDLig",arial,sans-serif;
	text-transform:uppercase;
	margin:0 0 20px;
	letter-spacing:5px;
}
.testimonials blockquote {
	text-transform:uppercase;
	margin:0 0 15px;
	color:#e6e6e6;
	letter-spacing:1px;
}
.testimonials cite {
	text-transform:uppercase;
	font-style:normal;
	color:#e6e6e6;
	letter-spacing:1px;
}
.testimonials q {
	color:#fa5c5c;
	font-size:14px;
	font-style:italic;
	letter-spacing:0;
}
.contact {
	width:43%;
	float:right;
	margin:-70px 0 0;
	position:relative;
	z-index:2;
}
.contact h3 {
	display:block;
	font:400 19px/1.5 "NewsGotDCDLig",arial,sans-serif;
	text-transform:uppercase;
	margin:0 0 20px;
	letter-spacing:5px;
}
.general-form .form-input {
	background:url(images/input.png);
	border:none;
	color:#c2c2c2;
	display:block;
	font:400 italic 14px/1.5 "Old Standard TT Italic",georgia,serif;
	width:436px;
	height:20px;
	margin:0 0 15px;
	border-top:5px solid #4a4b4b;
	padding:10px 15px 15px;
	text-align:left;
	outline:none;
}
.general-form .form-submit {
	background:none;
	border:none;
	cursor:pointer;
	display:block;
	padding:0;
	font:400 14px/1.5 "NewsGotDCDLig",arial,sans-serif;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:3px;
}
.general-form .form-textarea {
	background:url(images/input.png);
	border:none;
	color:#c2c2c2;
	display:block;
	font:400 italic 14px/1.5 "Old Standard TT Italic",georgia,serif;
	border-top:5px solid #4a4b4b;
	padding:10px 15px 15px;
	text-align:left;
	margin:0 0 15px;
	height:225px;
	width:436px;
	max-width:436px;
	min-width:436px;
	outline:none;
}
.general-form input:hover,
.general-form input:focus,
.general-form .form-textarea:hover,
.general-form .form-textarea:focus {
	color:#fff;
	outline:none;
}
.contact p {
	font:400 italic 11px/2.15 "Old Standard TT Italic",georgia,serif;

	margin:0 0 40px;
	padding:10px 0 0;
}
.contact p span {
	color:#e6e6e6;
}
#colophon .contact .new-msg {
	font:400 14px/1.5 "NewsGotDCDLig",arial,sans-serif;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:3px;
}
#colophon .contact .new-msg:hover {
	color:#fa5c5c;
	text-decoration:none;
}
#colophon .emp {
	font:400 italic 11px/2.15 "Old Standard TT Italic",georgia,serif;
	margin:0 0 20px 2px;
	padding:0;
	color:#e6e6e6;
	letter-spacing:1px;
}
#colophon .testimonials .emp {
	margin:0 0 50px;
}
#colophon .emp em,
#colophon .emp a {
	color:#fa5c5c;
}
#note {
	width:1083px;
	margin:0 auto;
	padding:80px 0 30px;
	position:relative;
	font:400 12px/1.5 "Old Standard TT Regular",georgia,serif;
}
#note .main {
	width:100%;
}
#note .social {
	text-align:left;
	overflow:hidden;
	float:right;
	margin-left:44px;
}
#note .social li {
	float:left;
	margin-top:16px;
	margin-left:16px;
}
#note .social li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999em;
	overflow:hidden;
}
#note .social .pinterest {
	width:16px;
	height:20px;
	background:url(images/ico-pin.png) no-repeat;
	margin-left:0;
}
#note .social .twitter {
	width:23px;
	height:19px;
	background:url(images/ico-twitter.png) no-repeat;
}
#note .social .unknown-1 {
	width:21px;
	height:21px;
	background:url(images/ico-unk-1.png) no-repeat;
}
#note .social .unknown-2 {
	width:21px;
	height:21px;
	background:url(images/ico-unk-2.png) no-repeat;
}
#note .thats-me {
	text-align:left;
	letter-spacing:1px;
	float:left;
}
#note .thats-me .heading {
	position:relative;
	height:30px;
	z-index:11;
}
#note .thats-me h2 {
	color:#111213;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 12px;
}
#note .thats-me .recognition {
	border-top:5px solid #e5e5e5;
	background:#f3f3f3;
	padding:20px 30px 15px;
	width:340px;
	position:absolute;
	bottom:56px;
	left:158px;
	display:none;
	z-index:11;
}
#note .thats-me li {
	margin:0 0 12px;
}
#note .thats-me .decor {
	overflow:hidden;
	position:absolute;
	bottom:-40px;
	left:0;
	width:0px;
	height:0px;
	border-top:20px solid #f3f3f3;
	border-left:20px solid #f3f3f3;
	border-right:20px solid #fff;
	border-bottom:20px solid #fff;
}
#note .thats-me .active {
	display:block;
}




#note .NDAs {
	text-align:left;
	letter-spacing:1px;
	float:left;
	padding:50px 100px 0px 0px;
	font-variant: normal;
}



#note .footnote {
	color:#111213;
	text-align:right;
	letter-spacing:1px;
	width:460px;
	float:right;
}
#note .footnote li {
	margin:0 0 12px;
}
#note .footnote span {
	color:#fb5151;
}
#note .footnote .availablity {
	text-transform:uppercase;
}
#note .footnote .copyright {
	color:#7d7d7d;
}
#note .side-shape {
	width:0;
	height:0;
	overflow:hidden;
	border-top:45px solid transparent;
	border-left:45px solid transparent;
	border-right:45px solid #191919;
	border-bottom:45px solid #191919;
	float:right;
	display:inline;
	margin:30px 0 0 -90px;
}
.footer-shape {
	position:absolute;
	z-index:1;
}
.footer-shape-1 {
	background:url(images/foot-right.png) no-repeat;
	width:123px;
	height:107px;
	top:0;
	right:130px;
}
.footer-shape-2 {
	background:url(images/foot-middle.png) no-repeat;
	width:111px;
	height:82px;
	top:270px;
	left:44%;
}
.footer-shape-3 {
	display:none;
}
.footer-shape-4 {
	background:url(images/foot-left.png) no-repeat;
	width:83px;
	height:59px;
	top:0;
	left:20px;
}
/* ==========================================================={
	Media queries:
}=========================================================== */
/*==[ from 1024 to 1280 ]==*/
@media all and (max-width:1279px) {
	body {
		min-width:960px;
	}
	#content .main,
	#colophon .main,
	#note,
	#logo {
		width:960px;
	}
	#branding .header {
		width:716px;
	}
	.portfolio li.first,
	.portfolio li.second {
		margin:0 20px 0 0;
	}
	.portfolio li.third,
	.portfolio li.fourth {
		margin:0 0 0 20px;
	}
	#colophon h2 {
		font-size:130px;
	}
	#colophon .emma {
		right:50px;
	}
	.footer-shape-1 {
		right:80px;
	}
	.general-form .form-input,
	.general-form .form-textarea {
		width:384px;
		max-width:384px;
		min-width:384px;
	}
	#note .thats-me {
		width:300px;
	}
}
/*==[ from 960 to 1024 ]==*/
@media all and (max-width:1023px) {
	body {
		min-width:920px;
	}
	#content .main,
	#colophon .main,
	#note,
	#logo {
		width:920px;
	}
	#branding .header {
		width:716px;
	}
	#logo a {
		font-size:90px;
	}
	#logo .sub {
		font-size:19px;
	}
	.portfolio li.first,
	.portfolio li.second {
		margin:0 20px 0 0;
	}
	.portfolio li.third,
	.portfolio li.fourth {
		margin:0 0 0 20px;
	}
	.portfolio li {
		width:171px;
		height:172px;
	}
	.shape-container {
		position:relative;
		width:920px;
		margin:0 auto;
		height:0px;
	}
	.top-side-shape {
		left:0;
	}
	#colophon h2 {
		font-size:120px;
	}
	#colophon .emma {
		right:50px;
	}
	.footer-shape-1 {
		right:80px;
	}
	.footer-shape-2 {
		top:240px;
	}
	.testimonials {
		width:45%;
	}
	.contact {
		margin:-50px 0 0;
		width:45%;
	}
	.general-form .form-input,
	.general-form .form-textarea {
		width:384px;
		max-width:384px;
		min-width:384px;
	}
	#note .footnote,
	#note .thats-me {
		width:auto;
	}
	#note .inner {
		padding:45px 0 0;
		clear:both;
	}
}
/*==[ from 768 to 960 ]==*/
@media all and (max-width:959px) {
	body {
		min-width:764px;
	}
	#branding {
		padding:80px 0 0;
	}
	#content .main,
	#colophon .main,
	#note,
	#logo {
		width:764px;
	}
	#branding .main {
		padding:199px 0 0;
	}
	#branding .header {
		background:url(images/header-2.png) no-repeat center top;
		width:485px;
		height:279px;
		margin-bottom:-279px;
		top:-80px;
	}
	#logo {
		letter-spacing:35px;
		padding:0 0 135px;
	}
	#logo a {
		font-size:80px;
	}
	#logo .sub {
		font-size:17px;
		letter-spacing:13px;
	}
	#logo a .logo-shape {
		/*background:url(images/logo-2.png) no-repeat;*/
		width:162px;
		height:163px;
		margin:-243px auto 10px;
	}
	.shape-container {
		width:764px;
	}
	.top-side-shape {
		border-top:36px solid #333;
		border-left:36px solid #333;
		border-right:36px solid transparent;
		border-bottom:36px solid transparent;
		top:35px;
	}
	#branding .header-shape {
		width:100px;
		height:100px;
		margin:-50px auto 0;
		background:url(images/content-middle.png) no-repeat;
	}
	.portfolio {
		margin-top:-135px;
	}
	.portfolio li.first,
	.portfolio li.second {
		margin:0 18px 0 0;
	}
	.portfolio li.third,
	.portfolio li.fourth {
		margin:0 0 0 18px;
	}
	.portfolio li {
		width:152px;
		height:153px;
	}
	.introduction h2 {
		font-size:28px;
	}
	.introduction p {
		font-size:13px;
	}
	.introduction h3 {
		font-size:22px;
	}
	#colophon h2 {
		font-size:100px;
	}
	#colophon .emma {
		right:0;
		width:160px;
		height:159px;
	}
	.footer-shape-1 {
		right:30px;
	}
	.footer-shape-2 {
		top:240px;
	}
	.testimonials {
		width:45%;
		padding:50px 0 0;
		line-height:2;
	}
	.contact {
		width:45%;
		margin:-20px 0 0;
	}
	.testimonials h3,
	.contact h3 {
		letter-spacing:4px;
		font-size:16px;
	}
	.general-form .form-input,
	.general-form .form-textarea {
		width:314px;
		max-width:314px;
		min-width:314px;
	}
	#note .side-shape {
		border-top:36px solid transparent;
		border-left:36px solid transparent;
		border-right:36px solid #191919;
		border-bottom:36px solid #191919;
		margin-left:-72px;
	}
}
/*==[ from 480 to 768 ]==*/
@media all and (max-width:767px) {
	body {
		min-width:440px;
	}
	#branding {
		padding:80px 0 0;
	}
	#content .main,
	#colophon .main,
	#note,
	#logo {
		width:440px;
	}
	#branding .header {
		background:url(images/header-2.png) no-repeat center top;
		width:321px;
	}
	#logo {
		letter-spacing:25px;
		padding:0 0 85px;
	}
	#logo a {
		font-size:70px;
	}
	#logo .title {
		padding:0;
	}
	#logo .sub {
		font-size:17px;
		line-height:1.75;
		letter-spacing:12px;
	}
	#logo a .logo-shape {
		/*background:url(images/logo-2.png) no-repeat;*/
		width:162px;
		height:163px;
		margin:-243px auto 10px;
	}
	.shape-container {
		width:440px;
	}
	.top-side-shape {
		border-top:29px solid #333;
		border-left:29px solid #333;
		border-right:29px solid transparent;
		border-bottom:29px solid transparent;
		top:35px;
		left:15px;
	}
	#branding .header-shape {
		width:100px;
		height:100px;
		margin:-50px auto 0;
		background:url(images/content-middle.png) no-repeat;
	}
	.portfolio {
		margin-top:35px;
		overflow:hidden;
		float:none;
		padding:0 0 20px;
	}
	.portfolio li {
		width:181px;
		height:182px;
		display:inline;
	}
	.portfolio li.first,
	.portfolio li.third {
		margin:0 0 30px 15px;
		top:0;
		float:left;
	}
	.portfolio li.second,
	.portfolio li.fourth {
		margin:0 15px 30px 0;
		top:0;
		float:right;
	}
	#content .body-shape {
		width:100px;
		height:100px;
		margin:0 auto 0;
		background:url(images/content-middle.png) no-repeat;
	}
	.introduction {
		padding:30px 0 40px;
	}
	.introduction h2 {
		font-size:25px;
	}
	.introduction p {
		font-size:11px;
		line-height:2.5;
		padding:35px 0 30px;
	}
	.introduction h3 {
		font-size:16px;
	}
	#colophon h2 {
		font-size:69px;
		letter-spacing:7px;
	}
	#colophon .emma {
		right:0;
		top:145px;
		width:130px;
		height:129px;
	}
	.footer-shape-1 {
		right:0;
		width:91px;
		height:68px;
		background:url(images/foot-right-2.png) no-repeat;
	}
	.footer-shape-2 {
		top:240px;
		left:38%;
		width:101px;
		height:73px;
		background:url(images/foot-middle-2.png) no-repeat;
	}
	.footer-shape-3 {
		display:block;
		position:static;
		margin:30px auto;
	}
	.testimonials {
		width:100%;
		float:none;
		padding:90px 0 0;
		line-height:2;
		text-align:left;
	}
	.contact {
		width:100%;
		float:none;
		margin:0;
	}
	.testimonials h3,
	.contact h3 {
		letter-spacing:4px;
		font-size:16px;
	}
	.general-form .form-input,
	.general-form .form-textarea {
		width:410px;
		max-width:410px;
		min-width:410px;
	}
	#note {
		font-size:11px;
	}
	#note .inner {
		padding:35px 0 0;
	}
	#note .social {
		margin:0 0 30px;
		position:static;
		right:0;
	}
	#note .side-shape {
		float:right;
		border-top:29px solid transparent;
		border-left:29px solid transparent;
		border-right:29px solid #191919;
		border-bottom:29px solid #191919;
	}
	#note .footnote {
		letter-spacing:0;
		width:100%;
		overflow:hidden;
		clear:both;
	}
	#note .thats-me .recognition {
		bottom:76px;
		left:0;
	}
}
/*==[ smaller than 480 ]==*/
@media all and (max-width:479px) {
	body {
		min-width:280px;
	}
	#branding {
		padding:53px 0 0;
	}
	#content .main,
	#colophon .main,
	#note,
	#logo {
		width:280px;
	}
	#branding .main {
		padding:163px 0 0;
	}
	#branding .header {
		background:url(images/header-3.png) no-repeat center top;
		width:267px;
		height:216px;
		margin-bottom:-216px;
		top:-53px;
	}
	#logo {
		letter-spacing:12px;
		padding:0 0 80px;
	}
	#logo a {
		font-size:48px;
		line-height:1.75;
	}
	#logo .title {
		padding:0;
	}
	#logo .sub {
		font-size:15px;
		letter-spacing:10px;
	}
	#logo a .logo-shape {
		/*background:url(images/logo-3.png) no-repeat;*/
		width:133px;
		height:134px;
		margin:-187px auto 10px;
	}
	.shape-container {
		width:280px;
	}
	.top-side-shape {
		border-top:29px solid #333;
		border-left:29px solid #333;
		border-right:29px solid transparent;
		border-bottom:29px solid transparent;
		top:16px;
	}
	#branding .header-shape {
		width:100px;
		height:100px;
		margin:-50px auto 0;
		background:url(images/content-middle.png) no-repeat;
	}
	.portfolio {
		margin-top:35px;
		overflow:hidden;
		float:none;
		padding:0;
	}
	.portfolio li {
		width:181px;
		height:182px;
		display:block;
	}
	.portfolio li.first,
	.portfolio li.third {
		margin:0 auto 30px;
		top:0;
		float:none;
	}
	.portfolio li.second,
	.portfolio li.fourth {
		margin:0 auto 30px;
		top:0;
		float:none;
	}
	#content .body-shape {
		width:100px;
		height:100px;
		margin:0 auto 0;
		background:url(images/content-middle.png) no-repeat;
	}
	.introduction {
		padding:25px 0 40px;
	}
	.introduction h2 {
		font-size:21px;
		letter-spacing:5px;
	}
	.introduction p {
		font-size:11px;
		line-height:2.25;
		padding:35px 0 30px;
	}
	.introduction h3 {
		font-size:16px;
	}
	#colophon h2 {
		font-size:52px;
		letter-spacing:6px;
		padding:15px 0;
	}
	#colophon .emma {
		right:-30px;
		top:145px;
		width:105px;
		height:104px;
	}
	.footer-shape-1 {
		right:-35px;
		width:91px;
		height:68px;
		background:url(images/foot-right-2.png) no-repeat;
	}
	.footer-shape-2 {
		top:240px;
		left:34%;
		width:101px;
		height:73px;
		background:url(images/foot-middle-2.png) no-repeat;
	}
	.footer-shape-3 {
		display:block;
		position:static;
		margin:30px auto;
	}
	.testimonials {
		width:100%;
		float:none;
		padding:140px 0 0;
		line-height:2;
		text-align:left;
	}
	.contact {
		width:100%;
		float:none;
		margin:0;
	}
	.testimonials h3,
	.contact h3 {
		letter-spacing:4px;
		font-size:16px;
	}
	.general-form .form-input,
	.general-form .form-textarea {
		width:250px;
		max-width:250px;
		min-width:250px;
	}
	#note .inner {
		padding-top:30px;
	}
	#note .social {
		margin:0 0 30px;
	}
	#note .side-shape {
		border-top:29px solid transparent;
		border-left:29px solid transparent;
		border-right:29px solid #191919;
		border-bottom:29px solid #191919;
		margin:20px 0 0;
	}
	#note .thats-me .recognition {
		width:220px;
	}
	#note .footnote {
		letter-spacing:0;
		width:100%;
		overflow:hidden;
		clear:both;
	}
	#note .footnote li {
		margin:0 0 25px;
	}
	#note .footnote .copyright small {
		display:block;
	}
}
* html .top-side-shape,
* html #note .side-shape {
	display:none;
}