﻿	
* { margin: 0; padding: 0; }
body {
	font: 13px Helvetica, Tahoma, Verdana, Sans-Serif, Arial;
	background: #f1f1f1;
	color: #151515;
	
}
h1 { font: normal 13px Helvetica, Arial; }
h2 { font: normal 13px Helvetica, Arial; color: #ffffff; margin: 0 0 20px; }
h3 {
	font: normal 12px Helvetica, Arial;
	color: #151515;
	margin: 0 0 0px;
	line-height: 20px;
	text-align: left;
}
h4 { font: normal 16px Helvetica, Arial; text-transform: uppercase; margin: 0 0 10px; text-align: right;}
h5 { font: normal 25px Helvetica, Arial; text-transform: uppercase; margin: 0 0 4px; text-align: left;}
p { font: normal 13px Helvetica, Arial;
	margin: 30px 0px 45px 0px;
	line-height: 22px;
	text-align: left;
}
p1 { font: normal 13px Helvetica, Arial;
	margin: 10px 0px 30px 0px;
	line-height: 22px;
	text-align: left;
}
 

p2 { font: normal 14px Helvetica, Arial;
	margin: 30px 0px 45px 0px;
	line-height: 30px;
	text-align: left;
	
}


a { outline: 0; color: #000; text-decoration: none; }
li { list-style: none; }
li a, img { display: block; }
img { outline: 0; border: 0; }
#wrapper { width: 945px; margin: auto; }
.clr { clear: both; }
#logo { float: left; padding: 30px 20px; }
	#logo h1 a { color: #fff; }
		#logo h1 a span { color: #666; }
#menu { height: 20px; padding: 0px 0 0 0px; }
	#menu li { float: left; font-size: 5em; text-transform: uppercase; font: normal 20em Helvetica, Arial; }
		#menu li a { color: #000; margin: 0 10px 0 0; }
			#menu li a.current, #menu li a:hover { color: #000; }			
	#pitch { clear: both; background: url(../images/pitch.png) no-repeat; height: 0px; margin: 0 0 70px; padding: 0px 360px 0 30px; }
	#pitchX { clear: both; background: url(../images/minus.png) no-repeat; height: 380px; margin: 0 0 30px; padding: 60px 360px 0 30px; }
		#pitch h1 { font-size: 2.4em; color: #fff; margin: 0 0 20px; }
		#pitch em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }
.content { background: #f1f1f1 ; padding: 0px; }
.link { background: #fff; color: #000; padding: 5px 10px; font-size: 13px; font-weight: bold;}
#main { padding: 10px; }
.col { float: left; width: 292px; margin: 0 30px 15px 0; }
.colx { float: left; width: 590px; margin: 0 30px 15px 0; }
	.col.last { float: right; margin-right: 0; }
	.case img { float: left; clear: left; margin: 0 20px 20px 0; background: #ffffff; padding: 3px; }
	.short { padding: 0 0 40px 0; background: url(../images/line.gif) repeat-x left bottom; }
	.case a, .article a { color: #ddd; font-weight: bold; }
	.date { font-size: .90em; margin: 0 0 15px; }
#footer { clear: both; width: 964px; padding: 0px 0px 0px; font-size: 12px; line-height: 20px; }
#footerx { clear: both; width: 964px; padding: 0px 0px 0px; font-size: 12px; line-height: 20px;}

	#footer a {
	color: #151515;
	margin: 0 30px 0 0;
	border-bottom: 1px dotted #777;
	padding: 0 0 1px;
}
	#links { float: left; }
		#links a { margin: 0 0 0 0px; }
	#footer p { width: 945px; margin: 0 0 0px; }


ol, ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
:focus {
    outline: 0 none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.grid_1 {
    width: 60px;
}
.grid_2 {
    width: 140px;
}
.grid_3 {
    width: 220px;
}
.grid_4 {
    width: 300px;
}
.grid_5 {
    width: 380px;
}
.grid_6 {
    width: 460px;
}
.grid_7 {
    width: 540px;
}
.grid_8 {
    width: 620px;
}
.grid_9 {
    width: 700px;
}
.grid_10 {
    width: 780px;
}
.grid_11 {
    width: 860px;
}
.grid_12 {
    width: 940px;
}
.column {
    display: inline;
    float: left;
    margin: 0 10px 10px;
    overflow: hidden;
}
.row {
    margin: 0 auto;
    width: 960px;
}
.row .row {
    display: inline-block;
    margin: 0 -10px;
    width: auto;
}
#masthead {
    font: 11px/18px 'andale mono',monaco,monospace;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}
#masthead #info {
    margin-bottom: 15px;
}
#menu {
    float: right;
    position: absolute;
    right: 10px;
    top: 18px;
}
.paddingtop60px {
    margin-top: 60px;
}
.intro {
    color: #666;
    font: 34px/44px Georgia,Times,serif;
    letter-spacing: 0.8px;
    margin-bottom: 25px;
    padding-top: 20px;
}
.sectiontitle {
    font: 94px/1.2em Georgia,Times,serif;
    letter-spacing: 1px;
    margin-bottom: 25px;
    position: relative;
    text-transform: none;
}
.box {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 50%;
	font-size: large;
}
.active {
    color: #000;
}
.project {
    height: 100%;
    position: relative;
    width: 100%;
}
.pics {
    cursor: e-resize;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.description {
    height: 100%;
    margin-bottom: 25px;
    margin-top: 10px;
    width: 940px;
}
.description p {
    font: 24px/34px Georgia,Times,serif;
}
.info {
    float: right;
}
.imagecount {
    font: 11px/18px 'andale mono',monaco,monospace;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.title {
    border-top: 1px solid #262323;
    cursor: pointer;
    font: 11px/18px 'andale mono',monaco,monospace;
    letter-spacing: 1px;
    padding-top: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 100;
}
.title:hover {
    border-top: 1px solid #000;
    color: #000	;
}
a, a:visited {
	border-bottom: 1px solid #666;
	color: #666;
	text-decoration: none;
}
a:hover {
	border-bottom: 1px solid #a7a7a7;
	color: #a7a7a7;
	text-decoration: none;
	font: bold;
}
a img, a img:hover, #front .picturelink {
    border: medium none;
    text-decoration: none;
}
#accessibility {
    position: absolute;
    top: -10000px;
}
.togglefullscreen {
    color: #966;
    cursor: pointer;
    float: right;
    font: 11px/18px 'andale mono',monaco,monospace;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.fixed {
    background: none repeat scroll 0 0 #966;
    color: #FFFFFF;
    padding: 5px 8px;
    position: fixed;
    right: 10px;
    top: 20px;
    z-index: 3000;
}
.fullscreen {
    background: none repeat scroll 0 0 grey;
    display: block;
    height: 100%;
    left: 0;
    position: fixe






