/* 
Moov Ltd CSS Sheet  - 21st April 2008
By Adam Jozef Zygadlo - 07708 124 915 - www.jarbrain.com
*/

/* Main elements---------------------------------------------------------------------------*/
body {
		background-color: #064959;
		font-family:  arial, helvetica, sans-serif, "DINMittelschrift";
		font-size: 1.02em;
		margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
		margin: 0px;
		padding: 0px;
}

p {
		margin: 0px;
		padding: 0px;
		background-position: top;
}

img, div { 
		behavior: url('/ccs_sheets/pngbehavior.htc');
}

/* Time & Date ---------------------------------------------------------------------------*/
#timeanddate {
		position: absolute;
		text-align: right;
		font-size: 0.7em;
		color: #ffffff;
		width: 200px;
		top: 36px;
		left: 715px;
}

/* Background elements--------------------------------------------------------------------------------*/
#gradient img {
		position: absolute;
		top: 300px;
		left: 0px;
		width: 100%;
		border: 0px;
}

#contactgradient img {
		position: absolute;
		top: 220px;
		left: 0px;
		width: 100%;
		height: 160px;
		border: 0px;
}

#profilegradient img {
		position: absolute;
		top: 245px;
		left: 0px;
		width: 100%;
		height: 160px;
		border: 0px;
}

#employmentgradient img {
		position: absolute;
		top: 137px;
		left: 0px;
		width: 100%;
		height: 160px;
		border: 0px;
}

#blackarea {
		position: absolute;
		top: 315px;
		width: 889px;
		height: 425px;
		background-color: #000000;
		margin: 0px;
}

#blacklgarea {
		position: absolute;
		top: 210px;
		width: 675px;
		height: 425px;
		background-color: #000000;
		margin: 0px;
}

#blackvrarea {
		position: absolute;
		top: 215px;
		width: 675px;
		height: 300px;
		background-color: #000000;
		margin: 0px;
}

#blackequiparea {
		position: absolute;
		top: 208px;
		width: 495px;
		left: 180px;
		height: 1427px;
		background-color: #000000;
		margin: 0px;
}

#mask {
		position: absolute;
		top: 50px;
		left: 0px;
		width: 180px;
		height: 705px;
		background-color: #064959;
}

#maskequip {
		position: absolute;
		top: 50px;
		left: 0px;
		width: 180px;
		height: 1250px;
		background-color: #064959;
}

#mask2 {
		position: absolute;
		top: 125px;
		left: 0px;
		width: 180px;
		height: 300px;
		background-color: #064959;
}

/* We have moved --------------------------------------------------------------------------------*/
#moved {
		position: absolute;
		top: 60px;
		left: 0px;
		width: 180px;
		height: 25px;
		background-color: #F57A00;	
}

#moved a {
		color: #000000;
		text-decoration: none;
}

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

/* Orange Line--------------------------------------------------------------------------------*/
#orangeline {
		position: absolute;
		top: 60px;
		left: 180px;
		width: 2px;
		height: 550px;
		background-color: #F57A00;
		margin: 0px;
		background-image: url('elements/images/orange_line.jpg');
		background-repeat: repeat-x;
}

#orangelinelive {
		position: absolute;
		top: 60px;
		left: 180px;
		width: 2px;
		height: 575px;
		background-color: #F57A00;
		margin: 0px;
}

#orangelinevirtual {
		position: absolute;
		top: 60px;
		left: 180px;
		width: 2px;
		height: 455px;
		background-color: #F57A00;
		margin: 0px;
}

#orangelineequip {
		position: absolute;
		top: 60px;
		left: 180px;
		width: 2px;
		height: 1575px;
		background-color: #F57A00;
		margin: 0px;
}

/* Design & Animation page */

