/* Define main areas */
BODY {
	
	font-family:'Helvetica', 'Arial', sans-serif;
	color: #ffffff; 
	font-variant:normal; 
	font-weight:normal; 
	font-style:normal;
  	background-color:#050505;
	margin:0;
    height:100%; 
		  
}

.titleart {
    font-family: 'TypoAmericanW04';
    font-weight: normal;
    font-style: normal;
}

/* Chrome */

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.bg-container {
  background-image: url('../images/backgrain.jpg');
  background-size:cover;
  width:100%;
  height:100%;
}

.bg-intro {
  background-image: url('../images/backintro.jpg');
  background-size:cover;
  width:100%;
  height:100%;
}

#figjam 
{
    position : absolute;
    right     : 40px;
    top      : 40px;
    z-index  : 1;
}

#figjammobile 
{
    position : absolute;
    right     : 60px;
    top      : 5px;
    z-index  : 1;
}
 
#front
{
    
	background-image:url('../images/backgrain.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	background-size: 100% 100%;

}

/* Mobile menu */

@media all and (min-width: 630px) {
  
  #mobileset {  
    display: none;
}
}

@media all and (max-width: 629px) {
  
  #mobilenot {  
    display: none;
}
}

/* Page positioning */

#maincontainer {
   min-height:100%;
   position:relative;
}
#header {
   padding:0px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}

#content {
	padding-right: 0px;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
}

<!--[if IE 6]>
#maincontainer {
   height:100%;
}

#title 
{
    position : absolute;
    left     : 175px;
    top      : 120px;
    z-index  : 1;
}

#titlesearch 
{
    position : absolute;
    left     : 235px;
    top      : 230px;
    z-index  : 1;
}

#titlemobile 
{
    position : absolute;
    left     : 125px;
    top      : 70px;
    z-index  : -1;
}

#titlebar 
{
    position : absolute;
    left     : 0px;
    top      : 120px;
    z-index  : 1;
}

#titlebarmobile 
{
    position : absolute;
    left     : 0px;
    top      : 70px;
    z-index  : -1;
}

#mymenu 
{
    position : absolute;
    right     : 0px;
    top      : 200px;
    z-index  : 1;
}

#mysubmenu 
{
    position : absolute;
    left     : 0px;
    top      : 180px;
    z-index  : 1;
}

#mysubmenu2 
{
    position : absolute;
    left     : 10px;
    top      : 110px;
    z-index  : 0;
}

#artistmenu 
{
    z-index  : 10;
}

#MyTable
{
  z-index: 10;
}

#MyTable td:hover {
  background: #ed3237;
}

.submobile
{
position : relative;
    top     : 10px;

z-index  : -10;
}

#aboutbio 
{
    position : relative;
    left     : 175px;
    top      : 120px;    
    z-index  : 2;
}

#contacted
{
    position : relative;
    left     : 475px;
    top      : 320px;    
    z-index  : 2;
}

#newsnew
{
    position : relative;
    left     : 175px;
    top      : 120px;    
    z-index  : 2;
}

#backpic 
{
    position : absolute;
    left      : 30px;
    bottom    : 0px;
    z-index  : 0;
}

#artistpic
{
    border:solid 1px #fff;
	height: 260px;
    max-height: 260px;
}

.parent {
  position:relative;
  top: 0px;
  right: 10px;
  display: flex;
  align-items: stretch ;
  height: 280px; /* Or whatever */
  gap: 25px;
  gap: 25px 20px; /* row-gap column gap */
  row-gap: 25px;
  column-gap: 20px;
  flex-wrap: wrap;
  padding: 30px;
  margin: auto;  /* Magic! */
}

.child {
  width: 230px;  /* Or whatever */
  height: 280px; /* Or whatever */
}

#artblurb
{
    position : absolute;
	left     : 360px;
	top      : 70px;
	font-size   : 12px; 
	border   : 0; 
	width    : 380px;
    z-index  : 4;
}

#artblurb1
{
    position : absolute;
	left     : 60px;
	top      : 20px;
	font-size   : 12px; 
	border   : 0; 
	width    : 380px;
    z-index  : 4;
}


#player
{
    width : 230px;
	height     : 28px;
}

#containshow
{
    position : relative;
    margin   : 0 auto;
    width    : 886px;
    height   : 651px;
	z-index  : 0;

}

