/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 	border:0;
 text-align:left; 
 background-color:#312d2c;
 font-family: "Arial";

} 

* {
  margin: 0;
  padding: 0;
}


a.orangelink:link {color:#ffad38; text-decoration:none; }    /* unvisited link  font-weight: bold;*/
a.orangelink:visited {color:#ffad38; text-decoration:none;} /* visited link */
a.orangelink:hover {color:#ffffff;   text-decoration:none; } /* mouse over link */
a.orangelink:active {color:#ffad38;}  /* selected link */

a.greylink:link {color:#312d2c; text-decoration:none; }    /* unvisited link  font-weight: bold;*/
a.greylink:visited {color:#312d2c; text-decoration:none;} /* visited link */
a.greylink:hover {color:#ffffff;   text-decoration:none; } /* mouse over link */
a.greylink:active {color:#4d4746;}  /* selected link */



/*
*/
a.homerollover {
	display: block;
	width: 248px;
	height: 56px;
	text-decoration: none;
	background: url(/images/tikipod.png);
	position: relative;
	top: 0px;
	background-position: 0 0;
	left: 0px;
	padding: 0;
	}
	
a.homerollover:hover {
	background-position: 0 0;
	left: 0px;
	padding: 0;
	}
	

	

/* for big headings on light grey */
h2 {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;
	padding:14px 0px 0px 0px;
font-size: large;
color: #312d2c;
/* line-height: 3; */
position: relative;
	text-align:left;  

}

/* for mid headings on dark grey */
h3 {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;
	padding:0px 0px 0px 0px;
font-size: large;
color: #c6bbba;
/* line-height: 3; */
position: relative;
	text-align:left;  

}


/* for iron   */
h2iron {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;

font-size: medium;
color: #e6d1be;
/* line-height: 3; */
position: relative;
text-align: left; 


}


h3iron {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;

font-size: large;
color: #c9625a;
/* line-height: 3; */
position: relative;
text-align:center; 

}


/* for AQUA big headings  */
h2aqua {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;

font-size: medium;
color: #c1fefe;
/* line-height: 3; */
position: relative;
text-align: left; 


}


/* for AQUA big headings  */
h3aqua {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;

font-size: large;
color: #c1fefe;
/* line-height: 3; */
position: relative;
text-align:center; 

}

/* for AQUA big headings  */
h4aqua {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;
/*		padding:14px 0px 0px 0px;*/
font-size: medium;
color: #ffffff;
/* line-height: 3; */
/* position: relative;*/
text-align:left; 

}

/* for AQUA big headings  */
h5aqua {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;
/*		padding:14px 0px 0px 0px;*/
font-size: large;
color: #c1fefe;
/* line-height: 3; */
/* position: relative;*/
text-align:left; 

}


/* store white headings  */
hwhite {
/*	font-size: 1.0em;*/
	border:0;
	margin: 0;
/*		padding:14px 0px 0px 0px;*/

color: #ffffff;
font-weight: bold;
/* line-height: 3; */
/* position: relative;*/
text-align:left; 

}


#the404 { 
/* for 404page */
background: url(/images/404_anim.gif) no-repeat;
	background-position: center;
height:224px; 
width:160px; 
margin-top:128px;
margin-left:auto; 
 margin-right:auto;
 }

 
 a.home404rollover {
	display: block;
	width: 480px;
	height: 104px;
	text-decoration: none;
	background: url(/images/tikipod.gif);
	position: relative;
	top: 16px;
	background-position: 0 0;

    margin-left: auto;
    margin-right: auto;
	}
	
a.home404rollover:hover {
    margin-left: auto;
    margin-right: auto;
	}
 
 
 
 
/* HERE ARE THINGS TO HELP WITH FORMATTING */

.alignleft {
	float: left;
}
.alignright {
	float: right;
}



#itemheading1 { 
/* used at the mo for content title */
display: block;
background: url(/images/headingbar.png) no-repeat;
background-position: left;
height: 36px; 

text-align: left;  
padding-left:16px ;
left: -16px;
position: relative;
 }
 
 
 #ironheading_quest { 
/* screenshots */
display: block;
background: url(/images/iron_quest.png) no-repeat;
background-position: center;
height: 64px; 
text-align: center;  
position: relative;
 } 
 
 
 #ironheading_screens { 
/* screenshots */
display: block;
background: url(/images/iron_screenshots.png) no-repeat;
background-position: center;
height: 64px; 
text-align: center;  
position: relative;
 }
 
 #ironheading_trailer { 
/* screenshots */
display: block;
background: url(/images/iron_trailer.png) no-repeat;
background-position: center;
height: 64px; 
text-align: center;  
position: relative;
 } 
 
 #ironheading_dev { 
/* screenshots */
display: block;
background: url(/images/iron_dev.png);
background-repeat:   no-repeat ;
background-position:   center;
height: 64px; 
text-align: center;  
position: relative;
 } 
 
 
 #aakheading_dev { 
/* screenshots */
display: block;
background: url(/images/aak_dev.png);
background-repeat:   no-repeat ;
background-position:   center;
height: 64px; 
text-align: center;  
position: relative;
 } 
  
 #aakheading_trailer { 
/* screenshots */
display: block;
background: url(/images/aak_trailer.png);
background-repeat:   no-repeat ;
background-position:   center;
height: 64px; 
text-align: center;  
position: relative;
 } 
   
  #aakheading_screenshots { 
