@import url("lightwindow/lightwindow.css");
/* typography.css */
body {
	font-size: 14px;
	color: #222;
	background: #fff;
	font-family: Arial, sans-serif;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #000;
}
h1 {
	font-size: 30px;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: bold;
}
h2 {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 16px;
	font-weight: bold;
	margin-top: 30px;
}
#DESIGN-PROJECTS h2 {
	text-align: center;
}
h3 {
	font-size: 17px;
	line-height: 1;
	margin-bottom: 16px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	line-height: 1.25;
	margin-bottom: 0;
	font-weight: bold;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}
h6 {
	font-size: 12px;
	margin-bottom: 0;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
h1 span {
	font-size: 17px;
	display: block;
}
h2 span {
	font-size: 14px;
	display: block;
}
h3 span {
	font-size: 13px;
	display: block;
}
h1.no-header-span-line-break span {
	font-size: 40px;
	display: inline;
}
p {
	margin: 0 0 18px;
}
p img.left {
	float: left;
	margin: 18px 18px 18px 0;
	padding: 0;
}
p img.right {
	float: right;
	margin: 18px 0 18px 18px;
}
a:focus, a:hover {
	color: #000;
}
a {
	color: #009;
	text-decoration: underline;
}
blockquote {
	margin: 18px;
	color: #666;
	font-style: italic;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 18px;
	font-style: italic;
}
del {
	color: #666;
}
pre {
	margin: 18px 0;
	white-space: pre;
}
pre, code, tt {
	font: 12px 'andale mono', 'lucida console', monospace;
	line-height: 18px;
}
li ul, li ol {
	margin: 0 18px;
}
ul, ol {
	margin: 0 24px 18px 2px;
}
ul {
	list-style-type: disc;
}
li {
	margin-bottom: .75em;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 18px 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 18px;
}
table {
	margin-bottom: 18px;
}
th {
	font-weight: bold;
}
tr.even td {
	background: #e5ecf9;
}
tfoot {
	font-style: italic;
}
caption {
	background: #eee;
}
.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #000;
}
.highlight {
	background: #ff0;
}
.added {
	background: #060;
	color: #fff;
}
.removed {
	background: #900;
	color: #fff;
}
.first {
	margin-left: 0;
	padding-left: 0;
}
.last {
	margin-right: 0;
	padding-right: 0;
}
.top {
	margin-top: 0;
	padding-top: 0;
}
.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}
/* forms.css */
label {
	font-weight: bold;
	display: block;
}
fieldset {
	padding: 18px;
	margin: 0 0 18px 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size: 14px;
}
input.text, input.title, textarea, select {
	margin: 0;
	border: 1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border: 1px solid #666;
}
input.text, input.title {
	width: 300px;
	padding: 5px;
}
input.title {
	font-size: 18px;
}
textarea {
	width: 300px;
	height: 120px;
	padding: 5px;
}
.warning {
	color: red;
}
.required-text {
	font-size: 95%;
	color: #666;
}
img, a img {
	border: 0;
} /* nobody likes default border around images */
#header {
	width: 950px;
	margin: 0 auto;
	position: relative;
	height: 160px;
	background: rgba(255, 255, 255, 0.6);
}
#main-container {
	width: 950px;
	margin: 0 auto;
	clear: both;
	margin-top: 30px;
	background: url(../images/transparent-content-bg.png);
}
#footer {
	width: 950px;
	clear: both;
	margin: 0 auto;
	position: relative;
	background: url(../images/transparent-content-bg.png) repeat;
	border-top: 1px solid #999;
}
#footer .span-24 {
	background: url(../images/transparent-content-bg.png) repeat;
}
#z-index-wrapper {
	z-index: 20;
	background: url(../images/transparent-top-bar-bg.png) repeat-x;
	margin-bottom: 120px;
}
/* grid.css */

