/*----------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
Neon Sky Creative Media :: LG CSS :: Custom for HTML Rendered from Database & Imports for Site Styles
Version: 2.4.0
Last Modified: 2010.05.04 by Abl

Contains:
	= Import Stylesheets
	
------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */


/*----------------------------------------------------------
=Import
------------------------------------------------------------*/

@import '../../../../content/custom-screens/splash/css/reset.css' all;

@import '../../../../content/custom-screens/splash/css/lg_gallery.css' all; 
 
@import '../../../../content/custom-screens/splash/css/lg_loader.css' screen;


/* platform/orientation specific 
	using @media declarations in the the sheets

@import '/content/custom-screens/splash/css/lg_ipad_landscape.css' screen; 
@import '/content/custom-screens/splash/css/lg_ipad_portrait.css' screen;

@import '/content/custom-screens/splash/css/lg_iphone_portrait.css' screen;
@import '/content/custom-screens/splash/css/lg_iphone_landscape.css' screen; 
*/

 

 


/*----------------------------------------------------------
=Dynamic Custom Values
------------------------------------------------------------
html {-webkit-text-size-adjust:auto;}
*/
body {
	margin: 0; 	padding: 0;
	background-color: #FFFFFF;	 
	-webkit-text-size-adjust: auto;
	letter-spacing:0;
}

a:link, a:visited {
	/* color: rgb(27, 27, 27); */
}

a:hover {
	/* background-color: rgba(242, 243, 254, 0.8); */
}
	


.clear{
	clear: both;
}


#content-container{
	position: absolute;
	/* display:table; */
	width: 100%;
	height: 100%;
		
	top:0;
	left:0;
	margin: 0;
	padding: 0;	
	overflow: hidden;
	text-align: center;	
	
	-webkit-text-size-adjust: none;
	
}

#content{
	margin: auto;
	padding: 0;
	z-index: 10;
	cursor: pointer;
/*
	** for centering
	#position: absolute; 
	#top: 50%; #left:0;
	#border: 0;
	#background:transparent;
	
	display:table-cell; 
	vertical-align:middle;
*/
	width: 100%;
	height: 100%;
	text-align: center;
	height: auto;
	overflow: hidden;

}

.pageContent { 
	margin: 0 auto;
	/*#margin-top:-105px; for IE !/2 of height*/ 
	padding:0;
	display: block;
	
/*
	vertical-align: middle;
	-webkit-box-orient: vertical;
*/
	overflow: hidden;
	/* border:1px solid red; */
}

.section{
	margin: auto;
}


/* IE HACKS */
#gallery{
	#position:relative;
}
#slideA, #slideB{
	#position:absolute;
	#margin:0 auto;
	#left:0;
}

/*----------------------------------------------------------
=Logo
------------------------------------------------------------*/
#logo{
	position: absolute;
	margin: 0;
	left: 0px;
	top: 17.75%;
	width:3000px;
	height:76px;
	display:block;

	/* background: transparent url(../../../../content/custom-screens/splash/images/transparent_bar.png) no-repeat left center; */
	z-index: 800;	
}	

#logo.noshow{
	display: none;
}

#logo h1{
	display:none;
}

/*----------------------------------------------------------
=splash page customisation
------------------------------------------------------------*/
#for_seo{
	display:none;	
}

#header{
	
}


#footer{
	margin: 0 auto;
 	text-align:center;	

}
a.btn_skip{
	margin: 0 auto;
	width:88px;
	height:56px;
	display:block;

	background: transparent url(../../../../content/custom-screens/splash/images/btn-skip.gif) no-repeat center center;
	
}

a.btn_skip span{ display:none;}


/*->Gallery
---------------------------------------------*/
/*fix for FF to have it center extras*/
.gallery-images{
	text-align: left;
}

#extras_0{
	top:19.2%;
	left:9%;
	/*z-index: 801;*/
	
}

#extras_1{
	top:19.2%;
	left:9%;
	/*z-index: 801;*/
}

#extras_2{
	top:19.40%;
	left:9%;
	/*z-index: 801;*/
}

#extras_3{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_4{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_5{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_6{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_7{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_8{
	left:9%;
	top:19.2%;
	/*z-index: 801;*/
}

#extras_9{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_10{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}
#extras_11{
	top:19.2%;
	left:9%;
	/*z-index: 801;*/
}

#extras_12{
	top:19.4%;
	left:9%;
	/*z-index: 801;*/
}

#extras_13{
	top:19.2%;
	left:9%;
	/*z-index: 801;*/
}

#extras_14{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_15{
	left:9%;
	top:19.2%;
	/*z-index: 801;*/
}

#extras_16{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_17{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_18{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_19{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

#extras_20{
	left:9%;
	top:19.4%;
	/*z-index: 801;*/
}

.gallery-images div.slide_extras{
	position: absolute;
	z-index: 1000;	
	
}
.gallery-images div.slide_extras:before{
	position: absolute;
	margin: 0 0 0 -9%;
	left: 0;
	top: -15px;
	right: -9%;
	height:76px;
	display:block;

	content:'';
	background: transparent url(../../../../content/custom-screens/splash/images/transparent_bar.png) repeat-y;
}

.gallery-images div.slide_extras img{
	z-index: 3000;
	position: absolute;
}

.gallery-images .slideimage{
	z-index: -50;
}



/*->Loader
---------------------------------------------*/
.spinner div {
 	background:rgba(27, 27, 27,0.2);
}
.spinner div.bar1 {
	background:rgba(27, 27, 27,0.15);
}
.spinner div.bar2 {
	background:rgba(27, 27, 27,0.15);
}
.spinner div.bar3 {
	background:rgba(27, 27, 27,0.1);
}
.spinner div.bar4 {
	background:rgba(27, 27, 27,0.2);
}
.spinner div.bar5 {
	background:rgba(27, 27, 27,0.2);
}
.spinner div.bar6 {
	background:rgba(27, 27, 27,0.4);
}
.spinner div.bar7 {
	background:rgba(27, 27, 27,0.5);
}
.spinner div.bar8 {
	background:rgba(27, 27, 27,0.6);
}
.spinner div.bar9 {
	background:rgba(27, 27, 27,0.7);
}
.spinner div.bar10 {
	background:rgba(27, 27, 27,0.8);
}
.spinner div.bar11 {
	background:rgba(27, 27, 27,0.9);
}
.spinner div.bar12 {
	background:rgba(27, 27, 27,1);
}