@charset "UTF-8";




/*  ---------------------------------------------------------------------
									Share uppppppp			
---------------------------------------------------------------------  */
body {
background-color: #405576;
}
		
#body {
		width: 700px;
		height: 500px;
		margin: 50px auto; 
		background-color: #52688c; 
		}

* {
font-family: Helvetica, verdana, sans-serif;
color: #ffffff;
font-size: 100%;
font-style: normal;
font-weight: normal;
line-height:130%;
text-decoration: none; 
list-style-type: none;
border: 0px;
margin: 0px;
padding: 0px;
background: transparent;
}

img { 
border: none; 
line-height: 0px; 
vertical-align: bottom; 
 }
		
ul,li,p { 
		margin: 0px; 
		padding: 0px; 
} 
span {
/*  ---------------------------------------------------------------------
			display: none;											
---------------------------------------------------------------------  */

		}

.NoDisplay {
		display: none;
}
#IndexFlash {
		float:left;
		width:700px;
		height:300px;
		}









							/* Gjola Logo starts */

#header {
		float: left;
		width: 700px;
		height: 120px;
		border: 0px;
		margin: 0px;
		padding: 0px;
		background-image: url("logo.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		}			
							/* Except IE 4-6 */
html>body li#index {
		float: left;
		width: 170px;
		height: 60px;
		margin-top: 57px;
		margin-left: 62px;
		padding: 0px;
		}
							/* Except IE 4-6 */
html>body li#index a {
		width: 170px;
		height: 60px;
		display: block;
		padding: 0px;
		}


							/* For IE 4-6 */
* html li#index {
		float: left;
		width: 170px;
		height: 60px;
		padding-top: 57px;
		padding-left: 62px;
		margin: 0px;
		}
							/* For IE 4-6 */
* html li#index a {
		width: 170px;
		height: 60px;
		display: block;
		margin: 0px;
		}


							/* Gjola Logo ends */		

							/* word title section starts */
 
#WordCompany {
		float: left;
		width: 700px;
		height: 80px;
		background-image: url("wordcompany.jpg");
		background-repeat: no-repeat;
		}
#WordFilms {
		float: left;
		width: 700px;
		height: 80px;
		background-image: url("wordfilms.jpg");
		background-repeat: no-repeat;
		}
#WordFilmsShort {
		float: left;
		width: 530px;
		height: 60px;
		background-image: url("wordfilms.jpg");
		background-repeat: no-repeat;
		}
#WordPlays {
		float: left;
		width: 700px;
		height: 80px;
		background-image: url("wordplays.jpg");
		background-repeat: no-repeat;
		}
#WordPlaysShort {
		float: left;
		width: 430px;
		height: 60px;
		background-image: url("wordplays.jpg");
		background-repeat: no-repeat;
		}
#WordDirector {
		float: left;
		width: 700px;
		height: 80px;
		background-image: url("worddirector.jpg");
		background-repeat: no-repeat;
		}
#WordContact {
		float: left;
		width: 700px;
		height: 80px;
		background-image: url("wordcontact.jpg");
		background-repeat: no-repeat;
		}
#WordLinks {
		float: left;
		width: 700px;
		height: 80px;
		background-image: url("wordlinks.jpg");
		background-repeat: no-repeat;
		}


							/* word title section ends */	

							/* Product Logo starts */	
#LogoIngalo {
		float: left;
		width: 120px;
		height: 60px;
		background-image: url("iglogo.jpg");
		background-repeat: no-repeat;
		background-position: left top;	

		}
#LogoDH {
		float: left;
		width: 120px;
		height: 60px;
		background-image: url("dhlogo_eng.jpg");
		background-repeat: no-repeat;
		background-position: left top;	

		}
#Logo48 {
		float: left;
		width: 120px;
		height: 60px;
		background-image: url("H48logo_eng.jpg");
		background-repeat: no-repeat;
		background-position: left top;	
		}
#LogoBT {
		float: left;
		width: 120px;
		height: 60px;
		background-image: url("BTlogo_eng.jpg");
		background-repeat: no-repeat;
		background-position: left top;	
		}
#LogoTM {
		float: left;
		width: 120px;
		height: 60px;
		background-image: url("TMlogo_eng.jpg");
		background-repeat: no-repeat;
		background-position: left top;	
		}
