/*
----------------------------------------------- 
		344 Design, LLC
		Print Stylesheet
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
}

body {
		line-height: 1;
}

ol, ul {
		list-style: none;
}

table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		font-weight: normal;
		text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

a img {
		border: 0;
}

strong, b, h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
}

em, i {
		font-style: italic;
}


/*		E X C E P T I O N S
----------------------------------------------- */

.screenmobile {
		display: none;
}

body, #wrapper a:link, #wrapper a:visited, #footer a:link, #footer a:visited, #wrapper a:hover, #wrapper a:active, #footer a:hover, #footer a:active, h2, h3, .caption, u, #extralinks a:link, #extralinks a:visited {
		color: #000 !important;
}

.caption, u, h3 {
		border-top-color: #000 !important;
}

#wrapper a:link, #wrapper a:visited, #footer a:link, #footer a:visited, #wrapper a:hover, #wrapper a:active, #footer a:hover, #footer a:active, #infobox, #introtext, hr, #closingright {
		border-bottom-color: #00 !important;
}


/*		B A S I C	 S E T U P
----------------------------------------------- */

html {
		height: 100%;
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

img {
		border: none;
		max-width: 100%;
		height: auto;
}

:focus, a {
		-moz-outline-style: none;
		outline: none;
}

body {
		color: #000 !important;
		background: #fff !important;
		font: 9pt/16pt "Pragmatica-Web", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		text-align: left;
		margin: 15mm 15mm 25mm 15mm;
}


/*		L I N K S
----------------------------------------------- */

a:link, a:visited {
	text-decoration: none;
}

#wrapper a:link, #wrapper a:visited, #footer a:link, #footer a:visited, .faqone a:link, .faqone a:visited, .aboutfaq a:link, .aboutfaq a:visited {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
}

#wrapper a:hover, #wrapper a:active, #footer a:hover, #footer a:active, .faqone a:hover, .faqone a:active, .aboutfaq a:hover, .aboutfaq a:active {
		border-bottom-style: solid;
}

.css-image {
		display: none;
}

#extralinks {
		display: none;
}

#projecttypes {
		display: none;
}

h4 a:link, h4 a:visited {
		font-style: normal;
		font-size: 14px;
		font-weight: normal;
}


/*		H E A D E R
----------------------------------------------- */

#horizon {
		width: auto;
		height: auto;
}

#header {
		width: auto;
		height: auto;
}

#header ul {
		display: none;
}

#header h1 a {
		display: block;
		width: auto;
		color: #000 !important;
		font-size: 16pt;
		border-bottom: 1px solid #000;
		padding-bottom: 10pt;
		margin-bottom: 10pt;
}


/*		P R O J E C T	 O V E R V I E W
----------------------------------------------- */

#projectswrap {
		width: 100%;
}

#projects {
		width: auto;
		background: transparent url(bg_gradient.png) 0 1px repeat;
		margin-top: 70px;
		padding: 0 30px 0 50px;
}

#intro {
		width: 446px !important;
		height: 172px;
		float: left;
		padding: 0 30px 0 40px;
		text-align: left !important;
		font-family: Adelle, sans-serif;
		font-size: 9pt;
		font-weight: 200;
		line-height: 16pt;
		position: relative;
		top: 0;
		background: transparent url(bg_project.png) 0 -28px no-repeat !important;
}

#intro select {
		display: none;
}

#intro a {
		display: inline;
		border-bottom: 1px dotted #999;
}

#intro strong, #intro b {
		font-family: Adelle, sans-serif;
		font-size: 14pt;
		font-weight: 200 !important;
		line-height: 18pt;
		display: block;
		margin-bottom: 6px;
}

#intro #archives {
		font: 9pt/16pt "Pragmatica-Web", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

#projects ul {
		padding-top: 0px;
}

#projects li {
		list-style: none;
		display: block;
		width: 172px;
		height: 172px;
		float: left;
		margin: 0 0 40px 0;
		text-align: center;
		background: transparent url(loader.png) center center no-repeat;
}

#projects a {
		display: block;
		color: #000;
}

#projects strong {
		font-weight: normal;
}

#projects span em {
		display: block;
		width: 20px;
		height: 172px;
		background: transparent url(bg_project.png) 0 -28px no-repeat;
}

#projects span {
		width: 172px;
		height: 172px;
		display: block;
		margin-bottom: 6px;
		background-position: 0 0;
		background-repeat: no-repeat;
		-webkit-transition: background-position 0.25s ease-in-out;
		-moz-transition: background-position 0.25s ease-in-out;
		-o-transition-property: background-position;
		-o-transition-duration: 0.25s;
		transition: background-position 0.25s ease-in-out;
}