/* screenshots */
display: block;
background: url(/images/aak_screenshots.png);
background-repeat:   no-repeat ;
background-position:   center;
height: 64px; 
text-align: center;  
position: relative;
 } 
  
 #aakheading_overview { 
/* screenshots */
display: block;
background: url(/images/aak_overview.png);
background-repeat:   no-repeat ;
background-position:   center;
height: 64px; 
text-align: center;  
position: relative;
 } 
   
 
 

 #ironheading_gameplay { 
/* screenshots */
display: block;
background: url(/images/iron_gameplay.png);
background-repeat:   no-repeat ;
background-position:   center;
height: 64px; 
text-align: center;  
position: relative;
 } 

 
 #aquaheadingDX { 
/* ps4 ver heading */
display: block;
background: url(/images/aq_dxheader.png) no-repeat;
background-position: center;
height: 120px; 

text-align: center;  
position: relative;
 }

 #aquaheadingXBOXONE { 
/* ps4 ver heading */
display: block;
background: url(/images/aq_xboxoneheader.png) no-repeat;
background-position: center;
height: 120px; 

text-align: center;  
position: relative;
 } 
 

 #aquaheadingSWITCH { 
/* ps4 ver heading */
display: block;
background: url(/images/aq_switchheader.png) no-repeat;
background-position: center;
height: 120px; 

text-align: center;  
position: relative;
 } 
 
 
 #aquaheadingempty { 
/* ps4 ver heading */
display: block;
background: url(/images/aq_header_empty.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 }
 
 
 #aquaheading1 { 
/* used at the mo for content title */
display: block;
background: url(/images/aq_header1.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 }
 
 #aquaheading2 { 
/* used at the mo for content title */
display: block;
background: url(/images/aq_header2.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 }
 
  #aquaheading3 { 
/* used at the mo for content title */
display: block;
background: url(/images/aq_header3.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 }
 
 
  #aquaheading4 { 
/* used at the mo for content title */
display: block;
background: url(/images/aq_header4.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 }
 
  #aquaheading5 { 
/* used at the mo for content title */
display: block;
background: url(/images/aq_header5.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 }
 
  #aquaheading6 { 
/* used at the mo for content title */
display: block;
background: url(/images/aq_header6.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 } 
 
  #aquaheading7 { 
/* used at the mo for content title */
display: block;
background: url(/images/aq_header7.png) no-repeat;
background-position: center;
height: 66px; 

text-align: center;  
position: relative;
 }  
 
#centeredimage{
text-align: center;  

	}

img.floatleft { 
    float: left; 
    margin-right: 8px; 
	display: block;
}



#gameboxwrap{ 
position: relative;
float:left;
 width:992px; 

 text-align:left;  