#LogoODO {
		float: left;
		width: 220px;
		height: 60px;
		background-image: url("odologo.jpg");
		background-repeat: no-repeat;
		background-position: left top;	
		}
							/* Product Logo ends */	
 
							/* left side and main wrap starts */
#ContainerIndex {
		float: left;
		width: 700px;
		height: 400px;
   		border: 0px;
		margin: 0px;
		padding: 0px;	
		}
#Container {
		float: left;
		width: 700px;
		height: 500px;
   		border: 0px;
		margin: 0px;
		padding: 0px;	
		}
#ContaineriFrame {
		float: left;
		width: 700px;
		height: 520px;
   		border: 0px;
		margin: 0px;
		padding: 0px;	
		}
#IndexWrap {
		float: left;
		width: 650px;
		height: 400px;
   		border: 0px;		
		}
#wrap {
		float: left;
		width: 650px;
		height: 500px;
   		border: 0px;		
		}
div.side {
		float: left;
		width: 50px;
		height: 500px;
		background-image: url("side500.jpg");
		background-repeat: repeat-x;
		background-position: left bottom;
		background-color: #52688c;
		margin: 0px;
		padding: 0px;	
		}
div.sideiframe {
		float: left;
		width: 50px;
		height: 520px;
		background-image: url("side500.jpg");
		background-repeat: repeat-x;
		background-position: left bottom;	
		background-color: #52688c;
		margin: 0px;
		padding: 0px;
		}

div.IndexSide {
		float: left;
		width: 50px;
		height: 400px;
		background-image: url("side400.jpg");
		background-repeat: repeat-x;
		background-position: left bottom;
		background-color: #52688c; 	
		}
							/* left side and main wrap ends */

	
							/* Main starts */

#MainIndex {
		float: left;
		width: 600px;
		height: 300px;
		border: 0px;
		border-style: hidden;
		margin: 0px; 
		padding: 0px; 
		background: url(indexmain.jpg);
		background-position: left top;		
		background-repeat: repeat;
		background-color: #3f506b;
		}
#MainCompany {
		float: left;
		width: 600px;
		height:400px;
		border: 0px;
		margin: 0px; 
		padding: 0px; 
		background: url(company.jpg);
		background-position: left top;		
		background-repeat: no-repeat;
		background-color: #3f506b;
		}

#MainFilms {
		float: left;
		width: 600px;
		height: 400px;
		border: 0px;
		border-style: hidden;
		margin: 0px; 
		padding: 0px; 
		background: url(product.jpg);
		background-position: left top;		
		background-repeat: no-repeat;
		background-color: #3f506b;
		}



#MainPlays {
		float: left;
		width: 600px;
		height: 400px;
		border: 0px;
		border-style: hidden;
		margin: 0px; 
		padding: 0px; 
		background: url(playstop.jpg);
		background-position: left top;		
		background-repeat: no-repeat;
		background-color: #3f506b;
		}
#MainBMs {
		float: left;
		width: 600px;
		height: 400px;
		border: 0px;
		border-style: hidden;
		margin: 0px; 
		padding: 0px; 
		background: url(director_left.jpg);
		background-position: left top;		
		background-repeat: no-repeat;
		background-color: #3f506b;
		}

#MainContact {
		float: left;
		width: 600px;
		height: 400px;
		border: 0px;
		border-style: hidden;
		margin: 0px; 
		padding: 0px; 
		background: url(contact04.jpg);
		background-position: left top;		
		background-repeat: no-repeat;
		background-color: #3f506b;
		}

#MainLinks {
		float: left;
		width: 600px;
		height: 400px;
		border: 0px;
		border-style: hidden;
		margin: 0px; 
		padding: 0px; 
		background: url(links01.jpg);
		background-position: left top;		
		background-repeat: no-repeat;
		background-color: #3f506b;
		}
#MainiFrame {
		float: left;
		width: 600px;
		height: 420px;
  		border: 0px;
		border-style: hidden;
		border-color: #405576;
		margin: 0px; 
		padding: 0px; 
		background-color: #3f506b; 
		}

							/* Main ends */

br.clearboth {
	clear: both;
}

