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

* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

body {
	background-color:#000;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h2.HelveticaNeueBold {
	font-family: HelveticaNeueBold, verdana, helvetica, sans-serif;
	color:#fff;
	font-size:24px;
	font-weight:bold;
}

h2.HelveticaNeueBold2 {
	font-family: HelveticaNeueBold, verdana, helvetica, sans-serif;
	color:#000;
	font-size:24px;
	font-weight:bold;
}

.popUp {
position:absolute;
width:900px;
height:506px;
border:5px solid #FFF;
z-index: 9002;
}

.flash {
position:absolute;
width:900px;
height:506px;
border:5px solid #FFF;
z-index: 9002;
}

.music {
float:right;
}


#wrap {
	position:absolute;
	top:50%;
	left:0;
	height:600px;
	width:100%;
	margin-top:-300px;
}

#enter_wrap {
	position:relative;
	width:900px;
	height:600px;
	margin:auto;
	background:url(../images/index_stone.jpg) top left no-repeat;
}

#content {
	position:relative;
	width:900px;
	height:600px;
	margin:auto;
}

.home_background {
	background:#000 url(../images/home_renesance.jpg) top right no-repeat;
}

#enter {
	position:absolute;
	top:50%;
	right:0;
	height:91px;
	width:300;
	margin-top:-45px;
}

#enter a img:hover {
	background-image: url(../images/over_enter.jpg);
}

#home_btn {
	position:relative;
	float:left;
}

#logo_div {
	width:257px;
	height:auto;
	position:absolute;
	float:left;
}

#doc_btn {
	width:643px;
	height:auto;
	position:relative;
	float:left;
}

.works {
	padding:228px 26px;
}

img.works:hover {
	background-image:url(../images/stonehendge_nior_sm.jpg);
}

.studio {
	padding:228px 52px;
}

img.studio:hover {
	background-image:url(../images/mafia_sm.jpg);
}

.about {
	padding:228px 54px;
}

img.about:hover {
	background-image:url(../images/about_sm.jpg);
}

.contact {
	padding:228px 46px;
}

img.contact:hover {
	background-image:url(../images/contact_sm.jpg);
}

ul#nav {
	margin-bottom:20px;
	
}

#nav li {
	list-style-type:none;
	display:inline;
}

#nav li img {
	padding-right:30px;
}

#nav li a img {
	padding:5px 30px 5px 0;
}

#nav li a img:hover {
	opacity:0.4;
}

ul#nav2 {
	margin-bottom:-10px;
	
}

#nav2 li {
	list-style-type:none;
	display:inline;
}

#nav2 li img {
	padding-right:30px;
}

#nav2 li a img {
	padding:5px 30px 5px 0;
}

#nav2 li a img:hover {
	opacity:0.4;
}


#slide_arrow_prev {
	position:absolute;
	top:50%;
	left:-34px;
	margin-top:-5px;
	z-index:99;
}

#slide_arrow_next {
	position:absolute;
	top:50%;
	right:-34px;
	margin-top:-5px;
	z-index:99;
}

.movie_container {
	position:absolute;
	top:40px;
	background:#000;
	width:900px;
	height:560px;
	text-align:center;
	z-index:100;
}

.studio_thumbs {
	height:500px;
	width:900px;
	
}

.studio_thumbs a {
	float:left;
}

.studio_thumbs a img {
	opacity:0.6;
}

.studio_thumbs a img:hover {
	opacity:1;
}

#content_container {
	width:auto;
}

#content_container2 {
	width:auto;
	background:white;
	padding:20px;
	height:2250px;
	
}

/* If in mobile screen with maximum width 479px. The iPhone screen resolution is 320x480 px (except iPhone4, 640x960) */    
@media only screen and (max-width: 479px){
    #content_container { width: 90%; }
}

.columnarticlel {
	float: left;
	width: 40%;
	background:white;
	padding-right:40px;
	
}

.columnarticler {
	float: left;
	width: 40%;
	background:white;
	padding-left:40px;
	
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.profile {
	background: url(../images/profile.jpg) no-repeat;

}

.contactbg {
	background: url(../images/contactbg.jpg) no-repeat;
}

#stone_movie_hook, #stone_movie_hook2, #mafia_movie_hook, #mafia_movie_hook2 {
	cursor:pointer;
}

/* Fonts */

@font-face {  
  font-family: HelveticaNeueLight;  
  src: url(..fonts/HelveticaNeueLight.ttf) format("truetype");  
}  
 
/* Then use it like you would any other font */  
p.HelveticaNeueLight { font-family: HelveticaNeueLight, verdana, helvetica, sans-serif;  
}  

a:link	 { color: #FFF; text-decoration: none; }

a:visited	{ color: #999; text-decoration: none; }

a:active	{ color: #999; text-decoration: none; }

a:hover	{ color: #CCC; text-decoration: underline; }


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

p.HelveticaNeueBold { font-family: HelveticaNeueBold, verdana, helvetica, sans-serif; color:#FFF;
}
p.HelveticaNeueBold2 { font-family: HelveticaNeueBold, verdana, helvetica, sans-serif; color:#000;
}

p.HelveticaNeueBold2 a:hover { font-family: HelveticaNeueBold, verdana, helvetica, sans-serif; color:#CCC;
}

#popup_this {
    top: 50%;
    left: 50%;
    text-align:center;
    margin-top: 50px;
    margin-left: -100px;
    position: fixed;
    background: #fff;
    padding: 30px;
}
.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    padding: 5px 10px;
}