@font-face {
	font-family: 'GlyphaLTLightRegular';
	src: url('fonts/GlyphaLT-Light.eot');
	src: local('Glypha LT Light Regular'), local('GlyphaLT-Light'), url('fonts/GlyphaLT-Light.woff') format('woff'), url('fonts/GlyphaLT-Light.ttf') format('truetype'), url('fonts/GlyphaLT-Light.svg#GlyphaLT-Light') format('svg');
}
@font-face {
	font-family: 'GlyphaLTRegular';
	src: url('fonts/GlyphaLT.eot');
	src: local('Glypha LT Regular'), local('GlyphaLT'), url('fonts/GlyphaLT.woff') format('woff'), url('fonts/GlyphaLT.ttf') format('truetype'), url('fonts/GlyphaLT.svg#GlyphaLT') format('svg');
}
@font-face {
	font-family: 'GlyphaLTStd65Bold';
	src: url('fonts/GlyphaLTStd-Bold.eot');
	src: local('Glypha LT Std 65 Bold'), local('GlyphaLTStd-Bold'), url('fonts/GlyphaLTStd-Bold.woff') format('woff'), url('fonts/GlyphaLTStd-Bold.ttf') format('truetype'), url('fonts/GlyphaLTStd-Bold.svg#GlyphaLTStd-Bold') format('svg');
}
@font-face {
	font-family: 'GlyphaLTThinRegular';
	src: url('fonts/GlyphaLT-Thin.eot');
	src: local('Glypha LT Thin Regular'), local('GlyphaLT-Thin'), url('fonts/GlyphaLT-Thin.woff') format('woff'), url('fonts/GlyphaLT-Thin.ttf') format('truetype'), url('fonts/GlyphaLT-Thin.svg#GlyphaLT-Thin') format('svg');
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	min-width: 960px;
	overflow-x: hidden;
}

/* MAIN TEXT STYLES */
p {
  margin: 0px;
}

h1, h2, h3 {
  font-weight: normal;
  font-family: GlyphaLTStd65Bold, Georgia, serif;
  margin: 0px;
  padding: 0px;
}

strong {
  font-weight: normal;
  font-family: GlyphaLTStd65Bold, Georgia, serif;
}

li {
  list-style: none;
  margin-bottom: 7px;
}

ul {
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 5px;
}

a {
  color: #4B465A;
  text-decoration: none;
  outline: none;
}

a img {
  border-width: 0px;
}

a:hover {
  color: #00AFF0;
}



.blue {
  color: #00AFF0;
}

.green {
  color: #87C80A;
}

.hidden {
  display: none;
}

.float_left {
  float: left;
}

.left_align {
  text-align: left;
}

/* MAIN SECTION STYLES */
.section {
  clear: both;
  border-bottom: 1px solid #4B465A;
  padding: 0px 0px 26px 0px;
  margin-bottom: 29px;
}

.section h3 {
  font-family: GlyphaLTThinRegular, Georgia, serif;
  font-size: 78px;
  text-transform: lowercase;
}

/* MAIN */
#main {
  position: relative;
  width: 940px;
  margin: 0px auto;
  padding: 0px 30px;
  background-color: #FBFAF4;
  font-family: GlyphaLTRegular, Georgia, serif;
  font-size: 12pt;
  color: #4B465A;
  -moz-box-shadow: 0px 0px 20px #999;
  -webkit-box-shadow: 0px 0px 20px #999;
  
}

/* HEADER */
#header {
  padding-top: 22px;
}

#header h1 {
  color: #00AFF0;
  font-size: 89px;
  font-family: GlyphaLTRegular, Georgia, serif;
  letter-spacing: -1px;
}

#header #menu {
  font-family: GlyphaLTThinRegular;
  font-size: 53px;
  color: #83D8F8;
  text-transform: lowercase;
  text-align: right;
  padding-top: 37px;
}

#header #menu a {
  color: #83D8F8;
}

#header #menu a.active {
  color: #00AFF0;
}

/* INTRO */
#intro {
  margin-bottom: 27px;
}

#intro h2 {
  font-family: GlyphaLTRegular, Georgia, serif;
  font-size: 75px;
  color: #87C80A;
  line-height: 80px;
}