#projects a strong {
		color: #000;
}


/*		P R O J E C T S	 L I S T
----------------------------------------------- */

#singletitle {
		width: auto;
}

#heroicvideo {
		margin: 70px 0 0 0;
}

#projectsdesc {
		font-size: 14pt;
		font-weight: 200;
		line-height: 18pt;
		width: auto;
		margin: 10px 0 30px 55px;
		padding-top: 10px;
		padding-bottom: 32px;
}

#projectsdesc strong {
		font-style: normal;
		font-weight: 200;
}

#singlecontent {
		width: auto;
		margin: -38px 0 50px 0;
		font-family: Adelle, sans-serif;
		font-size: 9pt;
		font-weight: 200;
		line-height: 16pt;
}

#projectlist {
		width: auto;
		border-bottom: 1px solid #ccc !important;
}

#projectlist table {
		width: auto;
		border-collapse: collapse;
}

#projectlist th {
		border-top: 1px solid #000;
		border-right: 2px solid #fff;
		padding: 5px 5px 20px 5px;
		text-align: left;
		vertical-align: top;
}

#projectlist td {
		border-top: 1px solid #ccc;
		padding: 5px 5px 6px 5px;
		vertical-align: top;
}


/*		P R O J E C T
----------------------------------------------- */

.singleentry #wrapper {
		margin-top: 45px;
}

#wrapper {
		width: auto;
		margin: 40px auto 0 auto;
		text-align: left;
}

h2 {
		font-size: 26pt;
		line-height: 26pt;
		font-weight: normal;
		letter-spacing: 2px;
		padding: 0 0 3px 0;
		text-align: left;
		color: #000 !important;
		font-weight: 200;
		font-family: "Pragmatica-Web", sans-serif;
}

#titleleft {
		display: none;
}

#titleright {
		display: none;
}

h3 {
		font-size: 16pt;
		font-family: Adelle, sans-serif;
		font-weight: 200;
		line-height: 26pt;
		margin-bottom: 30px;
		padding-top: 6px;
		margin-top: 12px;
		border-top-width: 1px;
		border-top-style: solid;
		color: #000 !important;
}

h3 em {
		padding-left: 3px;
		font-style: normal;
		opacity: 0.65;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
		filter: alpha(opacity = 65);
}

.caption {
		border-top-width: 1px;
		border-top-style: solid;
		font-weight: bold;
		padding-bottom: 5px;
		width: auto;
		position: relative;
		top: -6px;
		font-size: 6pt;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 14pt;
		padding-top: 3px;
		margin-bottom: 12px;
}

.firstcaption {
		margin-top: 58px;
}

#introtext {
		font-size: 14pt;
		font-weight: 200;
		line-height: 18pt;
		width: auto;
		margin: 0 0 30px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		padding-bottom: 32px;
}

#introtext em, #introtext i {
		font-weight: 200;
		font-style: italic;
}

#infobox {
		display: none;
}

#text {
		width: auto;
		margin: 0 0 38px 0;
		font-family: Adelle, sans-serif;
		font-size: 9pt;
		font-weight: 200;
		line-height: 16pt;
		color: #000 !important;
}

#text strong, #text b, #entrymore strong, #entrymore b {
		font-weight: 600;
}

#entrymore {
		margin-top: 34px;
		font-family: Adelle, sans-serif;
		font-size: 9pt;
		font-weight: 200;
		line-height: 16pt;
}

#text p, #entrymore p {
		margin-bottom: 36px;
}

.mt-image-left {
		padding-right: 16px;
		padding-top: 8px;
}

hr {
		border: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000 !important;
		width: auto;
		margin: 0 0 10px 0;
		height: 0;
		clear: both;
}

#text hr {
		width: auto;
		margin: 0 0 36px 0;
		height: 0;
		clear: none;
}

#entrymore blockquote {
		width: auto;
		margin: 0 0 36px 0 !important;
}

#text h4, #entrymore h4 {
		margin-bottom: 36px;
		font-size: 14pt;
		line-height: 18pt;
		width: auto;
		font-weight: 200;
}

#text h4 {
		width: auto;
}

#entrymore h5 {
		border-top-width: 1px;
		border-top-style: solid;
		font-weight: bold !important;
		font: 6pt/14pt "Pragmatica-Web", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		padding-bottom: 5px;
		width: auto;
		position: relative;
		top: -6px;
		font-size: 6pt;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 14pt;
		padding-top: 3px;
		margin-bottom: 12px;
}

