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

body {
	margin: 0;
	padding: 0;
	background-image: url(images/background.png); 
}

* :focus {
	outline: none;
}

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

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

a:hover {
	color: #ffd156;
}

img {
	border-style: none;
}

#container {
	margin: 0 auto;
	width: 1420px;
	height: 900px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}


/*home page */

/*#party {
	margin-left: 210px; 
	float: left;
	margin-top: 0px;
}*/


#logo {
	float: left; 
	margin-left: 480px;
	margin-top: 10px;
}

#nav {
	float: left;
	margin-left: 100px;
	
}


#nav a span{
	visibility: hidden;
	text-decoration: none;
}

.home2 a{
	background: url(images/home-button2.png) 0 0 no-repeat;
	width: 76px;
	height: 32px;
	float: left;
	text-decoration: none;
	margin-top: -49px;
	margin-left: 250px;
	z-index: 5px;
	position: relative;
	
}
.home2 a:hover{
	 background-position: -76px;
	 width: 76px;
	 
}

.home2 a:active{
	 background-position: -76px;
	 width: 76px;
}

.about a{
	background: url(images/about-button.png) 0 0 no-repeat;
	width: 96px;
	height: 28px;
	float: left;
	text-decoration: none;
	margin-top: -47px;
	margin-left: 350px;
	z-index: 5px;
	position: relative;
	
}
.about a:hover{
	 background-position: -95px;
	 width: 96px;
	 
}

.about a:active{
	 background-position: -95px;
	 width: 96px;
}

.news a{
	background: url(images/news-button.png) 0 0 no-repeat;
	width: 99px;
	height: 31px;
	float: left;
	text-decoration: none;
	margin-top: -48px;
	margin-left: 462px;
	z-index: 5px;
	position: relative;
	
}
.news a:hover{
	 background-position: -96px;
	 width: 99px;
	 
}

.news a:active{
	 background-position: -96px;
	 width: 99px;
}

.videos a{
	background: url(images/videos-button.png) 0 0 no-repeat;
	width: 103px;
	height: 35px;
	float: left;
	text-decoration: none;
	margin-top: -50px;
	margin-left: 580px;
	z-index: 5px;
	position: relative;
	
}
.videos a:hover{
	 background-position: -104px;
	 width: 103px;
	 
}

.videos a:active{
	 background-position: -104px;
	 width: 103px;
}

.gallery a{
	background: url(images/gallery-button.png) 0 0 no-repeat;
	width: 140px;
	height: 36px;
	float: left;
	text-decoration: none;
	margin-top: -49px;
	margin-left: 695px;
	z-index: 5px;
	position: relative;
	
}
.gallery a:hover{
	 background-position: -153px;
	 width: 140px;
	 
}

.gallery a:active{
	 background-position: -153px;
	 width: 140px;
}

.links a{
	background: url(images/links-button.png) 0 0 no-repeat;
	width: 92px;
	height: 36px;
	float: left;
	text-decoration: none;
	margin-top: -50px;
	margin-left: 845px;
	z-index: 5px;
	position: relative;
	
}
.links a:hover{
	 background-position: -89px;
	 width: 92px;
	 
}

.links a:active{
	 background-position: -89px;
	 width: 92px;
}

#navbar {
	float: left;
	margin-left: 200px;
	

}

#trailer-home {
	float: left;
	margin-left: 215px;
	margin-top: 20px;
}

#trailer-box {
	float: left;
	margin-left: 22px;
	margin-top: 18px;
	
}

#trailer-text {
	width: 264px;
	float: left;
	margin-left: 900px;
	margin-top: -350px;
	line-height: 20px;
}

#front-text {
	float: left;
	margin-left: 122px;
	
}

#front-pics {
	margin-left: 1014px;
	margin-top: -450px;
	float: left;
}

.photos-head {
	float: left;
	margin-left: 202px;
	margin-top: 50px;
}

.design-head {
	float: left;
	margin-left: 225px;
	margin-top: 50px;
}

.videos-head {
	float: left;
	margin-left: 255px;
	margin-top: 50px;
}



.photos-front {
	width: 259px;
    height: 173px;
	float: left;
	margin-left: -800px;
	margin-top: 460px;
}
.photos-front a { 
	display: block; 
	width: 259px; 
	height: 173px; 
	background: url(images/frontpic-rollover.png) no-repeat top left;
}
.photos-front a:hover { 
	background-position: bottom left;
}