margin-left:auto; 
 margin-right:auto;
border:0; 
background-color:#625b5a; 

padding: 16px;
padding-top: 0px;
color: #c6bbba;
font-size: small;
text-align: left;  

 border-right-style: solid; 
border-right-width: 8px;
border-right-color: #da125d; 
} 

/* FOR MAIN PAGE GAMES */

#gamebox{ 
display: block;
position: relative;
float:left;
width:320px; 

text-align:left;  
margin-left:auto; 
margin-right:auto;
border:0; 
padding: 0px;


border-right-style: solid; 
border-right-width: 16px;
border-right-color: transparent; 
} 

#gamebox2{ 
display: block;
position: relative;
float:left;
 width:320px; 

 text-align:left;  
margin-left:auto; 
 margin-right:auto;
border:0; 

 padding: 0px;
} 


/* FOR STORE PAGE GAMES - 2 boxes */

#storeboth{ 
display: block;
position: relative;
float:left;
width:100%; 

text-align:left;  
margin-left:auto; 
margin-right:auto;
border:0; 
padding: 0px;

} 


#storebox{ 
display: block;
position: relative;
float:left;
width:480px; 

text-align:left;  
margin-left:auto; 
margin-right:auto;
border:0; 
padding: 0px;


border-right-style: solid; 
border-right-width: 16px;
border-right-color: transparent; 
} 

#storebox2{ 
display: block;
position: relative;
float:left;
 width:480px; 

 text-align:left;  
margin-left:auto; 
 margin-right:auto;
border:0; 

 padding: 0px;
} 
	
/* NOW THE WEB LAYOUT */
 
#wrap{ 
width:1024px; 
text-align:center;  
margin-left:auto; 
margin-right:auto;
border:0; 
padding: 0px;




} 
 
 
 #bigwrap{ 
 width:100%;
 min-width:1024px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
border:0; 
background-image: url(/images/catback.png);
 padding: 0px;
 background-color:#312d2c; 
 
} 
 
 
#aquakittybigwrap{ 
 width:100%;
min-width:1024px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
border:0; 
background-image: url(/images/aq_bkgwater_front.png) , url(/images/aq_bkgwater_kitten.png) ,    url(/images/aq_bkgwater_boat.png) , url(/images/aq_bkgwater_tanker.png) , url(/images/aq_bkgwater.png);
background-repeat: repeat-x , no-repeat , no-repeat ,no-repeat  , repeat-x;
background-position:center 368px, 90% 432px, center 208px, left 184px, center top;
 padding: 0px;
 background-color:#233a70; 
} 
 

 #aquakittywrap{ 
 width:1024px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
border:0; 

 padding: 0px;

} 
 
 
 #ironbigwrap{ 
 width:100%;
min-width:1024px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
border:0; 
background-image:  url(/images/iron_faderleft.png) , url(/images/iron_fader.png)  , url(/images/iron_bg.jpg) ,  url(/images/iron_pickups.png);
background-repeat:  repeat-y , repeat-y ,  no-repeat , repeat;
background-position: calc(50% - 544px) top , calc(50% + 544px) top ,  center top , center top ;
 padding: 0px;
 background-color:#000000; 
} 
 
 
 #astrobigwrap{ 
 width:100%;
min-width:1024px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
border:0; 
background-image:  url(/images/iron_faderleft.png) , url(/images/iron_fader.png)  , url(/images/aak_title.jpg) ,  url(/images/aak_solar.jpg);
background-repeat:  repeat-y , repeat-y ,  no-repeat , no-repeat;
background-position: calc(50% - 544px) top , calc(50% + 544px) top ,  center top , center top ;
background-size: auto , auto , auto , 100% auto;
 padding: 0px;
 background-color:#000000; 
} 
 
 
#RBDXbigwrap{ 
 width:100%;
min-width:1024px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
border:0; 
background-image:  url(/images/RBDX_bg_cover.png) , url(/images/RBDX_bg.png);
background-repeat:  no-repeat , repeat-x;
background-position: center top;
 padding: 0px;
 background-color:#000000; 
} 
 

 #RBDXwrap{ 
 width:1024px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