#entrymore h6 {
		border-top-width: 1px;
		border-top-style: solid;
		font-weight: bold !important;
		padding-bottom: 5px;
		width: auto;
		position: relative;
		margin-top: -47px;
		font: 6pt/14pt "Pragmatica-Web", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding-top: 3px;
		margin-bottom: 12px;
}

#closingnav {
		display: none;
}


/*		P A G E
----------------------------------------------- */

#pagetitle {
		width: auto;
		margin: 0 0 10px 0;
		padding: 0;
		border-bottom: 1px solid #0;
}

#pagecontent {
		width: auto;
		margin: 40px 0 0 0;
}

#singlecontent blockquote {
		width: 100%;
		padding: 100px 0 20px 0;
		font-size: 14pt;
		line-height: 18pt;
		font-style: italic;
}

#singlecontent p {
		margin-bottom: 20px;
}

#singlecontent a {
		color: #000;
		border-bottom: 1px dotted #000;
}

#singlecontent h6 {
		font: 9pt/16pt "Pragmatica-Web", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}


/*		A B O U T
----------------------------------------------- */

.aboutfaq {
		width: 100%;
		padding: 13px 0 25px 0;
		background: #fff !important;
}

.aboutfaq h4 {
		padding-top: 18px;
		font-size: 14pt;
		font-weight: 200;
		line-height: 18pt;
		color: #000 !important;
}

.aboutblock {
		width: auto;
		margin: 0 auto;
}

.aboutquestion {
		width: 45%;
		float: left;
		text-align: left;
		color: #000 !important;
}

.aboutanswer {
		width: 45%;
		float: right;
		text-align: left;
		line-height: 16pt;
		margin-top: 7px;
		margin-bottom: 8px;
		color: #000 !important;
}

.aboutanswer p {
		margin-top: 12px;
}


/*		F A Q
----------------------------------------------- */

.faqone {
		width: 100%;
		padding: 43px 0 40px 0;
}

.faqone h4 {
		text-align: left;
		font-size: 14pt;
		font-weight: 200;
		line-height: 18pt;
		color: #000;
}

.faqquestion {
		width: auto;
		margin: 0 auto 11px auto;
}

.faqanswer {
		width: auto;
		margin: 0 auto;
		text-align: left;
		font-family: Adelle, sans-serif;
		font-size: 9pt;
		font-weight: 200;
		line-height: 16pt;
}

.faqanswer p {
		margin-top: 11px;
}

.faqquestion a {
		display: none;
}


/*		S T O R E
----------------------------------------------- */

.storeint {
		font-size: 14pt;
		font-weight: 200;
		line-height: 18pt;
		font-style: normal !important;
		margin-top: 0 !important;
}

.storedesc p {
		line-height: 18pt;
}

.storeone {
		width: 100%;
		padding: 23px 0 38px 0;
}

.storeone h4 {
		font-size: 14pt;
		line-height: 18pt;
		font-style: italic;
		position: relative;
		left: -2px;
		padding-bottom: 3px;
		font-weight: 200;
		font-family: Adelle, sans-serif;
}

.storeone h4 strong {
		font-style: normal;
		font-weight: 200;
}

.storeclosed {
		width: auto;
		margin: 0 auto 11px auto;
		text-align: left;
}

.storeimg {
		width: 172px;
		margin-right: 28px;
		float: left;
		position: relative;
		top: -3px;
		display: block;
		height: 172px;
		margin-bottom: 28px;
}

.storetext {
		width: 600px;
		float: left;
		line-height: 16pt;
}

.storemoretext p {
		margin-bottom: 24px;
}

.storemoretext a {
		border-bottom: 1px dotted #000;
}

.storelinkmore, .storelinkless {
		border-bottom: 1px dotted #000;
}

.storepurchase, .storelinks {
		display: none;
}

.storeopen {
		width: 100%;
		clear: both;
		position: relative;
		top: -3px;
}

.storemoretext {
		margin: 0 auto;
		text-align: left;
		width: auto;
		padding-top: 36px;
		padding-bottom: 36px;
		line-height: 16pt;
}


/*		C O N T A C T	 /	 4 0 4
----------------------------------------------- */

#envelope {
		width: 960px;
		height: 389px;
		margin: 80px 0 45px 0;
}

#envelope a {
		display: block;
		width: 960px;
		height: 389px;
		background: transparent url(envelope.jpg) 0 0 no-repeat;
		border-bottom: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
}

#fourohfour {
		width: 960px;
		height: 500px;
		margin: 80px 0 80px 0;
}

#fourohfour a {
		display: block;
		width: 960px;
		height: 500px;
		background: transparent url(page_not_found.jpg) 0 0 no-repeat;
		border-bottom: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
}


/*		F O O T E R
----------------------------------------------- */

#footer {
		display: none;
}