span.clearboth {
	clear: both;
}

.clearboth {
	clear: both;
}


									/* Contents start  */
							/* Ingalo starts */
						
							/* Except IE 4-6 */
html>body li#igposter {
		float: left;
		width: 117px;
		height: 157px;
		margin-top: 87px;
		margin-left: 44px;
		padding: 0px;
		}
							/* For IE 4-6 */
* html li#igposter {
		float: left;
		width: 117px;
		height: 157px;
		padding-top: 87px;
		padding-left: 44px;
		margin: 0px;

		}

li#igposter a {
		width: 117px;
		height: 157px;
		display: block;
		margin: 0px; 
		padding: 0px; 

		}

li#igposter a:hover,
li#igposter a:active {
		background: url(productig.jpg);
		background-repeat: no-repeat;
		}
							/* Ingalo ends */

							/* DH starts */
						
							/* Except IE 4-6 */
html>body li#dhposter {
		float: left;
		width: 115px;
		height: 156px;
		margin-top: 80px;
		margin-left: 64px;
		padding: 0px;
		}
							/* For IE 4-6 */
* html li#dhposter {
		float: left;
		width: 115px;
		height: 156px;
		padding-top: 80px;
		padding-left: 64px;
		padding-bottom: 8px;
		margin: 0px;
		}
li#dhposter a {
		width: 115px;
		height: 156px;
		display: block;
		margin: 0px; 
		padding: 0px; 
		}

li#dhposter a:hover,
li#dhposter a:active {
		background: url(productdh.jpg);
		background-repeat: no-repeat;
		}

						/* DH ends */

						/* Boat starts */
						/* Except IE 4-6 */
html>body li#boatposter {
		float: left;
		width: 180px;
		height: 100px;
		margin-top: 96px;
		margin-left: 58px;
		padding: 0px;
		}
	
							/* For IE 4-6 */
* html li#boatposter {
		float: left;
		width: 180px;
		height: 100px;
		padding-top: 96px;
		padding-left: 58px;
		padding-bottom: 48px;
		margin: 0px;
		}
li#boatposter a {
		width: 180px;
		height: 100px;
		display: block;
		margin: 0px; 
		padding: 0px; 
		}

li#boatposter a:hover,
li#boatposter a:active {
		background: url(productbt.jpg);
		background-repeat: no-repeat;
		}
			
		
						/* Boat ends */	

						/* Highway 48 starts */		
							/* Except IE 4-6 */
html>body li#h48poster {
		float: left;
		width: 135px;
		height: 80px;
		margin-top: 61px;
		margin-left: 61px;
		padding: 0px;
		}

							/* For IE 4-6 */
* html li#h48poster {
		float: left;
		width: 135px;
		height: 80px;
		padding-top: 61px;
		padding-left: 61px;
		margin: 0px;
		}
li#h48poster a {
		width: 135px;
		height: 80px;
		display: block;
		margin: 0px; 
		padding: 0px; 
		}

li#h48poster a:hover,
li#h48poster a:active {
		background: url(product48.jpg);
		background-repeat: no-repeat;
		}
		
						/* Highway 48 ends */
							/* For IE 4-6 */
* html #MainFilms {
		float: left;
		width: 600px;
		height: 400px;
		border: 0px;
		border-style: hidden;
		margin: 0px; 
		padding: 0px; 
		background: url(product.jpg);
		background-position: left top;		
		background-repeat: no-repeat;

		}

						/* The Situation */		
							/* Except IE 4-6 */
html>body li#stposter {
		float: left;
		width: 146px;
		height: 85px;
		margin-top: 58px;
		margin-left: 48px;
		padding: 0px;
		}

							/* For IE 4-6 */
* html li#stposter {
		float: left;
		width: 146px;
		height: 85px;
		padding-top: 58px;
		padding-left: 48px;
		margin: 0px;
		}
li#stposter a {
		width: 146px;
		height: 85px;
		display: block;
		margin: 0px; 
		padding: 0px; 
		}

li#stposter a:hover,
li#stposter a:active {
		background: url(productst.jpg);
		background-repeat: no-repeat;
		}
		
						/* The Situation ends */

							/* Technical Manual starts */
						
							/* Except IE 4-6 */