#showreelname
{

	font-weight : bold;
	font-size   : 36px;
	color  : #ffffff;
	position : relative;
	left     : 50px;
	top      : 10px;
    z-index  : 1;


}

#showreelvid1
{

	font-weight : bold;
	font-size   : 16px;
	color  : #D1281F;
	position : relative;
	left     : 120px;
	top      : 80px;
    z-index  : 1;

}

#showreelvid2
{

	font-weight : bold;
	font-size   : 16px;
	color  : #D1281F;
	position : relative;
	left     : 120px;
	top      : 130px;
    z-index  : 1;

}

#showreelvid3
{

	font-weight : bold;
	font-size   : 16px;
	color  : #D1281F;
	position : relative;
	left     : 120px;
	top      : 180px;
    z-index  : 1;

}

#showreelvid4
{

	font-weight : bold;
	font-size   : 16px;
	color  : #D1281F;
	position : relative;
	left     : 340px;
	top      : 80px;
    z-index  : 1;

}


#youtube1
{

	font-weight : bold;
	font-size   : 16px;
	color  : #D1281F;
	position : relative;
	left     : 300px;
	top      : 140px;
    z-index  : 1;

}

#youtube2
{

	font-weight : bold;
	font-size   : 16px;
	color  : #D1281F;
	position : relative;
	left     : 300px;
	top      : 180px;
    z-index  : 1;

}

#youtube3
{

	font-weight : bold;
	font-size   : 16px;
	color  : #D1281F;
	position : relative;
	left     : 300px;
	top      : 220px;
    z-index  : 1;

}



#showreel
{
   	position : relative;
	left     : 30px;
	top      : 263px;
    z-index  : 1;

}

#artweb
{

	font-weight : bold;
	font-size   : 14px;
	color  : #D1281F;
	position : absolute;
	left     : 20px;
	top      : 470px;
    z-index  : 1;

}

#artpic1
{
    position : absolute;
	left     : 592px;
	top      : 83px;
    z-index  : -1;
    transform: rotate(8deg);
-ms-transform:rotate(8deg); /* IE 9 */
-webkit-transform:rotate(8deg); /* Safari and Chrome */
-moz-transform: rotate(8deg); /* Firefox */
-o-transform: rotate(8deg);
}

#artpic2
{
    position : absolute;
	left     : 215px;
	top      : 428px;
    z-index  : -1;

}

#artpic3
{
    position : absolute;
	left     : 422px;
	top      : 428px;
    z-index  : -1;

}

#picframe3
{
    position : absolute;
	left     : 208px;
	top      : 409px;
    z-index  : 1;

}

#picframe2
{
    position : absolute;
	left     : 415px;
	top      : 409px;
    z-index  : 1;

}


#actor
{	
	position : relative;
	margin-top: -156px;
	margin-left: 6px;
	text-align: center;
    z-index  : 1;

}

#zabraart
{
    position : absolute;
	left     : 200px;
	top      : 675px;
}

#zabraartmain
{
    position : absolute;
	left     : 200px;
	top      : 1205px;
    z-index  : 1;

}

#back2
{
    position : absolute;
	right     : 0px;
	top      : 1135px;
    z-index  : 1;

}

#zabraabout
{
    position : absolute;
	left     : 200px;
	top      : 720px;
}

#zabracon
{
    position : absolute;
	left     : 200px;
	top      : 680px;
}

#artstats
{
    position : absolute;
	right    : 15px;
	top      : 442px;
	font-family : Courier New;
	font-weight : bold;
	font-size   : 11px;
	color       : #D1281F; 
	width       : 140px;

}


#imdb
{
    position : absolute;
	left     : 20px;
	top      : 188px;
	font-family : Courier New;
	font-weight : bold;
	font-size   : 12px;
	color       : #D1281F;
	letter-spacing: 2px;
    z-index  : 1;

}

#clik
{
    position : absolute;
	left     : 25px;
	top      : 188px;
    z-index  : 0;

}
	

#mobclik
{
    position : absolute;
	left     : -25px;
	top      : 288px;
    z-index  : 0;

}

#castcam
{
    position : absolute;
	right    : -10px;
	top      : 85px;
    z-index  : 0;

}

#callsh
{
    position : absolute;
	right    : -200px;
	top      : 215px;
    z-index  : 0;

}