#intro #elevator_pitch {
  text-align: right;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 6px;
}

/* WORK SINGLE */
.work_single {
  height: 600px;
  font-size: 28px;
  font-family: GlyphaLTThinRegular, Georgia, serif;
  display:none;
}

.work_single h3 {
  padding-bottom: 34px;
}

.slideshowcanvas {
  width: 940px;
  height: 520px;
  overflow: hidden;
}

.slide {
  position: relative;
  width: 940px;
  height: 520px;
}

.slide img {
  float: right;
  border: 10px solid #FFF;
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
}

.slide img.website, .website_link img {
  border-width: 0px;
}

.website_link {
  width: 600px;
  height: 440px;
  float: right;
}

.website_link img {
  float: none;
  position: absolute;
  border-width: 0px;
}

.slide .website_link p {
  display:none;
  position: absolute;
  width: 600px;
  height: 240px;
  color: #FFF;
  text-align: center;
  padding-top: 200px;
  background-image: url('thumb_bg.png');
  font-family: GlyphaLTRegular, Georgia, serif;
}

.slide .website_link p a {
  color: #FFF;
}

.video1, .video2 {
  -moz-box-shadow: 0px 0px 20px #999;
  -webkit-box-shadow: 0px 0px 20px #999;
}

.video1 object {
  margin-left: 79px;
}

.video2 object {
  margin-left: 88px;
}

.slide p {
  width: 300px;
  height: 400px;
}

.slide p.next {
  float: right;
  text-align: right;
  padding-right: 20px;
}

.slide p.next, .slide p.previous {
  color: #00AFF0;
}

.options {
  color: #00AFF0;
}

.options span.disabled {
  color: #83D8F8;
  cursor: auto;
}

.credits p {
  margin-bottom: 27px;
  width: auto;
  height: auto;
}

/* WORK */
#work_full {
  padding-bottom: 19px;
  margin-bottom: 27px;
}


#work_full h3 {
  letter-spacing: -2px;
}

#thumbnails {
  clear: both;
  height: 380px;
  margin-top: 20px;
} 

#categories, .options {
  float: right;
  text-align: right;
  font-size: 28px;
  font-family: GlyphaLTThinRegular, Georgia, serif;
  margin-top: 46px;
  letter-spacing: -1px;
}

#categories span, .options span {
  cursor: pointer;
}

#categories span.active, .options span.active {
  color: #00AFF0;
}

.thumb {
  position: relative;
  float: left;
  width: 220px;
  height: 160px;
  margin: 0px 20px 20px 0px;
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
  cursor: pointer;
}

.last {
  margin-right: 0px;
}

.thumb img {
  position: absolute;
  border: 10px solid #FFF;
}

.thumb p {
  position: absolute;
  margin: 10px;
  padding: 10px;
  font-size: 30px;
  font-family: GlyphaLTThinRegular, Georgia, serif;
  display: none;
  width: 180px;
  height: 120px;
  color: #FFF;
  background-image: url('thumb_bg.png');
}

/* ABOUT */
#about_full {
  height: 446px;
  margin-bottom: 27px;
}

.collumn {
float: left;
  margin-top: 34px;
  padding: 0px 20px;
  font-size: 28px;
  font-family: GlyphaLTLightRegular, Georgia, serif;
  width: 420px;
}

#about_full .collumn1 {
  text-align: right;
  border-right: 1px solid #4B465A;
}


/* CONTACT */
#contact_full {
  height: 480px;
  border-bottom-width: 0px;
  padding-bottom: 40px;
}

#contact_full h3 {
  letter-spacing: -2px;
}

#contact_full p {
  margin-bottom: 27px;
}

#contact_full .collumn1 {
  padding: 0px 20px 0px 0px;
  border-right: 1px solid #4B465A;
  width: 440px;
}

#contact_full .collumn2 {
  width: 450px;
  padding-right: 0px;
}

p.normal {
  padding-left: 180px;
}

p.multiline {
  line-height: 40px;
  margin-top: -3px;
}

#contact_full #download {
  padding-top: 16px;
}