/* Thank you for your interest in the source code , 
this site was designed by Darren Hanson and built and coded by Simon Foster (www.simonfosterdesign.com) */

@charset "utf-8";
/* this resets all tags so there is no extra padding and margins etc */
html, body, div, p, ul, li, a, img, h1, h2, h3, h4, h5, h6, small, a img, span, input, form, cite, textarea {
     margin:0;
	 border:0;
	 padding:0;
	 text-decoration:none;
	 }

body
{
	font-family: Courier, Courier New, Courier New, monospace;
	font-size: 12px;
	line-height: 135%;
	letter-spacing: 0px;
	color: #ffffff;
	background: #616161;
	background-image: url(http://www.thingsmove.com/images/BKGD_07a.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	height:815px;
}
/* sets different background image to body tag */
.bg_2 {
	background-image: url(http://www.thingsmove.com/images/movie-page1.jpg);
	padding-bottom: 10px;
}
.bg_3 {
	background-image: url(http://www.thingsmove.com/images/BKGD_07a.jpg);
	height:1042px;
}
a
{
	text-decoration: none;
	color: #ffffff;
}

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

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

a:hover
{
	text-decoration: none;
	background-color: #ffffff;
	color: #616161;
}
/* opening heading */
h1.motion-design-txt
{
	text-align: right;
	position: absolute;
	top: 56px;
	left: 502px;
	height: 41px;
	margin:0;
	padding:0;
	width: 150px;
	font-size:1em;
	font-weight:lighter;
}

/* playButton is a class specified inside the qtp_library.js script */
.playButton {
  background-color: #616161;
  cursor: pointer;
  font-family: Courier, Courier New, Courier New, monospace;
  font-size: 0px;
  opacity: 0.0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 512px;
  height: 400px;
}

#showreel-mov
{
	position: absolute;
	top: 124px;
	left: 139px;
}

#movie-box
{
	position: absolute;
	top: 123px;
	left: 139px;
	width: 512px;
	height: 400px;
	background-color: transparent;
}

#contact
{
	margin:0px;
	padding:0px;
	text-align: left;
	position: absolute;
	top: 120px;
	left: 662px;
	height: 380px;
	width: 260px;
	overflow: hidden;
}

#contact p 
{
    margin:0;
	padding:0;
}
	
.recent-work-txt
{
	text-align: left;
	position: absolute;
	top: 570px;
	left: 139px;
	height: 20px;
	width: 700px;
	margin:0;
	padding:0;
}

#previous-button
{
	text-align: left;
	position: absolute;
	top: 570px;
	left: 662px;
	opacity: 1.0;
	margin:0;
	padding:0;
}

#next-button
{
	text-align: left;
	position: absolute;
	top: 570px;
	left: 881px;
	margin:0;
	padding:0;
	
}
/* hover states for next and previous buttons */
#previous-button:hover, #next-button:hover {
	background: #ffffff;
	color: #616161;
	cursor:pointer;
}
.back-button 
{
	text-align: left;
	position: absolute;
	top: 570px;
	left: 663px;	
	height: 20px;
	width: 100px;
	margin:0;
	padding:0;
}
.experimental
{
	text-align: right;
	position: absolute;
	top: 570px;
	left: 978px;
	height: 20px;
	width: 200px;
	margin:0;
	padding:0;
}
.home-button
{
	text-align: right;
	position: absolute;
	top: 570px;
	left: 978px;
	height: 20px;
	width: 200px;
	margin:0;
	padding:0;
}

/* MOVIE PAGES */
/* positions the movie on the inner pages */
#movie {
	position: absolute;
	top: 123px;
	left: 139px;
	width: 512px;
	height: 400px;
	background-color: transparent;
}
/* positions the text to the right of the movie */
#upper_right_text {
	position: absolute;
	top: 366px;
	left: 663px;
	width: 514px;
}
/* styles the header in the upper right text box */
#upper_right_text h1 {
	font-size:1em;
	font-weight:lighter;
	float:left;
	margin:0 0 20px 0;
}
/* styles the paragraph text in the upper right text box */
#upper_right_text p {
	font-size:1em;
	float:left;
	clear:both;
}

/* SCROLLING BOX */

/* this box frames the slider */
div#frame {
	width:1038px;
	height:226px;
	position:absolute;
	top:588px;
	left:139px;
	overflow:hidden;
	margin:0;
	padding:0;
}
/* inner box inside frame that holds all the boxes */
div#transition_container {
	position:relative;
	height:226px;
	width:4320px;
	margin:0;
	padding:0;
}
/* individual boxes */
.transition_div {
	float:left;
	width:1040px;
	height:226px;
	margin-right:40px;
}
/* this list contains the pictures */
ul.pics {
	list-style:none;
	float:left;
	margin:19px 0 0 0;
	padding:0;
}
/* this postions each picture */
ul.pics li {
	display:inline;
	margin:0 10px 0 0;
	display:block;
	width:251px;
	height:189px;
	float:left;
	padding:0;
}
/* this box contains the text to right of pictures inside frame */
div.right_text_box {
	width:514px;
	float:right;
	margin:15px 3px 0 0;
}
/* styles the header inside the right text box */
div.right_text_box h1 {
	font-size:1em;
	font-weight:lighter;
	float:left;
	margin:0 0 20px 0;
}
/* styles the paragraph text inside the right text box */
div.right_text_box p {
    font-size:1em;
	float:left;
	clear:both;
}
/* puts a second box on the experimental page below main box*/
div#frame_2 {
	width:1040px;
	height:226px;
	position:absolute;
	top:818px;
	left:139px;
	overflow:hidden;
}
a.home {
	width:150px;
	height:40px;
	display:block;
	position:absolute;
	top:40px;
	left:139px;
	background-color:none;
} 
a.home:hover {
	background-color:transparent;
}