border:0; 

 padding: 0px;

}  

 
 #RBheader{
 position:relative; 
 height:256px; 
background-image: url(/images/rockbosher_heading1.png);

 width:100%;
 text-align:left; 
 margin: 0px;
 padding: 0px;
  background-color:#312d2c;
} 
 
 #aquakittyheader{
 position:relative; 
 height:190px; 
background-image: url(/images/aqua_kitty_logo.png);
 width:100%;
 text-align:center; 
background-repeat: no-repeat;
background-position:center top;
 margin: 0px;
 padding: 0px;


} 
 
 
 #ironlogo{
 position:relative; 
 height:616px; 
background-image: url(/images/iron_crypticle_logo.png);
 width:100%;
 text-align:center; 
background-repeat: no-repeat;
background-position:center top;
 margin: 0px;
 padding: 0px;

}  

 #aaklogo{
 position:relative; 
 height:590px; 
background-image: url(/images/aakblank_logo.png);
 width:100%;
 text-align:center; 
background-repeat: no-repeat;
background-position:center top;
 margin: 0px;
 padding: 0px;

}  


 
 #RBDXheader{
 position:relative; 
 height:128px; 
background-image: url(/images/RBDX_logo.png);
 width:100%;
 text-align:center; 
background-repeat: no-repeat;
background-position:center top;
 margin: 0px;
 padding: 0px;

}  

 
#header{
 position:relative; 
 height:56px; 

 width:1024px;
 text-align:left; 
 margin: 0px;
 padding: 0px;
margin-left:auto; 
 margin-right:auto;
 border:0; 

} 


#headerwide{

 height:56px; 
min-width:1024px;
 width:100%;
 text-align:left; 
 margin: 0px;
 padding: 0px;
 margin-left:auto; 
 margin-right:auto;
 border-bottom-style: solid; 
 border-bottom-color: #da125d; 
border-bottom-width: 2px;
background-color:#312d2c; 


} 




#aquanav{
 position:relative; 
 height:32px; 

 width:100%;
 text-align:left;  
 margin-bottom:0px;

} 

#main{
width:992px;
float: left; 
padding: 16px;
padding-top: 0px;
color: #c6bbba;
font-size: small;
text-align: left;  
 background-color:#4d4746; 
 
 border-right-style: solid; 
border-right-width: 8px;
border-right-color: #da125d; 
 
 }


 #aquakittymain{
   width:100%; 
 padding:270px 0px 0px 0px;
  color: #c6bbba;
  font-size: small;
   text-align: left;  

 }

  #RBDXmain{
   width:100%; 
 padding:200px 0px 0px 0px;
  color: #c6bbba;
  font-size: small;
   text-align: left;  
   
 }
 
   #ironmain{
   width:100%; 
 padding:10px 0px 0px 0px;
  color: #c6bbba;
  font-size: small;
   text-align: left;  
   background-color:#000000;  
   
 }
 
 #sidebar {
float:right;
width:160px;
background:#4d4746;
padding: 16px;
  color: #c6bbba;
  font-size: small;
   text-align: left;  
    border-top-style: solid; 
 border-top-color: #312d2c; 
border-top-width: 4px;
}
 
 
#footer{
width:1024px;
 height:24px; 
  background-color:#c6bbba; 
 clear:both;
 color: #4d4746;
  font-size: small;
  
   border-right-style: solid; 
border-right-width: 8px;
border-right-color: #da125d; 
 } 
 
#aquafooter{
width:100%; 
 height:24px; 
  background-color:#428fcb; 
 clear:both;
 color: #6cceee;
  font-size: large;
  padding: 6px 0px 0px 0px;
  text-align: center; 
 } 
 
#rbdxfooter{
width:100%; 
 height:24px; 
  background-color:#ff0000; 
 clear:both;
 color: #000000;
  font-size: large;
  padding: 6px 0px 0px 0px;
  text-align: center; 
 } 
 