html>body li#tmposter {
		float: left;
		width: 101px;
		height: 115px;
		margin-top: 29px;
		margin-left: 70px;
		padding: 0px;
		}
							/* For IE 4-6 */
* html li#tmposter {
		float: left;
		width: 101px;
		height: 115px;
		padding-top: 29px;
		padding-left: 70px;
		margin: 0px;
		}
li#tmposter a {
		width: 101px;
		height: 115px;
		display: block;
		margin: 0px; 
		padding: 0px; 
		}

li#tmposter a:hover,
li#tmposter a:active {
		background: url(producttm.jpg);
		background-repeat: no-repeat;
		}

						/* Technical Manual ends */
					/* PLAYS */	

								/* ODO starts */
								/* Except IE 4-6 */
html>body li#PosterOdo {
		float: left;
		width: 321px;
		margin-top: 161px;
		margin-left: 29px;
		padding: 0px;
		}
							/* For IE 4-6 */
* html li#PosterOdo {
		float: left;
		width: 321px;
		padding-top: 161px;
		padding-left: 29px;
		margin: 0px;
		}

li#PosterOdo a {
		width: 321px;
		height: 214px;
		display: block;
		margin: 0px; 
		padding: 0px; 
		}

li#PosterOdo a:hover,
li#PosterOdo a:active {
		background: url(playsodo.jpg);
		background-repeat: no-repeat;
		}

							/* ODO ends */

							/* Granny Devil starts */
						
							/* Except IE 4-6 */
html>body li#PosterGD {
		float: left;
		width: 170px;
		margin-top: 59px;
		margin-left: 54px;
		padding: 0px;	
		}
							/* For IE 4-6 */
* html li#PosterGD {
		float: left;
		width: 170px;
		padding-top: 59px;
		padding-left: 54px;
		margin: 0px;
		}
li#PosterGD a {
		width: 170px;
		height: 120px;
		display: block;
		margin: 0px; 
		padding: 0px; 
		}

li#PosterGD a:hover,
li#PosterGD a:active {
		background: url(playsdevil.jpg);
		background-repeat: no-repeat;
		}
		
						/* Granny Devil ends */



							/* Director */
							/* Except IE 4-6 */
html>body #iFrameSmall {
		float: left;
		width: 320px;
		height: 400px;
		border-color: #405576;
		border: 0px;
		border-style: hidden;
		margin-left: 280px; 
		padding: 0px;		
		background-color: #3f506b; 
		}
							/* For IE 4-6 */
* html #iFrameSmall {
		float: right;
		width: 320px;
		height: 400px;
		border-color: #405576;
		border: 0px;
		border-style: hidden;
		padding-left: 280px; 
		padding: 0px;		
		background-color: #3f506b; 
		}

/*  ---------------------------------------------------------------------
				Share 								
---------------------------------------------------------------------  */
						/* Share  */
						/* Except IE 4-6 */
html>body .ShareMarks {
		float: left;
		width: 50px;
		height: 20px;
		border: 0px;
		margin-top: 28px;
		margin-left: 10px;
		padding: 0px;
		}

							/* For IE 4-6 */
* html .ShareMarks {
		float: left;
		width: 50px;
		height: 20px;
		border: 0px;
		padding-top: 28px;
		padding-left: 10px;
		margin: 0px;
		}

#ShareFan {
		float: left;
		width: 16px;
		height: 16px;
		border: 0px;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px;

		}
.ShareMarks img {
border: none;

}


.addthis_toolbox .hover_menu {
display: none;
/*  ---------------------------------------------------------------------
position: absolute;						position: relative;						
---------------------------------------------------------------------  */
float: left;
margin-top: 13px;
background: #405576;
padding: 0px;
border: 3px solid #405576;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

.addthis_toolbox .hover_menu  a {

padding: 4px;
margin: 1px;
float: left;
display: inline;
text-decoration: none;
color: blue;
}
/*  ---------------------------------------------------------------------
from upp   position: relative;												
---------------------------------------------------------------------  */
.addthis_toolbox .hover_menu  a:hover {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: none;
text-decoration: none;
}

							/* Links setting starts */
							/* Links 01 */					
							/* Except IE 4-6 */
html>body li#Link01LI {
		width: 207px;
		height: 20px;
		margin-top: 32px;
		margin-left: 47px;
		padding: 0px;

		}
							/* For IE 4-6 */