.designpic-front {
	width: 287px;
    height: 173px;
	float: left;
	margin-left: -450px;
	margin-top: 460px;
}
.designpic-front a { 
	display: block; 
	width: 287px; 
	height: 173px; 
	background: url(images/design-pic2.png) no-repeat top left;
}
.designpic-front a:hover { 
	background-position: bottom left;
}

#gallery-text {
	width: 260px;
	line-height: 18px;
	margin-left: 208px;
	float: left;
}


#design-text {
	width: 280px;
	line-height: 18px;
	margin-left: 91px;
	float: left;
}

.videopic-front {
	width: 260px;
    height: 173px;
	float: left;
	margin-left: -70px;
	margin-top: 460px;
}
.videopic-front a { 
	display: block; 
	width: 260px; 
	height: 173px; 
	background: url(images/videopic2.png) no-repeat top left;
}
.videopic-front a:hover { 
	background-position: bottom left;
}


#videopic-text {
	width: 280px;
	line-height: 18px;
	margin-left: 100px;
	float: left;
}

#footer {
	width: 580px;
	margin: 0;
	margin-left: 440px;
	margin-bottom: 50px;
	font-size: 10px;
	color: #999;
	float: left;
	clear: both;
	padding-top: 50px;
	position: relative;
	z-index: 5px;
}

/* end home page */


/* About page */

.about2 a{
	background: url(images/about-button2.png) 0 0 no-repeat;
	width: 96px;
	height: 28px;
	float: left;
	text-decoration: none;
	margin-top: -47px;
	margin-left: 350px;
	z-index: 5px;
	position: relative;
	
}
.about2 a:hover{
	 background-position: -95px;
	 width: 96px;
	 
}

.about2 a:active{
	 background-position: -95px;
	 width: 96px;
}

.home a{
	background: url(images/home-button.png) 0 0 no-repeat;
	width: 76px;
	height: 32px;
	float: left;
	text-decoration: none;
	margin-top: -49px;
	margin-left: 250px;
	z-index: 5px;
	position: relative;
	
}
.home a:hover{
	 background-position: -76px;
	 width: 76px;
	 
}

.home a:active{
	 background-position: -76px;
	 width: 76px;
}


#about-box {
	float: left;
	margin-left: 195px;
	margin-top: 25px;
}

#stephen {
	float: left;
	margin-left: -103px;
	margin-top: -20px;
}

#director-name {
	float: left;
	margin-left: -300px;
	margin-top: 450px;
}

#contact {
	float: left;
	margin-left: -250px;
	margin-top: 100px;
}

#booking {
	float: left;
	margin-left: -340px;
	margin-top: 180px;
}

.facebook {
	float: left;
	margin-left: -325px;
	margin-top: 250px;
}

.twitter {
	float: left;
	margin-left: -255px;
	margin-top: 249px;
}

.formspring {
	float: left;
	margin-left: -185px;
	margin-top: 249px;
}


/* end about page */

/* videos page */


.videos2 a{
	background: url(images/videos-button2.png) 0 0 no-repeat;
	width: 103px;
	height: 35px;
	float: left;
	text-decoration: none;
	margin-top: -50px;
	margin-left: 580px;
	z-index: 5px;
	position: relative;
	
}
.videos2 a:hover{
	 background-position: -104px;
	 width: 103px;
	 
}

.videos2 a:active{
	 background-position: -104px;
	 width: 103px;
}

#video-wrap {
	float: left;
	margin-left: -5px;
}

#next-pagevid {
	float: left;
	margin-left: 1120px;
	margin-top: 30px;
}

#back-pagevideo {
	float: left;
	margin-left: 1120px;
	margin-top: 30px;
}


.clip1 {
	float: left;
	margin-left: 210px;
	margin-top: 10px;
}