#searchbut
{
    position : absolute;
	right    : -100px;
	top      : 45px;
    z-index  : 2;

}

#mobsearchbut
{
    position : absolute;
	right    : -100px;
	top      : 145px;
    z-index  : 2;

}

#back
{
    position : absolute;
	right    : -70px;
	top      : 45px;
    z-index  : 2;

}

#metro
{
    position : absolute;
	left     : -60px;
	top      : 255px;
    z-index  : 2;

}

#search
{
    position : relative;
	top      : 0px;
    z-index  : 1;

}

#unclass
{
    position : absolute;
	left     : -20px;
	top      : 325px;
}

#girl
{
    position : absolute;
	left     : 10px;
	top      : 140px;
}

#letter
{
    position : absolute;
	left     : 70px;
	top      : 450px;
}

#recipe
{
    position : absolute;
	right     : 10px;
	top       : 58px;
}

#phone
{
    position : absolute;
	right    : -20px;
	top      : 450px;
}

#news1
{
    position : absolute;
	left     : 0px;
	top      : 208px;
    z-index  : 1;

}

#fnews1
{
    position : absolute;
	left     : -25px;
	top      : 90px;
    z-index  : 2;

}

#news2
{
    position : absolute;
	right    : 15px;
	top      : 195px;
    z-index  : 1;

}

#fnews2
{
    position : absolute;
	right    : -10px;
	top      : 100px;
    z-index  : 2;

}

#news3
{
    position : absolute;
	left     : 145px;
	top      : 645px;
    z-index  : 3;

}

#fnews3
{
    position : absolute;
	left     : 105px;
	top      : 580px;
    z-index  : 4;

}

#newstit
{
    position : absolute;
	left     : -60px;
	top      : 735px;
    z-index  : 1;

}

#newsin
{
    position : absolute;
	right    : -110px;
	top      : 480px;
    z-index  : 3;

}

#zanews
{
    position : absolute;
	left     : 140px;
	top      : 940px;
}

#contact
{
    position : absolute;
	left     : 50px;
	top      : 615px;
}

#cdetails
{
    position : absolute;
	left     : 260px;
	top      : 455px;
	font-family : Courier New;
	font-weight : bold;
	font-size   : 11px;
	color       : #D1281F;
	letter-spacing: 2px;
	width       : 400px;
}

#nrecipe
{
    position : absolute;
	left     : 130px;
	top      : 160px;
    z-index  : 1;
}

#invite
{
    position : absolute;
	left     : 440px;
	top      : 455px;
    z-index  : 0;
}

#artist
{
    position : absolute;
	left     : 30px;
	top      : 255px;
    z-index  : -1;
}

#fem
{
    position : absolute;
	left     : 10px;
	top      : 25px;
    z-index  : 1;

}

#man
{
    position : absolute;
	right    : 35px;
	top      : 25px;
    z-index  : 1;

}


#mobfem
{
    position : absolute;
	left     : -80px;
	top      : 85px;
	width	 : 500px;
    z-index  : 90;
}



#mobman
{
    position : relative;
	right    : -525px;
	top      : 85px;
    z-index  : 1;
	width	 : 300px;
}

#clip1
{
    position : absolute;
	left     : 190px;
	top      : 160px;
    z-index  : 1;
	font-family : Courier New;
	font-weight : bold;
	font-size   : 16px;
}

#clip2
{
    position : absolute;
	left     : 190px;
	top      : 285px;
    z-index  : 1;
	font-family : Courier New;
	font-weight : bold;
	font-size   : 16px;
}

#clip3
{
    position : absolute;
	left     : 190px;
	top      : 395px;
    z-index  : 1;
	font-family : Courier New;
	font-weight : bold;
	font-size   : 16px;
}

/* Internet Explorer */

.ie #bigtitle {
 position:absolute;
 top: -50px;
 text-align:center;
 align: center;
 font-size:50px;
 width: 100%;

}


/* Firefox */


.gecko #bigtitle {
 position:absolute;
 top: -50px;
 text-align:center;
 align: center;
 font-size:50px;
 width: 100%;

}

A:link {COLOR: #fff; text-decoration: none;}
A:visited {COLOR: #fff; text-decoration: none;}
A:hover {COLOR: #fff; text-decoration: none;}
A:active {COLOR: #fff; text-decoration: none;}