#blackarea-3temp {
		position: absolute;
		top: 160px;
		width: 675px;
		height: 560px;
		background-color: #000000;
		margin: 0px;
}
#orangelinedesign-temp {
		position: absolute;
		top: 60px;
		left: 180px;
		width: 2px;
		height: 660px;
		background-color: #F57A00;
		margin: 0px;
}

#mask-3-temp {
		position: absolute;
		top: 160px;
		left: 0px;
		width: 180px;
		height: 570px;
		background-color: #064959;
}


/* Pictures--------------------------------------------------------------------------------*/
#homeleftpic {
		position: absolute;
		top: 300px;
		left: 0px;
		width: 180px;
		height: 193px;
}

#contactrightpic {
		position: absolute;
		top: 60px;
		left: 625px;
}

/* Mug shot Pictures--------------------------------------------------------------------------------*/
#mugshot {
		position: absolute;
		top: 263px;
		left: 200px;
		margin: 0px;
		padding: 0px;
}

#mugshot ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#mugshot li{
		margin-bottom: 20px;
		height: 125px;
		display: block;
		margin: 0px;
		padding: 0px;
		padding-bottom: 24px;
}

#mugshot img{
		width: 125px;
		height: 125px;
}

/* Quicktime Areas--------------------------------------------------------------------------------*/
#showreelarea {
		position: absolute;
		top: 60px;
		left: 515px;
		width: 300px;
		height: 182px;

}

/* Header--------------------------------------------------------------------------------*/
#header {
}

#header .logo {
		margin-top: 10px;
		margin-left: 175px;
}

/* Footer--------------------------------------------------------------------------------*/
#footer {
		position: absolute;
		top: 624px;
		left: 15px;
		color: #FFFFFF;
		font-size: 0.6em;
		text-decoration: none;
}

#footerlive {
		position: absolute;
		top: 623px;
		left: 15px;
		color: #FFFFFF;
		font-size: 0.6em;
		text-decoration: none;
}

#footerdesign-temp {
		position: absolute;
		top: 710px;
		left: 15px;
		color: #FFFFFF;
		font-size: 0.6em;
		text-decoration: none;
}

#footervirtual {
		position: absolute;
		top: 505px;
		left: 15px;
		color: #FFFFFF;
		font-size: 0.6em;
		text-decoration: none;
}

#footerequip {
		position: absolute;
		top: 1623px;
		left: 15px;
		color: #FFFFFF;
		font-size: 0.6em;
		text-decoration: none;
}

/* Event list--------------------------------------------------------------------------------*/
#eventlist {
		right: 0px;
		position: absolute;
		width: 250px;
		background-color: #000000;
		padding-bottom: 10px;
}

#eventlist ul{
		list-style: none;
		margin: 0;
		padding: 0;
}

#eventlist li{
		font-size: 0.7em;
		color: #ffffff;
		text-align: right;
		padding: 2px 10px 0px 0px;
}

#eventlist ul li h1{
		text-transform: uppercase;
		color: #0B8BA9;
		font-size: 1em;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
}

/* Body Area--------------------------------------------------------------------------------*/
#bodycopy {
		position: absolute;
		top: 60px;
		left: 190px;
		width: 425px;
}

#bodycopy h1 {
		font-size: 0.95em;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
}

#bodycopy h2 {
		font-size: 0.65em;
		color: #F47A00;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
}

#bodycopy p{
		font-size: 0.8em;
		color: #FFFFFF;
		text-decoration: none;
}

#bodycopy ul{
		list-style: none;
		margin: 0;
		padding: 0;
}

#bodycopy li{
		font-size: 0.65em;
		color: #FFFFFF;
		text-decoration: none;
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#bodycopy a {
		color: #F47A00;
		text-decoration: none;
}

#bodycopy a:hover {
		color: #0B8BA9;
		text-decoration: none;
}
/* Body Area--------------------------------------------------------------------------------*/
#bodycopyda {
		position: absolute;
		top: 60px;
		left: 190px;
		width: 480px;
}

