@charset "utf-8";
/* CSS Document */


/*Bless this Mess. I'll be cleaning this up over the coming weeks.*/

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	width:100%;
	min-width:960px;
	background:#FFFFFF;
	color: #FFFFFF;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	font-size: 18px;
	letter-spacing:-0.05em;
	text-align:left;
}
h1, h2, h3, h4, h4 {
	font-size: 18px;
	letter-spacing:-0.06em;
	margin: 0 0 20px 0;
	color: #FFFFFF;
	font-weight:normal;
}
h1 a, h2 a, h3 a, h4 a {
	font-weight:normal;
	color: #FFFFFF;
}
h1 {
	margin: 0 0 0 30px;
}
a {
	color:#FFFFFF;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}
span a{
	color:#23aa57;
	font-weight:normal;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover, .button a:hover, #menu li:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}
em {
	font-weight:600;
}
div.hr {
	margin: 20px 0 20px 0;
	border-top: 2px dotted #0083cb;
}
a img {
	border:0px;
}
ul {
	margin:0;
	padding: 0 0 0 16px;
}
li {
	margin:0;
	padding: 0;
}
form {
	margin:0;
	padding:0;
}
code {
	background:#FFFFFF;
	padding: 0 4px 1px 4px;
	font-size:14px;
}
p {
	margin: 12px 0 0 0;
}
p:first-child, p.first {
	margin: 0;
}
abbr {
	cursor:help;
	border-bottom:dotted #ed1651 2px;
}
p abbr {
	cursor:help;
	border-bottom:dotted #0083cb 2px;
}
#pageContainer {
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
}
div.hidden, .readmore {
	display:none;
}
/*/////////////////////////////////HEADER MAIN////////////////////////////////////*/

#leftDecor {
	width: 100%;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/decorLeft.png) no-repeat left;
	background-position: 0px 0px;
}
#rightDecor {
	width: 100%;
	height: 600px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(images/decorRight.png) no-repeat top right;
}


#header {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 660px;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
	background: url(images/backgroundWhiteNoiseTop.jpg) no-repeat;
	background-position: 50% -140px;
}
#header div#logoContainer {
	position:relative;
	top: 65px;
	width: 960px;
	margin: 0 auto;
}
#header div#logoContainer #logo {
	position:relative;
	left: 16px;
}
h2 {
	padding: 0 0 0 22px;
	margin: 0 0 0 0;
}
img.sectionTitle {
	position:relative;
	bottom: -10px;
}
span.titleSnippet {
	padding: 0 5px 0 0;
}
span.button {
	cursor:pointer;
	padding: 2px 8px 3px 7px;
	background:	#FFFFFF;
	color:#23aa57;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#container {
	z-index: 3;
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 0 0 0; /* the auto margins (in conjunction with a width) center the page */
	padding: 160px 0 30px 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #23aa57;
	background-position: center bottom;
}
#mainContent {
	margin: 0 auto;
	width: 960px;
	position:relative;
}
#mainContent p{
	margin: 12px 30px 0 30px;
}
#mainContent p:first-child, #mainContent p.first {
	margin: 20px 30px 0 30px;
}
div#theStudiosMoreInfo{
	margin: 0;
	padding: 0;
}
#footerContainer {
	position:relative;
	width: 100%;
}


#footer {
	padding: 50px 0 55px 0;
	font-size:12px;
	color:#636363;
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#footer a {
	color:#636363;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
#footer a:link {
	text-decoration:none;
}
#footer a:visited {
	text-decoration:none;
}
#footer a:hover, .button a:hover, #menu li:hover {
	text-decoration:underline;
}
#footer a:active {
	text-decoration:none;
}
#footer p {
	margin: 5px 30px 0 30px; /* the auto margins (in conjunction with a width) center the page */
	text-align:justify; /* this overrides the text-align: center on the body element. */
}
#footer h2{
	color:#636363;
	margin: 0 0 20px 0;
}
#footer img{
	position: relative;
	top:12px;
}
/*////////////////MAIN MAIN MAIN MAIN MAIN MAIN MAIN////////////////////////*/

/*EVENTS*/
p#clientListMoreInfo:first-child{
	margin-top: 12px;
}

#theEvent, #theDocumentary, #thePhotos  {
	position:relative;
	margin: 50px 0 0 0;
}
#theDocumentary {
	margin: 50px 0 35px 0;
}
div.relative{
	position:relative;	
}

#studioSlider {
	position: relative;
	margin: 27px 0 0 0;
	border: 5px solid #FFFFFF;
	height: 315px;
	background: url(images/backgroundWhite.png);
}

#studioSlider ul, #studioSlider li{
	position:relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
#studioSlider li{
	width: 950px;
	height: 315px;
}

/* Easy Slider */
	
#studiosPrevBtn, #studiosNextBtn {
	display:block;
	width:34px;
	height:34px;
	position:absolute;
	left:30px;
	bottom:-12px;
}
#studiosNextBtn {
	left:150px;
}
#studiosPrevBtn a, #studiosNextBtn a {
	display:block;
	position:relative;
	width:34px;
	height:34px;
	background:url(images/arrowLeft.png) no-repeat;
}
#studiosNextBtn a {
	background:url(images/arrowRight.png) no-repeat;
}



/*////////////MAIN CONTENT/////////////////////*/

/*The Noize*/

.clearSection {
	clear:both;
	height:0px;
	margin:0;
	padding: 0;
	font-size:1px;
}
input.commentField, textarea.commentField {
	background-color:#FFFFFF;
	min-width: 250px;
	padding: 5px 5px 5px 5px;
	color:#666666;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	border: 1px dashed #40c8f4;
}
textarea.commentField {
	width: 98.6%;
}
input.commentField:focus, textarea.commentField:focus {
	background-color: #40c8f4;
	color: #FFFFFF;
}
.submitCommentButton {
	padding: 2px 6px;
	background:	#40c8f4;
	color:#FFFFFF;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing: -0.05em;
	border: none;
	cursor: pointer; /* hand-shaped cursor */
}
div#content.narrowcolumn {
	margin: 45px 0px 45px 5px
}
div.fourOhFour {
	height: 128px;
	padding: 45px 0 0 0;
	font-size: 128px;
}
div.fourOhFourSub {
	padding: 25px 0 25px 0;
}
p.nocomments, p.nocomments:first-child {
	display: none;
}
.navigation {
	position: relative;
	margin: 25px 25px 0 0;
	padding: 5px 0 0 25px;
}
.navigation span a {
	color:#FFFFFF;
	background-color:#ed1651;
	padding: 5px 9px;
}
.alignright, .alignleft {
	float:right;
}
.alignleft {
	float:left;
}