#ironfooter{
width:100%; 
 height:24px; 
  background-color:#825746; 
 clear:both;
 color: #2e1f19;
  font-size: large;
  padding: 6px 0px 0px 0px;
  text-align: center; 
 }  
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles
 @media print{ 
hide the left column when printing
#leftcol{display:none;} 

hide the right column when printing
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
*/ 


p.aquapadding
{
padding:0px 16px;
}


ul.no_bullet {
list-style-type: none;
overflow: hidden;
padding: 0;
margin: 0;
}


li.ironstrawb {
background: url('/images/iron_bullet01.png') no-repeat left top;
height: 24px;
padding-left: 30px;
padding-top: 10px;

}

li.boshbullet {
background: url('/images/RBDX_bullet01.png') no-repeat left top;
height: 24px;
padding-left: 30px;
padding-top: 0px;

}

li.akbullet {
background: url('/images/aq_bullet01.png') no-repeat left top;
height: 32px;
padding-left: 24px;
padding-top: 4px;

}


/* and now some menu systems */


ul#tikipodmenu {
margin: 0;
	padding: 0;
list-style: none;
padding-top:0px;

}

ul#tikipodmenu li a{
display: block;

float: left;
height: 56px;
background-image: url(/images/menustrip.png);
text-indent: -9999px;

}


ul#tikipodmenu li a.store {
width: 120px;
background-position: 0 0;
}

ul#tikipodmenu li a.store:hover {
background-position: 0 -56px;
}


ul#tikipodmenu li a.storecurrent {
width: 120px;
background-position: 0 -112px;
}

ul#tikipodmenu li a.storecurrent:hover {
background-position: 0 -168px;
}




ul#tikipodmenu li a.games{
width: 120px;
background-position: -120px 0px;
}

ul#tikipodmenu li a.games:hover {
background-position: -120px -56px;
}

ul#tikipodmenu li a.gamescurrent{
width: 120px;
background-position: -120px -112px;
}

ul#tikipodmenu li a.gamescurrent:hover {
background-position: -120px -168px;
}



ul#tikipodmenu li a.themes {
width: 120px;
background-position: -240px 0px;
}

ul#tikipodmenu li a.themes:hover {
background-position: -240px -56px;
}

ul#tikipodmenu li a.themescurrent {
width: 120px;
background-position: -240px -112px;
}

ul#tikipodmenu li a.themescurrent:hover {
background-position: -240px -168px;
}



ul#tikipodmenu li a.about {
width: 120px;
background-position: -360px 0px;
}

ul#tikipodmenu li a.about:hover {
background-position: -360px -56px;
}

ul#tikipodmenu li a.aboutcurrent {
width: 120px;
background-position: -360px -112px;
}

ul#tikipodmenu li a.aboutcurrent:hover {
background-position: -360px -168px;
}





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

ul#tikipod li a{
display: block;
float: left;
height: 56px;
background-image: url(/images/tikipodstrip.png) ;
text-indent: -9999px;
}


ul#tikipod li a.tikipod {
width: 304px;
background-position: 0 0;
	}

ul#tikipod li a.tikipod:hover {
background-position: 304px 0px;
	}

	
	


ul#socialmenu {
margin: 0;
padding: 0;
list-style: none;
padding-top:16px;
}

ul#socialmenu li a{
display: block;
float: right;
height: 32px;
background-image: url(/images/socialstrip.png);
text-indent: -9999px;
}





ul#socialmenu li a.youtube {
width: 32px;
background-position: 0 0;
	}

ul#socialmenu li a.youtube:hover {
background-position: 0 -32px;
	}


ul#socialmenu li a.twitter {
width: 32px;
background-position: -32px 0;
	}

ul#socialmenu li a.twitter:hover {
	background-position: -32px -32px;
	}


ul#socialmenu li a.facebook {
width: 32px;
background-position: -64px 0;
	}

ul#socialmenu li a.facebook:hover {
	background-position: -64px -32px;
	}


ul#socialmenu li a.contact {
width: 32px;
background-position: -96px 0;
	}

ul#socialmenu li a.contact:hover {
	background-position: -96px -32px;
	}