#bodycopyda h1 {
		font-size: 0.95em;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
}

#bodycopyda h2 {
		font-size: 0.65em;
		color: #F47A00;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
}

#bodycopyda p{
		font-size: 0.8em;
		color: #FFFFFF;
		text-decoration: none;
		
}

#bodycopyda ul{
		list-style: none;
		margin: 0;
		padding: 0;
}

#bodycopyda li{
		font-size: 0.65em;
		color: #FFFFFF;
		text-decoration: none;
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#bodycopyda a {
		color: #F47A00;
		text-decoration: none;
}

#bodycopyda a:hover {
		color: #0B8BA9;
		text-decoration: none;
}


/* Body Area for Home Page--------------------------------------------------------------------------------*/
#bodycopyhome {
		position: absolute;
		top: 60px;
		left: 190px;
		width: 315px;
}

#bodycopyhome h1 {
		font-size: 0.95em;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
}

#bodycopyhome h2 {
		font-size: 0.65em;
		color: #F47A00;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
}

#bodycopyhome p{
		font-size: 0.75em;
		color: #FFFFFF;
		text-decoration: none;
}

#bodycopyhome ul{
		list-style: none;
		margin: 0;
		padding: 0;
}

#bodycopyhome li{
		font-size: 0.65em;
		color: #FFFFFF;
		text-decoration: none;
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#bodycopyhome a {
		color: #F47A00;
		text-decoration: none;
}

#bodycopyhome a:hover {
		color: #0B8BA9;
		text-decoration: none;
}

/* 2nd Bodycopy Area--------------------------------------------------------------------------------*/
#secondbodycopy {
		top: 500px;
		left: 200px;
		position: absolute;
		font-size: 0.65em;
		color: #FFFFFF;
}

/* Company Profile Bodycopy Area--------------------------------------------------------------------------------*/
#bodycopycompany {
		position: absolute;
		top: 60px;
		left: 190px;
		width: 530px;
}

#bodycopycompany h1 {
		font-size: 0.95em;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
}

#bodycopycompany h2 {
		font-size: 0.65em;
		color: #F47A00;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
}

#bodycopycompany p{
		font-size: 0.8em;
		color: #FFFFFF;
		text-decoration: none;
		
}


/* Contact Bodycopy Area--------------------------------------------------------------------------------*/
#contactbodycopy {
		position: absolute;
		top: 230px;
		left: 190px;
		width: 395px;
		color: #ffffff;
		font-size: 0.7em;
}

#contactbodycopy h1{
		font-size: 1.2em;
		color: #ffffff;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
}

#contactbodycopy h2{
		font-size: 1em;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
}

#contactbodycopy a {
		font-size: 1.2em;
		color: #F37A00;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
}

#contactbodycopy a:hover {
		color: #0B8BA9;

}

/* Profile Bodycopy Area--------------------------------------------------------------------------------*/
#profilebodycopy {
		position: absolute;
		top: 260px;
		left: 340px;
		width: 395px;
		color: #ffffff;
		font-size: 0.75em;
}

#profilebodycopy p {
		margin-bottom: 28px;
}

#profilebodycopy h1 {
		font-size: 1.2em;
		color: #ffffff;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
}

#profilebodycopy h2 {
		font-size: 1em;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
}
#profilebodycopy h3 {
		font-size: 1.1em;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
}


/* Home Navigation buttons--------------------------------------------------------------------------------*/
#homenavigation {
		position: absolute;
		top: 0px;
		left: 0px;
		margin-top: 240px;
		width: 180px;
		padding: 0px;
}

#homenavigation ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-bottom: 0px;
}

#homenavigation li {
		text-align: right;
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;
		height: 15px;
}

#homenavigation li a {
		font-weight: bold;
		font-size: 0.9em;
		padding: 0px 5px 0px 0px;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		background-position: right;
		text-transform: uppercase;
}

#homenavigation ul a:hover {
		background-color: #F57A00;
}


