/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	  background-color: #f9f9f9;
  color: #000;
  
	font-weight: 100;
	font-size: 20px;
	
	text-align: justify;
letter-spacing: 0pt;
word-spacing: 9pt;
line-height: 2.2;

	font-family: 'LetterSTD', Helvetica, Verdana, Arial, sans-serif;	
height: 100%;



}


pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

strong {
font-style: normal;
font-weight: normal;
font-family: LetterStdBold;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  padding-top: 20px;
  color: #3f3f3f;
  padding-bottom: 20px;
  text-align: center;
  letter-spacing: 3px; 
  font-family: DidotLTStdItalic; 
  line-height: 100px; 
  font-size: 32px; 
  font-weight: 100; 
}

h2 {
  text-transform: none;
  color: #3f3f3f;
  text-align: left;
  letter-spacing: 1px; 
  font-family: DidotLTStdItalic; 
  font-size: 22px; 
  font-weight: 100; 
  opacity: .9;
}

h3 {
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
	font-weight: 100;
	font-size: 16px;
	font-family: 'LetterStdBold', Arial;
}

h4 {
    padding-top: 20px;
  color: #3f3f3f;
  padding-bottom: 10px;
  text-align: center;
  letter-spacing: 3px; 
  font-family: DidotLTStdItalic, Bell MT, Palatino ; 
  line-height: 50px; 
  font-size: 32px; 
  font-weight: 100;
  
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}









/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p { 
 font-size: 18px;
 margin-bottom: 20px;
}

.parag { 
 font-size: 15px;
 margin-bottom: 20px;
}


.interview { 
 font-size: 17px;
 margin-bottom: 20px;
}



dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

a {
	padding-bottom: 1px;
	text-decoration: none;
	color: #666666;
}

a .menu:hover {
border-top-color: rgba(40,40,40,1);
border-top-style: solid;
border-top-width: 4px;
padding-top: 31px;
transition: border-color 0s ease-out;
-moz-transition: border-color 0s ease-out;
-webkit-transition: border-color 0s ease-out;
}

#wrapper {
	padding-top: 80px;
	margin-bottom: 100px;
	min-height: 100%;
height: auto !important;
height: 100%;
}

#content {
	margin-top: 70px;
	z-index: 10;
}

.project {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 30px;
}

.project_fade {
display: none;
}

.project img.teaser {
	margin-left: 0px;
	margin-bottom: 60px;
	margin-right: 0px;
	margin-top: -100px;
	padding: 0px;
}

.project .images img {
	width: 630px;
	margin-left: 0px;
	margin-bottom: 40px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0;
}

.project h1 {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.project h3 {
	margin-left: 0px;
	margin-bottom: 100px;
	margin-right: 0px;
	margin-top: 15px;
	text-align: center;
	padding: 0px;
}

.project .video {
	margin-top: 40px;
	margin-bottom: 40px;
}

img {
	margin-bottom: 0px;
	margin-top: 0px;
}


#nav {
	background-color: #f9f9f9;
	right: 0px;
	left: 0px;
	z-index: 10;
	position: fixed;
}

.menu {
padding-top: 35px;                                                   
text-transform: uppercase;                                                                     
border-top-color: rgba(40,40,40,0);
border-top-style: solid;
border-top-width: 4px;
padding-top: 31px;
transition: border-color .1s ease-in-out;
-moz-transition: border-color .1s ease-in-out;
-webkit-transition: border-color .1s ease-in-out;
}

.menu.active {
border-top-color: rgba(40,40,40,1);
border-top-style: solid;
border-top-width: 4px;
padding-top: 31px;
}

.header {
	top: -30px;
	margin-left: -30px;
	position: fixed;
	display: none;
	z-index: 100;
}

.header img {
margin: 0;
}

.video {
	margin-bottom: 100px;
	margin-top: 10px;
}

.video.productions {
	margin-bottom: 0px;
	margin-top: 0px;
}

.slideshow a{	
	z-index: -10;
	width: 100%;
	height: 613px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: none;
}

.slideshow {	
width: 100%;
	height: 613px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: none;
}

/*
.slideshow img {
	min-width: 1024px;
	width: 100%;
	background-color: white;
	display: none;
}*/


.slideshow a .slide1 {
	width: 100%;	
	height: 613px;
	background: url(images/9.jpg) no-repeat center 80px fixed;
	overflow: hidden;	
}

.slideshow a .slide2 {
width: 100%;
	height: 613px;
	background: url(images/i.jpg) no-repeat center 80px fixed;
	overflow: hidden; 

	
}