* html li#Link01LI {
		width: 201px;
		height: 20px;
		padding-top: 8px;
		padding-left: 47px;
		margin: 0px;
		}



li#Link01LI a,
li#Link01LI a:hover,
li#Link01LI a:active {
		width: 207px;
		height: 20px;
		display: block;
		}
		
							/* Links 02 */
						
							/* Except IE 4-6 */
html>body li#Link02LI {
		height: 20px;
		width: 207px;
		margin-top: 40px;
		margin-left: 47px;
		padding: 0px;
		}
							/* For IE 4-6 */
* html li#Link02LI {
		height: 20px;
		width: 207px;
		padding-top: 12px;
		padding-left: 47px;
		margin: 0px;
		}

li#Link02LI a,
li#Link02LI a:hover,
li#Link02LI a:active {
		width: 207px;
		height: 20px;
		display: block;
		}
		

							/* Links 03 */
						
							/* Except IE 4-6 */
html>body li#Link03LI {
		height: 20px;
		width: 115px;
		margin-top: 40px;
		margin-left: 47px;
		padding: 0px;
		}
							/* For IE 4-6 */
* html li#Link03LI {
		height: 20px;
		width: 115px;
		padding-top: 12px;
		padding-left: 47px;
		margin: 0px;
		}

li#Link03LI a,
li#Link03LI a:hover,
li#Link03LI a:active {
		width: 115px;
		height: 20px;
		display: block;
		}

							/* Links 04 */
						
							/* Except IE 4-6 */
html>body li#Link04LI {
		height: 20px;
		width: 185px;
		margin-top: 40px;
		margin-left: 47px;
		padding: 0px;

		}
							/* For IE 4-6 */
* html li#Link04LI {
		height: 20px;
		width: 185px;
		padding-top: 36px;
		padding-left: 47px;
		margin: 0px;
		}

li#Link04LI a,
li#Link04LI a:hover,
li#Link04LI a:active {
		width: 185px;
		height: 20px;
		display: block;
		}

							/* Links 05  */
						
							/* Except IE 4-6 */
html>body li#Link05LI {
		height: 20px;
		width: 210px;
		margin-top: 40px;
		margin-left: 47px;
		padding: 0px;

		}
							/* For IE 4-6 */
* html li#Link05LI {
		height: 20px;
		width: 210px;
		padding-top: 36px;
		padding-left: 47px;
		margin: 0px;
		}

li#Link05LI a,
li#Link05LI a:hover,
li#Link05LI a:active {
		width: 210px;
		height: 20px;
		display: block;

		}
							/* Links 06  */
						
							/* Except IE 4-6 */
html>body li#Link06LI {
		height: 20px;
		width: 175px;
		margin-top: 40px;
		margin-left: 47px;
		padding: 0px;

		}
							/* For IE 4-6 */
* html li#Link06LI {
		height: 20px;
		width: 175px;
		padding-top: 36px;
		padding-left: 47px;
		margin: 0px;
		}

li#Link06LI a,
li#Link06LI a:hover,
li#Link06LI a:active {
		width: 175px;
		height: 20px;
		display: block;
		}
							/* Links setting ends */
						
		
							/* Contents end  */
							/* Menu Section Picture starts */

#MenuBG {
		float: left;
		width: 600px;
		height: 100px; 
   		border: 0px;
		background: url(menubg.jpg);  /*  */
		background-position: left top;
		background-repeat: repeat;
		margin: 0px; 
		padding: 0px;  
		}





						/* Except IE 4-6 */
html>body .FanLogo {
float: left;
width: 16;
height: 16;
display: block;
margin-top: 2px;
}

						/* Except IE 4-6 */
html>body .MenuMostLeftWithFan {
float: left;
width: 60;
height: 26;
display: block;
margin-left: 98px;
margin-top: 20px;
}
						/* Except IE 4-6 */
html>body .MenuOthersWithFan {
float: left;
width: 60;
height: 26;
display: block;
margin-left: 1px;
margin-top: 20px;
}

						/* Except IE 4-6 */