.container {
	width: 950px;
	margin: 0 auto;
}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
	float: left;
	margin-right: 10px;
}
.last, div.last {
	margin-right: 0;
}
.span-1 {
	width: 30px;
}
.span-2 {
	width: 70px;
}
.span-3 {
	width: 110px;
}
.span-4 {
	width: 150px;
}
.span-5 {
	width: 190px;
}
.span-6 {
	width: 230px;
}
.span-7 {
	width: 270px;
}
.span-8 {
	width: 310px;
}
.span-9 {
	width: 350px;
}
.span-10 {
	width: 390px;
}
.span-11 {
	width: 430px;
}
.span-12 {
	width: 470px;
}
.span-13 {
	width: 510px;
}
.span-14 {
	width: 550px;
}
.span-15 {
	width: 590px;
}
.span-16 {
	width: 630px;
}
.span-17 {
	width: 670px;
}
.span-18 {
	width: 710px;
}
.span-19 {
	width: 750px;
}
.span-20 {
	width: 790px;
}
.span-21 {
	width: 830px;
}
.span-22 {
	width: 870px;
}
.span-23 {
	width: 910px;
}
.span-24, div.span-24 {
	width: 950px;
	margin: 0;
}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
	border-left-width: 1px!important;
	border-right-width: 1px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}