.clip2 {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

.clip3 {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

.clip4 {
	float: left;
	margin-left: 210px;
	margin-top: 50px;
}

.clip5 {
	float: left;
	margin-left: 31px;
	margin-top: 50px;
}

.clip6 {
	float: left;
	margin-left: 31px;
	margin-top: 50px;
}

.clip7 {
	float: left;
	margin-left: 210px;
	margin-top: 10px;
}

.clip8 {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

.clip9 {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

.clip10 {
	float: left;
	margin-left: 210px;
	margin-top: 50px;
}

.clip11 {
	float: left;
	margin-left: 31px;
	margin-top: 50px;
}

.clip12 {
	float: left;
	margin-left: 31px;
	margin-top: 50px;
}



/* end videos page */


/*gallery page*/



.gallery2 a{
	background: url(images/gallery-button2.png) 0 0 no-repeat;
	width: 140px;
	height: 36px;
	float: left;
	text-decoration: none;
	margin-top: -49px;
	margin-left: 695px;
	z-index: 5px;
	position: relative;
	
}
.gallery2 a:hover{
	 background-position: -153px;
	 width: 140px;
	 
}

.gallery2 a:active{
	 background-position: -153px;
	 width: 140px;
}


#gallery-text {
	float: left;
	margin-left: 90px;
	
}


#gallery-text a span{
	visibility: hidden;
	text-decoration: none;
}

.scenes a{
	background: url(images/BEHIND-SCENES.png) 0 0 no-repeat;
	width: 377px;
	height: 381px;
	float: left;
	text-decoration: none;
	margin-top: 9px;
	margin-left: 200px;
	z-index: 5px;
	position: relative;
	
}
.scenes a:hover{
	 background-position: -378px;
	 width: 377px;
	 
}

.scenes a:active{
	 background-position: -378px;
	 width: 377px;
}

.design a{
	background: url(images/design-process.png) 0 0 no-repeat;
	width: 411px;
	height: 399px;
	float: left;
	text-decoration: none;
	margin-top: -390px;
	margin-left: 600px;
	z-index: 5px;
	position: relative;
	
}
.design a:hover{
	 background-position: -408px;
	 width: 411px;
	 
}

.design a:active{
	 background-position: -408px;
	 width: 411px;
}


/*end gallery page*/

/*behind the scenes page*/

#scenes-text {
	float: left;
	margin-left: 540px;
	margin-top: 20px;
}

#next-page {
	float: left;
	margin-left: -75px;
	margin-top: 270px;
}

#back-page {
	float: left;
	margin-left: -75px;
	margin-top: 269px;
}

#pic-1 {
	float: left;
	margin-left: -700px;
	margin-top: 90px;
}

#pic-2 {
	float: left;
	margin-left: -410px;
	margin-top: 90px;
}

#pic-3 {
	float: left;
	margin-left: -120px;
	margin-top: 90px;
}

#pic-4 {
	float: left;
	margin-left: 40px;
	margin-top: 90px;
}

#pic-5 {
	float: left;
	margin-left: 148px;
	margin-top: 40px;
}

#pic-6 {
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}

#pic-7 {
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}

#pic-8 {
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}

#pic-9 {
	float: left;
	margin-left: 148px;
	margin-top: 40px;
}

#pic-10 {
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}

#pic-11 {
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}

#pic-12 {
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}


/*end behind the scenes page*/

/*links page*/

.links2 a{
	background: url(images/links-button2.png) 0 0 no-repeat;
	width: 92px;
	height: 36px;
	float: left;
	text-decoration: none;
	margin-top: -50px;
	margin-left: 845px;
	z-index: 5px;
	position: relative;
	
}
.links2 a:hover{
	 background-position: -89px;
	 width: 92px;
	 
}

.links2 a:active{
	 background-position: -89px;
	 width: 92px;
}

#links {
	margin-left: 35px;
}

#iheartcomix {
	float: left;
	margin-left: 250px;
	margin-top: 30px;
}

#mishka {
	float: left;
	margin-left: 50px;
	margin-top: 60px;
}

#cultureofme {
	float: left;
	margin-left: 50px;
	margin-top: 65px;
}

#hypemachine {
	float: left;
	margin-left: 250px;
	margin-top: 35px;
}

#luke {
	float: left;
	margin-left: 55px;
	margin-top: 33px;
}

#eighty {
	float: left;
	margin-left: 45px;
	margin-top: 31px;
}

#electrolightz {
	float: left;
	margin-left: 250px;
	margin-top: 31px;
}

#jano {
	float: left;
	margin-left: 46px;
	margin-top: 30px;
}

#lagata {
	float: left;
	margin-left: 45px;
	margin-top: 30px;
}

#subdrive {
	float: left;
	margin-left: -829px;
	margin-top: 140px;
}

#gbh {
	float: left;
	margin-left: -537px;
	margin-top: 140px;
}

#trouble {
	float: left;
	margin-left: -230px;
	margin-top: 140px;
}