html>body .MenuMostLeft {
float: left;
width: 60;
height: 26;
display: block;
margin-left: 114px;
margin-top: 20px;
}
						/* Except IE 4-6 */
html>body .MenuOthers {
float: left;
width: 60;
height: 26;
display: block;
margin-left: 1px;
margin-top: 20px;
}

							/* For IE 4-6 */
* html .FanLogo {
float: left;
width: 16;
height: 16;
display: block;
padding-top: 2px;
}

							/* For IE 4-6 */
* html .MenuMostLeftWithFan {
float: left;
width: 60;
height: 26;
display: block;
padding-left: 98px;
padding-top: 20px;
}
							/* For IE 4-6 */
* html .MenuOthersWithFan {
float: left;
width: 60;
height: 26;
display: block;
padding-left: 1px;
padding-top: 20px;
}

							/* For IE 4-6 */
* html .MenuMostLeft {
float: left;
width: 60;
height: 26;
display: block;
padding-left: 114px;
padding-top: 20px;
}
							/* For IE 4-6 */
* html .MenuOthers {
float: left;
width: 60;
height: 26;
display: block;
padding-left: 1px;
padding-top: 20px;
}

.ShareIcon {
width: 16;
height: 16;
}



						/* Menu Section Picture ends */		
		


		
							/* Menu Section link settings start */		

							/* Except IE 4-6 */
html>body ul#MenuLinkSettingUL  {
		float: left;
		width: 420px;
		border: 0px;
		margin-top: 25px;
		margin-left: 90px;
		padding: 0px;

		}
							/* For IE 4-6 */
* html ul#MenuLinkSettingUL {
		float: left;
		width: 420px;
		border: 0px;
		padding-top: 25px;
		padding-left: 90px;
		}


							/* Except IE 4-6 */
html>body ul#MenuLinkSettingULShare {
		float: left;
		width: 420px;
		border: 0px;
		margin-top: 25px;
		margin-left: 0px;
		padding: 0px;

		}
							/* For IE 4-6 */
* html ul#MenuLinkSettingULShare {
		float: left;
		width: 420px;
		border: 0px;
		padding-top: 25px;
		padding-left: 0px;
		margin: 0px;
		}
	
.NonDisplay {
		display:none;
		}
li span {
		display:none;
		}
		
li#GoToCompany {
		float:left;
		width: 70px;

		}
li#GoToCompany a {
		width:70px;
		height:20px;
		display:block;
		}


li#Films {
		float:left;
		width: 70px;

		}
li#Films a {
		width: 70px;
		height:20px;
		display:block;
		}	
li#Plays {
		float:left;
		width: 68px;

		}
li#Plays a {
		width: 68px;
		height:20px;
		display:block;
		}	

li#BoardMember {
		float:left;
		width: 80px;

		}
li#BoardMember a {
		width: 80px;
		height:20px;
		display:block;
		}
	
li#ContactUs {
		float:left;
		width: 72px;
		}
li#ContactUs a {
		width: 72px;
		height:20px;
		display:block;
		}

li#GoToLinks {
		float:left;
		width: 59px;

		}
li#GoToLinks a {
		width: 59px;
		height:20px;
		display:block;
		}


							/* Menu Section link settings end */

							/* CopyRight starts */


						/* Except IE 4-6 */
html>body #CopyRight {
		float: left;
		width: 110px;
		height: 20px;
		border: 0px;
		margin-left: 245px;
		margin-top: 30px;	
		padding: 0px;
		}
		
							/* For IE 4-6 */
* html #CopyRight {
		float: left;
		width: 110px;
		height: 20px;
		border: 0px;
		padding-left: 215px;
		padding-top: 30px;	
		margin: 0px;
		}


						/* Except IE 4-6 */
html>body #CopyRightWOS {
		float: left;
		width: 110px;
		height: 20px;
		border: 0px;
		margin-left: 245px;
		margin-top: 30px;	
		padding: 0px;
		}
		
							/* For IE 4-6 */
* html #CopyRightWOS {
		float: left;
		width: 110px;
		height: 20px;
		border: 0px;
		padding-left: 245px;
		padding-top: 30px;	
		margin: 0px;
		}


							/* CopyRight ends */