.append-1 {
	padding-right: 40px;
}
.append-2 {
	padding-right: 80px;
}
.append-3 {
	padding-right: 120px;
}
.append-4 {
	padding-right: 160px;
}
.append-5 {
	padding-right: 200px;
}
.append-6 {
	padding-right: 240px;
}
.append-7 {
	padding-right: 280px;
}
.append-8 {
	padding-right: 320px;
}
.append-9 {
	padding-right: 360px;
}
.append-10 {
	padding-right: 400px;
}
.append-11 {
	padding-right: 440px;
}
.append-12 {
	padding-right: 480px;
}
.append-13 {
	padding-right: 520px;
}
.append-14 {
	padding-right: 560px;
}
.append-15 {
	padding-right: 600px;
}
.append-16 {
	padding-right: 640px;
}
.append-17 {
	padding-right: 680px;
}
.append-18 {
	padding-right: 720px;
}
.append-19 {
	padding-right: 760px;
}
.append-20 {
	padding-right: 800px;
}
.append-21 {
	padding-right: 840px;
}
.append-22 {
	padding-right: 880px;
}
.append-23 {
	padding-right: 920px;
}
.prepend-1 {
	padding-left: 40px;
}
.prepend-2 {
	padding-left: 80px;
}
.prepend-3 {
	padding-left: 120px;
}
.prepend-4 {
	padding-left: 160px;
}
.prepend-5 {
	padding-left: 200px;
}
.prepend-6 {
	padding-left: 240px;
}
.prepend-7 {
	padding-left: 280px;
}
.prepend-8 {
	padding-left: 320px;
}
.prepend-9 {
	padding-left: 360px;
}
.prepend-10 {
	padding-left: 400px;
}
.prepend-11 {
	padding-left: 440px;
}
.prepend-12 {
	padding-left: 480px;
}
.prepend-13 {
	padding-left: 520px;
}
.prepend-14 {
	padding-left: 560px;
}
.prepend-15 {
	padding-left: 600px;
}
.prepend-16 {
	padding-left: 640px;
}
.prepend-17 {
	padding-left: 680px;
}
.prepend-18 {
	padding-left: 720px;
}
.prepend-19 {
	padding-left: 760px;
}
.prepend-20 {
	padding-left: 800px;
}
.prepend-21 {
	padding-left: 840px;
}
.prepend-22 {
	padding-left: 880px;
}
.prepend-23 {
	padding-left: 920px;
}
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
div.colborder {
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}
.pull-1 {
	margin-left: -40px;
}
.pull-2 {
	margin-left: -80px;
}
.pull-3 {
	margin-left: -120px;
}
.pull-4 {
	margin-left: -160px;
}
.pull-5 {
	margin-left: -200px;
}
.pull-6 {
	margin-left: -240px;
}
.pull-7 {
	margin-left: -280px;
}
.pull-8 {
	margin-left: -320px;
}
.pull-9 {
	margin-left: -360px;
}
.pull-10 {
	margin-left: -400px;
}
.pull-11 {
	margin-left: -440px;
}
.pull-12 {
	margin-left: -480px;
}
.pull-13 {
	margin-left: -520px;
}
.pull-14 {
	margin-left: -560px;
}
.pull-15 {
	margin-left: -600px;
}
.pull-16 {
	margin-left: -640px;
}
.pull-17 {
	margin-left: -680px;
}
.pull-18 {
	margin-left: -720px;
}
.pull-19 {
	margin-left: -760px;
}
.pull-20 {
	margin-left: -800px;
}
.pull-21 {
	margin-left: -840px;
}
.pull-22 {
	margin-left: -880px;
}
.pull-23 {
	margin-left: -920px;
}
.pull-24 {
	margin-left: -960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
	float: left;
	position: relative;
}
.push-1 {
	margin: 0 -40px 18px 40px;
}
.push-2 {
	margin: 0 -80px 18px 80px;
}
.push-3 {
	margin: 0 -120px 18px 120px;
}
.push-4 {
	margin: 0 -160px 18px 160px;
}
.push-5 {
	margin: 0 -200px 18px 200px;
}
.push-6 {
	margin: 0 -240px 18px 240px;
}
.push-7 {
	margin: 0 -280px 18px 280px;
}
.push-8 {
	margin: 0 -320px 18px 320px;
}
.push-9 {
	margin: 0 -360px 18px 360px;
}
.push-10 {
	margin: 0 -400px 18px 400px;
}
.push-11 {
	margin: 0 -440px 18px 440px;
}
.push-12 {
	margin: 0 -480px 18px 480px;
}
.push-13 {
	margin: 0 -520px 18px 520px;
}
.push-14 {
	margin: 0 -560px 18px 560px;
}
.push-15 {
	margin: 0 -600px 18px 600px;
}
.push-16 {
	margin: 0 -640px 18px 640px;
}
.push-17 {
	margin: 0 -680px 18px 680px;
}
.push-18 {
	margin: 0 -720px 18px 720px;
}
.push-19 {
	margin: 0 -760px 18px 760px;
}
.push-20 {
	margin: 0 -800px 18px 800px;
}
.push-21 {
	margin: 0 -840px 18px 840px;
}
.push-22 {
	margin: 0 -880px 18px 880px;
}
.push-23 {
	margin: 0 -920px 18px 920px;
}
.push-24 {
	margin: 0 -960px 18px 960px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
	float: right;
	position: relative;
}
.prepend-top {
	margin-top: 18px;
}
.append-bottom {
	margin-bottom: 18px;
}
.box {
	padding: 18px;
	margin-bottom: 18px;
	border: 1px solid #d7d7d7;
}
hr {
	background: #999;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 1.6em 0 3em 0;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}
.clearfix:after, .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix, .container {
	display: block;
}
.clear {
	clear: both;
}
.gutter {
	padding: 20px 15px 15px 15px;
}
.span-7 h3 {
	margin-bottom: 5px;
}
/* Side Bar */
p.caption {
	margin-top: 5px;
}
#sidebar h3 {
	margin-bottom: 10px;
	font-size: 15px;
}
/* Main Navigation */
/*ul#main-nav{
	color: #333;
	list-style-type: none;
	margin-left: 56px;
	align: left;
	right: 0;
	padding-top: 6px;
	}*/
