/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END CSS RESET */

html {
background: #111111 url(../img/bg/3.jpg) no-repeat center center fixed;
overflow-y: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/bg.jpg’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/bg.jpg.jpg’, sizingMethod=’scale’)”;
}

body {
margin: 0;
padding: 0;
font-family: "Gotham";
font-size: 12pt;
color: #fbfbfb;
}
div#totalcunt{
	position: absolute;
	width: 100%;
	height: 95%;
}
#bg {
position:fixed;
left: 0;
top: 0;
margin: 0;
padding: 0;
width:100%;
height:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/bg.jpg’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/bg.jpg.jpg’, sizingMethod=’scale’)”;
display: none;
}

div#cage{
margin:auto;
position:relative;
width: 950px;
overflow: visible;
color: {color:Title};
_margin-left:10%;
background: none;
}


div#center{
margin:auto;
position:relative;
width:950px;
background: none;
overflow: visible;
overflow-y: visible;
}

div#content{
float:right;
width:640px;
opacity: 1.0;
padding:10px;
padding-top: 10px;
margin-top: 100px;
margin-right: 0px;
display: none;
}

div#menu{
position:fixed !important;
width: 250px;
height: 300px;
opacity:1.0;
margin: 100px 0px 0px 0px;
padding-top: 50px;
padding-left:25px;
background: transparent;
}
#menu p.title {
font-size: 8em;
color: #a2d8ed;
position: absolute;
left: 0px;
top: -170px;
}
#menu p.title a {
color: #a2d8ed;
text-decoration: none;
-webkit-transition: 1.0s ease-out;
-moz-transition: 1.0s ease-out;
transition: 1.0s ease-out;
}
#menu p.title a:hover { 
text-decoration: none;
color: #b24c81;
}
#menu ul {
margin-top: 80px;
margin-left: 7px;
padding: 0;
}

#menu li {
font-family: "TBD", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 1.5em;
font-weight: 100;
letter-spacing: 1px;
line-height: 1.4em;
text-transform: uppercase;
list-style: none;
text-shadow: -2px 1px 2px #121212; 
filter: dropshadow(color=#121212, offx=-2, offy=1); 
}
#menu li a {
color: #ffffff;
text-decoration: none;
}
#menu li a:hover{
/*#b24c81;*/
color: #f33a5d;
text-decoration: none;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
}
#menu li a.selected{
color: #f33a5d;
}

#logo {
position: absolute;
margin-left: -20px;
margin-top: -30px;
}
#player {
position: relative;
float: right;
width: 640px;
top: 0;
margin: 0;
padding: 0 0 10px 0;
}

.homepage-img {
width: 640px;
height: 360px;
border: none;
}

.thumbnail-img {
width: 300px;
height: 169px;
border: none;
}

.mosaic-cont{
	position: relative; 
	float: left; 
	width: 310px;
	height: 200px;  
	margin-bottom: 15px;
}
.mosaic-cont p{	
	font-family: "Gotham";
	font-size: 0.9em;
	letter-spacing: 0px;
	line-height: 0.9em;
	color: #fefefe;
	margin-left: 10px;
}

/* COMMERCIALS / MUSIC VIDEOS / VIRALS */

#video-opaque{
position: fixed;
margin-left: 300px;
margin-top: 0px;
padding: 15px 0px 0px 0px;
width: 640px;
height: 100%;
background: #fff repeat;
opacity: 0.25;
}

#video-container{
position: absolute;
margin-left: 0px;
margin-top: 0px;
padding: 15px 0px 0px 0px;
width: 640px;
background: none;
-moz-box-shadow: 0px 3px 3px #000;
-webkit-box-shadow: 0px 3px 3px #000;
box-shadow: 0px 3px 3px #000;
}

#thumbs-gallery{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
overflow: auto;
}

#thumbs-div{
position: relative;
float: left;
width: 300px;
margin: 0px 0px 16px 14px;
}

#thumbs-div img{
-moz-box-shadow: 0px 3px 3px #000;
-webkit-box-shadow: 0px 3px 3px #000;
box-shadow: 0px 3px 3px #000;
}

#thumbs-div p{
font-family: "Gotham";
font-size: 0.9em;
letter-spacing: 1px;
line-height: 0.8em;
color: #fefefe;
margin-top: 15px;
}

#video-top{
position: relative;
width: 100%;
height: 50px;
background: #080607;
margin-top: 0px;
padding: 0;
background: #080807;
opacity: 0.7;
}
#video-top h1{
font-size: 2.5em;
line-height: 1.2em;
color: #ffffff;
margin-left: 7px;
}
#video-middle{
position: absolute;
width: 100%;
height: 300px;
padding: 0;
overflow: auto;
}	