/* Home - Thumbanils --------------------------------------------------------------------------------*/
#homethumbnails {
		top: 330px;
		left: 160px;
		width: 775px;
		position: absolute;
}

#homethumbnails ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
}


#homethumbnails li {
		display: inline;
		margin: 0px;
		padding: 0px;
		margin-left: 36px;
}

#homethumbnails a {
		text-decoration: none;
}

#homethumbnails img {
		width: 149px;
		height: 184px;
		margin: 0px;
		border: 0px;
}

/* Home - Thumbnail text--------------------------------------------------------------------------------*/
#thumbnailtext {
		position: absolute;
		top: 415px;
		left: 157px;
		width: 775px;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
}

#thumbnailtext ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#thumbnailtext li{
		float: left;
		width: 142px;
		display: inline;
		margin-left: 46px;		
		font-size: 0.65em;
}

/* Home - Thumbnail Title --------------------------------------------------------------------------------*/
#thumbnailtitle {
		position: absolute;
		top: 309px;
		left: 161px;
		width: 775px;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
}

#thumbnailtitle ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#thumbnailtitle li{
		float: left;
		width: 151px;
		display: inline;
		margin-left: 37px;		
		font-size: 0.80em;
		font-weight: bold;
		text-transform: uppercase;
}

/* Home - More buttons --------------------------------------------------------------------------------*/
#morebutton {
		position: absolute;
		top: 472px;
		left: 135px;
		width: 775px;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
}

#morebutton ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#morebutton li{
		float: left;
		width: 151px;
		display: inline;
		margin-left: 37px;		
}

#morebutton li a{
		display: inline;
		margin-left: 31px;		
		font-size: 0.8em;
		color: #F47A00;
		text-decoration: none;
}

#morebutton a:hover{
		display: inline;
		margin-left: 31px;		
		font-size: 0.8em;
		color: #0B8BA9;
		text-decoration: none;
}

/* Navigation buttons--------------------------------------------------------------------------------*/
#navigation {
		position: absolute;
		top: 60px;
		left: 0px;
		width: 180px;
}

#navigation ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-bottom: 0px;
}

#navigation li {
		background-position: right;
		text-align: right;	
		padding: 0px;
		margin-bottom: 0px;
		height: 15px;
}

#navigation li a {
		font-weight: bold;
		font-size: 0.9em;
		padding: 0px 5px 0px 0px;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		background-position: right;
		text-transform: uppercase;
}

#navigation ul a:hover {
		background-color: #F57A00;
}

/* Portfolio Section (Bodycopy) ---------------------------------------------------------------------------------*/
.white {
		text-transform: uppercase;
		font-weight: bold;
		color: #ffffff;
		font-size: 0.9em;
}

.blue {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.7em;
		color: #0B8BA9;
}

.bluelarger {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.0em;
		color: #0B8BA9;
}
.orage{
		color: #F57A00;
}

.bodycopy {
		width: 250px;
		font-size: 0.65em;
		color: #ffffff;
}

/* Portfolio Section (Images) ---------------------------------------------------------------------------------*/
#portfolioimage {
		position: absolute;
		top: 175px;
		left: 200px;
		width: 525px;
		margin: 0px;
		padding: 0px;
}

#portfolioimage ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#portfolioimage li{
		display: block;
		margin-bottom: 20px;
}

#portfolioimage ul li img{
		width: 185px;
		height: 113px;
		border: 0px;
}

/* Live Graphics Section (Images) ---------------------------------------------------------------------------------*/
#liveimage {
		position: absolute;
		top: 227px;
		left: 200px;
		width: 525px;
		margin: 0px;
		padding: 0px;
}

#liveimage ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#liveimage li{
		display: block;
		margin-bottom: 20px;
}

#liveimage ul li img{
		width: 185px;
		height: 113px;
		border: 0px;
}