.slideshow a .slide3 {
width: 100%;
	height: 613px;
	background: url(images/c.jpg) no-repeat center 80px fixed;
	overflow: hidden; 	
}

.slideshow a .slide4 {
width: 100%;
	height: 613px;
	background: url(images/9.jpg) no-repeat center 80px fixed;
	overflow: hidden; 	
}

.slideshow a .slide5 {
width: 100%;
	height: 613px;
	background: url(images/i.jpg) no-repeat center 80px fixed;
	overflow: hidden; 	
}

.slideshow span {
	text-transform: uppercase;
	color: #3f3f3f;
	margin-left: -200px;
	left: 50%;
	position: absolute;
	width: 400px;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: center;
	overflow: hidden;
	display: none;
} 

.thumb img {
	margin-bottom: 10px;
	margin-top: 30px;
	padding: 0px;
}

.thumb {
text-align: center;
display: none;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}

.thumb h2 {
margin-bottom: 8px;
text-align: center;
opacity: .9;

}

.thumb.ana .ana {
margin-bottom: 30px;
	margin-top: 30px;
	padding: 0px;
height: 155px;
width: 310px;
}

.thumb.ana .ana .image {

	padding: 0px;
height: 155px;
width: 310px;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear;
transition: opacity 200ms linear;
background: url(images/9thumb.jpg) no-repeat center 0 ;

}

.thumb.ana .ana span {
	margin-left: 0px;
	position: absolute;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: -80px;
	padding: 0px;
	width: 310px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}


#footer .copytext {
}

#footer {
line-height: 17px;
padding-left: 0px;
padding-bottom: 10px;
padding-right: 0px;
padding-top: 38px;
margin: 0px;
background-color: white;
}

#footer .copytext a {	
	padding-bottom: 0px;	
	border-bottom-color: #bfbfbf;	
	border-bottom-style: solid;	
	border-left-width: 0px;	
	border-bottom-width: 1px;	
	border-right-width: 0px;	
	border-top-width: 0px;	
}

#footer #social.copytext a {
	border: none;
}

line {
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	display: block;
	background-color: #d8d8d8;
	height: 1px;
	width: 950;
}

.hidden {
display: none;
}

.copytext.faded {
opacity: .6;
}

#languages {
	right: 0px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
	text-transform: uppercase;
	margin-top: 10px;
	z-index: 100;
	position: fixed;
	opacity: .6;
}

#languages a {
border: none;
}

.current_language {
	font-style: normal;
font-weight: normal;
font-family: LetterStdBold;
}

@-moz-document url-prefix() { 
.thumb.ana .ana span {
margin-left: -155px;
}
}

img.social {
	width: 32px;
	height: 32px;
	margin: 0;
	padding-right: 5px;
	opacity: .6;
} 

/*--- DROPDOWN ---*/
#nav-dropdown {
	list-style:none;
	margin-bottom: 0px;
}

#nav-dropdown p {
	margin-bottom: 0;
}

#nav-dropdown a:hover {
	text-decoration: none;
}

#nav-dropdown ul{
	background: #f9f9f9;
	list-style:none;
	display: none;
	position: absolute;	
	padding: 20px 20px 5px 20px;
	margin-left: -20px;
	width: 190px;
}

#nav-dropdown li{
	float:none;
	margin-left: 0px;
	padding-bottom: 8px;
}

#nav-dropdown ul li a{
	padding-bottom: 8px;
	padding-top: 10px;
}

#nav-dropdown ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	border: none;
	text-transform: uppercase;
}
#nav-dropdown li:hover .menu {
border-top-color: rgba(40,40,40,1);
border-top-style: solid;
border-top-width: 4px;
padding-top: 31px;
transition: border-color 0s ease-out;
-moz-transition: border-color 0s ease-out;
-webkit-transition: border-color 0s ease-out;
}

#nav-dropdown li:hover ul{ /* Display the dropdown on hover */
	display: block;
}
#nav-dropdown li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
text-decoration:none;
}
#nav-dropdown li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav-dropdown li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	
}

#lyrics {
  padding-top: 20px;
  color: #3f3f3f;
  padding-bottom: 20px;
  text-align: center;
  letter-spacing: 3px; 
  font-family: DidotLTStdItalic; 
  line-height: 60px; 
  font-size: 32px; 
  font-weight: 100; 
}

.paypali {
	color: #FFF;
	background-color: #F21F19;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	
	
}