/* PRESS PAGE */
#press-table {
width: 640px;
margin: 0px 0px 0px 0px;
border-collapse: collapse;
}
#press-table .row {
background: #none;
height: 20px;
}
#press-table .date {
font-family: Gotham;
font-size: 1.5em;
letter-spacing: 1px;
color: #ffffff;
padding: 5px 15px 0px 15px;
}
#press-table .press-title {
font-family: "Gotham";
padding: 5px 15px 0px 10px;
font-size: 1.5em;
text-transform: uppercase;
color: #ffffff;
}
#press-table .work-title {
font-family: "Gotham";
padding: 0px 0px 15px 10px;
font-size: 1.2em;
text-transform: uppercase;
color: #ffffff;
}
#press-table .work-title a{
font-family: "Gotham";
color: #a2d8ed;
text-decoration: none;
-webkit-transition: 1.0s ease-out;
-moz-transition: 1.0s ease-out;
transition: color 1.0s ease-out;
}
#press-table .work-title a:hover{
text-decoration: none;
color: #b24c81;
}
/* ABOUT PAGE */
#about-container{
position: relative;
float: right;
width: 665px;
height: 360px;
margin-top: -20px;
padding: 0;
display: none;
}
#about-container2{
position: absolute;
width: 665px;
height: 360px;
margin-left: 285px;
margin-top: -21px;
padding: 0;
background: #080807;
opacity: 0.65;
display: none;
}
#about-top{
position: relative;
width: 100%;
background: #080607;
margin-top: -27px;
padding: 0;
background: #080807;
opacity: 0.7;
}
#about-middle{
position: absolute;
width: 100%;
height: 200px;
background: red;
}
#about-text{
position: relative;
width: 640px;
margin-top: 128px;
text-align: left;
}

#about-top h1{
font-size: 2.5em;
line-height: 1.2em;
color: #ffffff;
margin-left: 20px;
}

#about-text p{
font-family: "Gotham";
font-size: 1.5em;
color: #ffffff;
}

/* CONTACT */
#contact-table {
font-family: Gotham;
width: 640px;
margin: 10px 0px 0px 0px;
border-collapse: collapse;
}
#contact-table .row {
	height: 20px;
}
#contact-table .contact-head {
	width: 120px;
	font-size: 1.5em;
	color: #ffffff;
	padding: 5px 15px 0px 15px;
}
#contact-table .contact-info {
	width: 520px;
	font-size: 1.2em;
	color: #a2d8ed;
	padding: 0px 0px 15px 10px;
}
#contact-table .contact-info a{
color: #a2d8ed;
text-decoration: none;
-webkit-transition: 1.0s ease-out;
-moz-transition: 1.0s ease-out;
transition: color 1.0s ease-out;
}
#contact-table .contact-info a:hover{
text-decoration: none;
color: #b24c81;
}
/* FOOTER */

#footer2{
position: fixed;
bottom: 0;
left: 150px;
background: transparent /*url(../img/opaque-bg.png) repeat*/;
width: 100%;
height: 5%;
margin: 0;
padding: 0;
text-align: center;
border-top: 0px solid #ddd;
}
#footer{
position: fixed;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
height: 30px;
margin: 0;
padding: 0;
border-top: 0px solid #ddd;
display: none;
}
#footer2 p {
font-family: "TBD";
text-transform: lowercase;
font-size: 0.8em;
letter-spacing: 1px;
line-height: 0.8em;
color: #fefefe;
}
#footer p {
font-family: "TBD";
text-transform: lowercase;
font-size: 0.8em;
letter-spacing: 1px;
line-height: 0.8em;
color: #fefefe;
margin-top: 10px;
}

/* SLIDER GALLERY */

.nivoSlider {
width:640px; 
height:360px;
margin-top: 10px;
background:url(loading.gif) no-repeat 50% 50%;
-moz-box-shadow: 0px 5px 5px #000;
-webkit-box-shadow: 0px 5px 5px #000;
box-shadow: 0px 5px 5px #000;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}

/* TEXT */

@font-face {  
font-family: TBD;  
src: url(../fonts/telegrafico.ttf) format("truetype");  
}

@font-face {  
font-family: "Cicle";  
src: url(../fonts/cicle.ttf) format("truetype");  
}

@font-face{
font-family: "Gotham";
src: url(../fonts/gotham.otf);  
}

img {
	border: none;
}
a {
color: #ffffff;
text-decoration: none;
-webkit-transition:  0.1s ease-out;
-moz-transition:  0.1s ease-out;
transition:  0.1s ease-out;
}
a:hover{
text-decoration: none;
color: #f33a5d;
}
.selected{
color: #f33a5d;
}
.numbers{
font-family: Gotham;
font-size: 0.85em;
letter-spacing: 1px;
color: #ffffff;
}

.contact-numbers{
font-family: Gotham;
font-size: 0.8em;
letter-spacing: 1px;
color: #ffffff;
}