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, 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 {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;overflow-y:scroll;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
input.button {cursor:pointer;}

div.tweet {background:white;padding:15px;width:100%;position:fixed;bottom:0;left:0;font-size:13px;}
div.tweet div.img {background:white url(/content/images/sprite.png) no-repeat 0 0;width:35px;height:35px;position:fixed;bottom:10px;left:10px;}
div.tweet p {padding:0 0 0 35px;}
div.tweet p.latest {font-weight:bold;padding:0 0 5px 35px;}

body {font-size:62.5%;font-family:helvetica,arial,sans-serif;color:#6c7c7c;background:#eee;padding:20px;}
/*html,body,form {height:100%;}*/
img {border:none;}
input, select, textarea {font-family:helvetica,arial,sans-serif;font-size:1.3em;line-height:1.2;font-weight:normal;} 
input, textarea {/*border:1px solid #666;*/padding:4px;}
input.button {font-size:1em}
a {text-decoration:none;color:#87d5f7;}
a:hover {text-decoration:none;color:#333;/*border-bottom:1px solid #6c7c7c;*/}

a#about:hover {color:#00a5e3;}
a#events:hover {color:#E3001B;}
a#music:hover {color:#5E2D90;}
a#showcase:hover {color:#E2007A;}
a#clients:hover {color:#5E2D90;}
a#contact:hover {color:#00bef2;}
a#gallery:hover {color:#25247a;}

div.twitter, div.facebook, div.vimeo, div.tumblr {float:left;padding:20px 0 0 0;}

div.twitter a {text-decoration:none;background:url(/content/images/sprite.png) no-repeat -37px 0;display:block;width:35px;height:35px;overflow:hidden;text-indent:-9999px;border:none;}
div.twitter a:hover {text-decoration:none;border:none;background-position: 0 0;}

div.facebook a {text-decoration:none;background:url(/content/images/sprite.png) no-repeat -74px -37px;display:block;width:35px;height:35px;overflow:hidden;text-indent:-9999px;border:none;}
div.facebook a:hover {text-decoration:none;border:none;background-position:-74px 0;}

div.vimeo a {text-decoration:none;background:url(/content/images/sprite.png) no-repeat -37px -74px;display:block;width:35px;height:32px;overflow:hidden;text-indent:-9999px;border:none;}
div.vimeo a:hover {text-decoration:none;border:none;background-position:0 -74px;}

div.tumblr a {text-decoration:none;background:url(/content/images/sprite.png) no-repeat -37px -37px;display:block;width:35px;height:32px;overflow:hidden;text-indent:-9999px;border:none;}
div.tumblr a:hover {text-decoration:none;border:none;background-position:0 -37px;}


/*body.white a {color:#fff;}
body.white a:hover {color:#333;}*/

div.pp_pic_holder a:hover {border:none;}

div.wrapper {width:1000px;z-index:100;}

div.background {width:100%;height:100%;z-index:99;position:absolute;top:0;left:0;display:none;}

div.header-text {font-weight:bold;}
div.header-text, h1, h2 {font-size:8em;line-height:1;text-transform:uppercase;padding:0;}

div.header span.f {color:#00a5e3;}
div.header span.a {color:#5e2d90;}
div.header span.m {color:#87d5f7;}
div.header span.i {color:#25247a;}
div.header span.l {color:#00bef2;}
div.header span.y {color:#0083ca;}
div.header span.p {color:#00a4e7;}
div.header span.r {color:#6764ac;}

div.section {display:none;padding:40px 0 20px 5px;}
div.section div p:first-child {border-top: 2px solid #6c7c7c;}
div.section div p {font-size:1.6em; font-weight: bold;line-height:1.2;color:#6c7c7c;padding:10px 0;text-transform:uppercase;}
div.section div p.title {font-size:1.8em;font-weight:bold;}
div.section div p.intro {font-size:1.6em;padding:10px 0 10px 0;width:850px;}

div.section div div {padding:10px 0;text-transform:uppercase;}
div.section div div div {padding:0;}
div.section div div div.section-heading {border-bottom:2px solid #6c7c7c;}
div.section div div h3 {float:left;font-size:2.2em;line-height:1.2;font-weight:bold;color:#6c7c7c;padding:0 0 10px 0;text-transform:uppercase;}
div.section.events div div a.lnk { color: #E3001B; }
div.section.events div div a.lnk:hover { color: #333; }
div.section div div a.lnk {float:right;font-size:1.4em;line-height:2.2em;font-weight:bold;color:#6c7c7c;padding:0;text-transform:uppercase;display:block;}
div.section div div a.lnk-up {margin-top:3px;float: right;text-indent:-999em;display: block; width: 15px; height: 20px; background: url("/content/images/sprite.png") 0 -107px;}

div.section.events div div div.left {float:left;width:290px;padding:10px 0;}
.spaced {padding-top:15px;padding-bottom: 2px;}
div.section.events div div div.left h4 {font-size:1.6em;line-height:1.6em;font-weight:bold;color:#6c7c7c;text-transform:uppercase;}
div.section.events div div div.left h5 {font-size:1.6em;line-height:1.6em;font-weight:bold;color:#6c7c7c;text-transform:uppercase;padding: 0 0 2px 0;}
div.section.events div div div.left p.client {font-size:1.6em;line-height:1.4;font-weight:bold;color:#6c7c7c;padding:0;border:none;}
div.section.events div div div.left p.project1 {font-size:1.4em;line-height:1.4;font-weight:bold;color:#6c7c7c;padding:0 0 10px 0;}
div.section.events div div div.left p.project2 {font-size:1.4em;line-height:1.4;font-weight:bold;color:#6c7c7c;padding:10px 0 0 0;}

div.section.events div div div.left ul.other {padding-top: 10px;}
div.section.events div div div.left ul.other li {font-size:1.2em;line-height:1.2;font-weight:normal;color:#6c7c7c;padding:0 0 5px 0;text-transform:uppercase;}

div.section.events div div div.left {}
div.section.events div div div.left a, div.section.events div div div.left span {display:inline;font-size:1.4em;line-height:1.4;font-weight:bold;border:none;padding:0 0 0 0;color:#666;}
div.section.events div div div.left a:hover {color: #333;}
div.section.events div div div.left a.lnk-videos {padding-bottom:0;}
div.section.events div div div.right {float:right;width:650px;padding:10px 0 0 0;}

div.section.music div.section-heading {border-bottom: none;background: url("/img/list-bg.gif") bottom left no-repeat;}
div.section.music div div ul {list-style:none;margin-right:-10px;background: url("/img/list-bg.gif") bottom left no-repeat;}
div.section.music div div ul li {float:left;padding:10px 0;margin-right: 10px;height:200px; width: 157px; border-bottom: 2px solid #6c7c7c;}
div.section.music div div ul li p {font-size:1.2em;font-weight:bold;padding:5px 0 0 0;margin:0;width:158px;}

div.section.music div ul.pr-navigation {padding-top:10px;width: 100%;border-bottom: 2px solid #6c7c7c;}
div.section.music div ul.pr-navigation li {float:left;padding-bottom:10px;padding-right:20px;width: auto; height: auto;font-size: 2.2em;font-weight: bold;text-transform: uppercase;}
div.section.music div ul.pr-navigation li a {color: #6c7c7c;}
div.section.music div ul.pr-navigation li a.lnk1 { color:#6C7C7C; }
div.section.music div ul.pr-navigation li a.lnk2 { color:#6C7C7C; }
div.section.music div ul.pr-navigation li a.lnk3 { color:#6C7C7C; }
div.section.music div ul.pr-navigation li a.lnk4 { color:#6C7C7C; }
div.section.music div ul.pr-navigation li a:hover { color: #333; }

div.section.clients div {border-top:none;}
div.section.clients div div.list {margin-top: 20px;width:45%;float:left;padding-right:40px;}
div.section.clients div div.list ul li {float:none;font-size:1.4em;line-height:1.2;padding:5px 0 0 0;font-weight:bold;text-transform:uppercase;color:#6c7c7c;}
div.section.clients div div.list h4 {margin-bottom: 10px;float: none; font-size: 1.8em; color: #6c7c7c;}

div.section.contact div.vcard div.adr div {font-size:1.6em;line-height:1.3;font-weight:bold;color:#6c7c7c;}
div.section.contact div.vcard div.adr div.org {text-transform:uppercase;padding:0 0 15px 0;width:150px;height:34px;overflow:hidden;text-indent:200px;background:url("/content/images/family.gif") no-repeat 0 0;}
div.section.contact div.vcard div.adr div.postal-code {text-transform:uppercase;padding:0 0 15px 0;}
div.section.contact a {color: #6C7C7C;}
div.section.contact a:hover {color: #333;}

div.section.showcase div {padding:10px 0 0 10px;}
div.section.showcase div div {float:left;width:319px;padding:0 8px 10px 0;background:#fff;position:relative;}
div.section.showcase div div div {height:650px;width:319px;padding:0;}
div.section.showcase div div h3 {padding:10px 10px 0 10px;font-size:1.8em;line-height:1.3;font-weight:bold;text-transform:uppercase;border:none;}
div.section.showcase div div p.summary {padding:0 10px;font-size:1.6em;line-height:1.2;font-weight:normal;text-transform:uppercase;}
div.section.showcase div div p.description {padding:10px 10px;font-size:1.6em;line-height:1.2;font-weight:normal;text-transform:uppercase;}
div.section.showcase div div a {font-size:1.6em;line-height:1.3;font-weight:normal;border:none;position:absolute;display:block;}
div.section.showcase div div a.link {bottom:30px;left:10px;}
div.section.showcase div div a.link-images {bottom:30px;left:10px;color:#6c7c7c;}
div.section.showcase div div a.link-videos {bottom:60px;left:10px;color:#6c7c7c;}
div.section.showcase div div a.download {bottom:0px;left:10px;color:#6c7c7c;}

div.section.about .businesses { margin: 0; padding: 0;}

div.section.about h3,
div.section.contact h3 {
	margin: 10px 0; padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2;
	color: #6c7c7c;
	text-transform: uppercase;
	float: none;
}

div.section.contact h3 {
	margin: 10px 0 0 0;
}

div.section.about h3.red, div.section.contact .red { color: #6C7C7C; }
div.section.about h3.blue, div.section.contact .blue { color: #6c7c7c; }

div.section.about .social-icons {
	margin-bottom: 20px;
}

div.section.covers div {
	border-top: none;
	position: absolute;
	width:96%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.section.covers .covers-title {
	width: 410px;
	position: absolute;
	top: -83px; right: 50px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: bold;
	color: #6c7c7c;
}

.close-covers {
	cursor: pointer;
}

div.section.covers .covers-title h3 {
	font-size: 1em;
	float: left;
}

div.section.covers .list ul {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 10;
}

div.section.covers .list ul li {
	margin-bottom: 20px;
	width: 248px;
	height: 243px;
	border-bottom: 5px solid #6c7c7c;
	float: left;
	text-align: center;
}

div.section.covers .list ul li img {
	margin: 8px auto 0 auto;
}

div.section.events .archives {
	background: url(/img/archive-bg.gif) bottom left no-repeat;
}

div.section.events .archives > li {
	margin: 20px 10px 0 0; padding: 0 0 10px 0;
	width: 325px;
	height: 330px;
	float: left;
	border-bottom: 2px solid #6c7c7c;
}

div.section.events .archives > li.first-row {
	margin-top: 10px;
}

div.section.events .archives > li.end {
	margin-right: 0;
}

div.section.events .archives h4 {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	color: #6c7c7c;
}

div.section.events .archives h5 {
	margin:0 0 10px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	color: #6c7c7c;
}

div.section.events .archives .project2 {
	margin-top: 5px;
	margin-bottom: 2px;
}

div.section.events .archives a, div.section.events .archives span {
	display: inline;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	color: #666;
}

div.section.events .archives a:hover {
	color: #333;
}

/*div.section.showcase div div a:hover:after {content:" \2192";}*/

div.section.gallery .list ul li {
	margin-bottom: 75px;
	width: 240px;
	float: left;
	text-align: center
}

.pp_expand {
	display: none !important;
}

.pp_close {
	display: block;
	width: 58px; height: 58px;
	background: url(/content/images/sprite.png) 0 -549px;
	text-indent: -999em;
}

/* Clear Fix */

div.section div:after,
div.section div ul:after,
div.section div div div:after,
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Hides from IE-mac \*/

* html div.section div,
* html div.section div ul,
* html div div div.section div,
* html .clearfix {height:1%;}

/* === */

div.section div,
div.section div ul,
div.section div div div,
.clearfix {display:inline-block;}

/* === */

div.section div,
div.section div ul,
div.section div div div,
.clearfix {display:block;}