ul#main-nav {
	color: #333;
	list-style-type: none;
	margin-left: 10px;
	padding-left: 0px;
	align: left;
	right: 0;
	padding-top: 6px;
}
ul#main-nav li {
	display: inline;
	font-size: 110%;
	border-bottom-style: none;
	padding: 10px;
}
ul#main-nav #here {
	color: #666;
}
ul#main-nav li.last-link {
	border-right: 1px solid #333;
}
ul#main-nav li a:hover {
	color: red;
}
ul#main-nav li a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
/* Sub Navigation */
ul#side-nav {
	color: #333;
	list-style-type: none;
	text-decoration: none;
	margin: inherit;
	padding: inherit;
	margin-top: 0px;
	padding-top: 0px;
}
ul#side-nav li {
	display: block;
	font-size: 13px;
	border-bottom-style: none;
	margin: inherit;
	padding: 3px;
	line-height: 1.5em;
	border-bottom: #333 1px solid;
	margin-left: 0;
	text-indent: none;
}
ul#side-nav #here {
	color: #666;
}
ul#side-nav li.last-link {
	border-right: 1px solid #333;
}
ul#side-nav li a:hover {
	color: red;
}
ul#side-nav li a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
.top-of-page {
	font-size: 10px;
	color: #777;
	clear: both;
	display: inline-block;
	border: none;
	margin: -15px 0 1em 0;
}
.top-of-page a {
	border: none;
	color: #777;
}
a[class=pdf-link] {
	padding-left: 20px;
	background: url(../images/icon-pdf.png) left no-repeat;
	font-size: 1.1em;
}
li[class=vCard] {
	padding-left: 20px;
	background: url(../images/icon-big-vCard.gif) left no-repeat;
	font-size: 1.1em;
}
a[class=facebook] {
	padding-left: 20px;
	background: url(../images/icon-facebook.png) left no-repeat;
	font-size: 1.1em;
}
/* fixPNG */
/* * html img, */
* html .fixPNG {
azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true );
}
.wrapper-content {
	width: 950px;
	margin: -20px auto 0 auto;
	box-shadow: 0px 0px 10px #999;
}
.tagline {
	position: absolute;
	top: 60px;
	left: 20px;
	text-shadow: 0px 0px 1px #000, 0px 0px 10px rgba(255, 255, 255, 0.9);
	padding: 10px;
}
.tagline em {
	color: #000;
	font-style: normal;
}
.GoogleFont-lighest {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.GoogleFont-normal {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.GoogleFont-boldest {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
#DESIGN-PROJECTS .span-17 img, #DESIGN-PROCESS .span-17 img {
	width: 150px;
}
#DESIGN-PROCESS .top-of-page {
	display: block;
}
/************************
CSS Animation
*************************/		
/* http://daneden.me/animate/ */
.GoogleFont-lighest,
.GoogleFont-normal,
.GoogleFont-boldest,
#header img[src$=".png"],
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
.GoogleFont-lighest {
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
}
.GoogleFont-normal {
	-webkit-animation-duration: 5.5s;
	-moz-animation-duration: 5.5s;
	-ms-animation-duration: 5.5s;
	-o-animation-duration: 5.5s;
	animation-duration: 5.5s;
}
.GoogleFont-boldest {
	-webkit-animation-duration: 8s;
	-moz-animation-duration: 8s;
	-ms-animation-duration: 8s;
	-o-animation-duration: 8s;
	animation-duration: 8s;
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-o-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.GoogleFont-lighest, .GoogleFont-normal, .GoogleFont-boldest {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

 @-webkit-keyframes fadeInLeft {
 0% {
	 opacity: 0;
	 -webkit-transform: translateX(-600px); }
 100% {
	 opacity: 1;
	 -webkit-transform: translateX(0); }
}
 @-moz-keyframes fadeInLeft {
  0% {
	 opacity: 0;
	 -webkit-transform: translateX(-600px); }
 100% {
	 opacity: 1;
	 -webkit-transform: translateX(0); }
}
 @-o-keyframes fadeInLeft {
 0% {
	 opacity: 0;
	 -webkit-transform: translateX(-600px); }
 100% {
	 opacity: 1;
	 -webkit-transform: translateX(0); }
}
 @keyframes fadeInLeft {
 0% {
	 opacity: 0;
	 -webkit-transform: translateX(-600px); }
 100% {
	 opacity: 1;
	 -webkit-transform: translateX(0); }
}
#header img[src$=".png"],
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft; }