/* Portfolio Section (Images) ---------------------------------------------------------------------------------*/
#portfoliolgimage {
		position: absolute;
		top: 247px;
		left: 200px;
		width: 525px;
		margin: 0px;
		padding: 0px;
}

#portfoliolgimage ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#portfoliolgimage li{
		display: block;
		margin-bottom: 20px;
}

#portfoliolgimage ul li img{
		width: 185px;
		height: 113px;
		border: 0px;
}



/* Portfolio Section (Images) ---------------------------------------------------------------------------------*/
#portfoliovrimage {
		position: absolute;
		top: 233px;
		left: 200px;
		width: 525px;
		margin: 0px;
		padding: 0px;
}

#portfoliovrimage ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#portfoliovrimage li{
		display: block;
		margin-bottom: 20px;
}

#portfoliovrimage ul li img{
		width: 185px;
		height: 113px;
		border: 0px;
}

/* Portfolio Section (Text) ---------------------------------------------------------------------------------*/
#portfoliotext {
		position: absolute;
		top: 175px;
		left: 400px;
		width: 350px;
		margin: 0px;
		padding: 0px;
}

#portfoliotext ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#portfoliotext li{
		display: block;
		height: 136px;
		margin-top: 0px;
		margin-bottom: 0px;
}

/* Live Graphics Section (Text) ---------------------------------------------------------------------------------*/
#livetext {
		position: absolute;
		top: 227px;
		left: 400px;
		width: 350px;
		margin: 0px;
		padding: 0px;
}

#livetext ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#livetext li{
		display: block;
		height: 135px;
		margin-top: 0px;
		margin-bottom: 0px;
}

/* Live Graphics  Section (Link buttons) ---------------------------------------------------------------------------------*/
#livetext ul li p a{
		color: #F47A00;
		font-size: 1em;
		text-decoration: none;		
}
#livetext ul li p a:hover{
		color: #0B8BA9;
		text-decoration: none;
}




/* Portfolio Section (Link buttons) ---------------------------------------------------------------------------------*/
#portfoliotext ul li p a{
		color: #F47A00;
		font-size: 1em;
		text-decoration: none;		
}
#portfoliotext ul li p a:hover{
		color: #0B8BA9;
		text-decoration: none;
}

/* Portfolio Section (Text) ---------------------------------------------------------------------------------*/
#portfoliovrtext {
		position: absolute;
		top: 232px;
		left: 400px;
		width: 525px;
		margin: 0px;
		padding: 0px;
}

#portfoliovrtext ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#portfoliovrtext li{
		display: block;
		height: 136px;
		margin-top: 0px;
		margin-bottom: 0px;
}

/* Portfolio Section (Link buttons) ---------------------------------------------------------------------------------*/
#portfoliovrtext ul li p a{
		color: #F47A00;
		font-size: 1em;
		text-decoration: none;		
}
#portfoliovrtext ul li p a:hover{
		color: #0B8BA9;
		text-decoration: none;
}

/* Portfolio Section for Live Graphics(Text) ---------------------------------------------------------------------------------*/
#portfoliolgtext {
		position: absolute;
		top: 245px;
		left: 400px;
		width: 525px;
		margin: 0px;
		padding: 0px;
}

#portfoliolgtext ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#portfoliolgtext li{
		display: block;
		height: 138px;
		margin-top: 0px;
		margin-bottom: 0px;
}

/* Portfolio Section (Link buttons) ---------------------------------------------------------------------------------*/
#portfoliolgtext ul li p a{
		color: #F47A00;
		font-size: 1em;
		text-decoration: none;		
}
#portfoliolgtext ul li p a:hover{
		color: #0B8BA9;
		text-decoration: none;
}

/* Anchor system for Equipment Hire Section---------------------------------------------------------------------------------*/
#anchor ul {
		width: 450px;
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#anchor li{
		display: inline;
}

#anchor a:hover{
		color: #0B8BA9;
		text-decoration: none;
}