html,body{ height:100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;  }
body{ text-align:center; min-width:1000px; min-height:600px; font-size:13px; background: #001b50; margin: 0; padding: 0; }
ul, ol, dl { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding:0;}
a img { border: none;  outline:none;}
a:link { color:#003399; text-decoration: none; outline:none; }
a:visited { color: #003399; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }
.fltrt {  float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat {  clear:both; height:0; font-size: 1px; line-height: 0px; }
.banner .bg{background:url(intro_gif.gif) no-repeat center center; width:1000px; height:600px;}
.banner{position:relative;}
.button1{    position: absolute;
    left: 41%;
    top: 20%;
    cursor: pointer;
    width: 175px;
    height: 180px;
}
.button1:hover p{
	display:block;
}
.button1 p{
	left: 115%;
    position: absolute;
    top: 43%;
    font-size: 20px;
    color: #fff;
    width: 200px;
    font-weight: bold;
    text-transform: uppercase;
	display:none;
}

.button2{    
	position: absolute;
    left: 31%;
    top: 50%;
    cursor: pointer;
    width: 175px;
    height: 180px;
}
.button2:hover p{
	display:block;
}
.button2 p{
	left: -75%;
    position: absolute;
    top: 43%;
    font-size: 20px;
    color: #fff;
    width: 200px;
    font-weight: bold;
    text-transform: uppercase;
	display:none;
}

.button3{    
	position: absolute;
    left: 51%;
    top: 50%;
    cursor: pointer;
    width: 175px;
    height: 180px;
}
.button3:hover p{
	display:block;
}
.button3 p{
	    left: 115%;
    position: absolute;
    top: 43%;
    font-size: 20px;
    color: #fff;
    width: 200px;
    font-weight: bold;
    text-transform: uppercase;
	display:none;
}
#vertical{ float:left; width:100%; height:50%; margin-top:-300px;/* half vertical height*/ }
#contentVertical { text-align:left; clear:both; position:relative; width:1000px; margin-left:auto; border:1px solid #0b2659; margin-right:auto; height:600px; overflow:auto;/* allow content to scroll inside element */ }

#contentarea { position:relative; width:1000px; height:580px; text-align:left; }
#logo {
	position:absolute;
	width:67px;
	height:66px;
	top:50px;
	right:52px;
	background:url(images/logo.png) top left no-repeat;
	cursor:pointer;
}
#footer { position:relative; background: #001b50; color:#808080; font-size:11px; text-align:right; padding:3px 20px; }
#footer a { color:#808080; padding: 0px 5px; }
#footer a:hover { color:#ffffff; }

.bgTexture1 { background:url(images/bg_texture1.jpg) top left repeat; }
.bgTexture2 { background:url(images/bg_texture2.jpg) top left repeat; }
.bgTexture3 { background:url(images/bg_texture3.jpg) top left repeat; }
.bgTexture4 { background:url(images/bg_texture4.jpg) top left repeat; }
.bgTexture5 { background:url(images/bg_texture5.jpg) top left repeat; }
.bgTexture6 { background:url(images/bg_texture6.jpg) top left repeat; }

.bg1 { background:url(images/bg1.jpg) top left no-repeat; }
.bg2 { background:url(images/bg2.jpg) top left no-repeat; }
.bg3 { background:url(images/bg3.jpg) top left no-repeat; }
.bg4 { background:url(images/bg4.jpg) top left no-repeat; }

/*LEFT MENU*/
#leftmenu { position:absolute;}
#leftmenu li { display:block; list-style:none; text-align:right; font-size:13px; }
#leftmenu.menuAbout { top:120px; left:20px; width:110px; }
#leftmenu.menuAbout li { background:none !important;}
#leftmenu.menuAbout li a { display:block; font-weight:bold; text-decoration:none; height:30px; }


#leftmenu.menuSolutions {
	top:155px;
	left:57px;
	width:160px;
	height:35px;
}
#leftmenu.menuSolutions li { }
#leftmenu.menuSolutions li a { display:block; font-weight:bold; text-decoration:none; height:25px; }
#leftmenu.menuSolutions li a:hover { display:block; font-weight:bold; text-decoration:none;}

#leftmenu.menuContactus {
	top:157px;
	left:73px;
	width:110px;
}
#leftmenu.menuContactus li { }
#leftmenu.menuContactus li a { display:block; font-weight:bold; text-decoration:none; height:25px; }
#leftmenu.menuContactus li a:hover { display:block; font-weight:bold; text-decoration:none;}

#innermenuflash { position:absolute; bottom:0px; margin-left:40px; z-index:1000; }
/*//////////////////////*/

#title { color:#888887; margin:0px 0px 20px -10px; padding:0; text-align:right; }
#title.aboutus { font-size:60px; text-align:left; }
#title.identity { font-size:60px; text-align:right; }
#title.solutions { font-size:60px; text-align:left; }
#title.contactus { font-size:20px; text-align:left;  }

#content { position:absolute; text-align:justify; font-size:12px;  }
.content_aboutus { width:510px; height:450px; right:220px; top:100px;}

.content_mission {
	width:400px;
	height:450px;
	right:300px;
	top:100px;
}
.content_solutions {
	width:380px;
	height:300px;
	left:300px;
	top:160px;
}
.content_contactus {
	width:240px;
	left:410px;
	top:255px;
}
.content_careers {
	width:450px;
	left:349px;
	top:194px;
}

#vision {
  
   background-image: url('images/vision.png');
   border: none;
   text-decoration: none;
   background-repeat:no-repeat;
   background-position:right;
   height:30px;
   
}
#vision:hover {
   background-image: url('images/vision_ro.png');
}

#advantage {
  
   background-image: url('images/asterii_advantage.png');
   border: none;
   text-decoration: none;
   background-repeat:no-repeat;
   background-position:right;
      height:30px;
   
}
#advantage:hover {
   background-image: url('images/asterii_advantage_ro.png');
}

#identity {
  
   background-image: url('images/identity.png');
   border: none;
   text-decoration: none;
   background-repeat:no-repeat;
   background-position:right;
      height:30px;
   
}
#identity:hover {
   background-image: url('images/identity_ro.png');
}

#people {
  
   background-image: url('images/people.png');
   border: none;
   text-decoration: none;
   background-repeat:no-repeat;
   background-position:right;
      height:30px;
   
}
#people:hover {
   background-image: url('images/people_ro.png');
}

/*
/////////////////////////////////////////
JQUERY ACCORDIAN MENU CLASSES STARTS HERE
/////////////////////////////////////////
*/

.demo .collapse li { margin:0; padding:0; color:#fff; font-weight:normal; float:right; width:100px; display:block; background-color:transparent; }
.demo h4 { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;	background-color:transparent; display:block; width:110px; }
.demo_large .collapse li { margin:0; padding:0; color:#fff; font-weight:normal; float:right; display:block; background-color:transparent; margin-bottom:5px; }

.first_item { display:block; }
.expand a {display:block; padding:3px; min-height:0; text-decoration:none; text-align:right; background-color:transparent; outline:none;}
.expand a:link, .expand a:visited { border-width:1px; background-image:url(../style/img/arrow-down.gif); background-repeat:no-repeat; background-position:98% 50%; }
.expand.open a:link, .expand.open a:visited { background:url(../style/img/arrow-up.gif) no-repeat 98% 50%}

.scr {margin-left:15px}
em.num {left:-.5em; top:-.4em}
h2	{clear:both; padding-top:20px;}
ul {list-style:none;margin:0;padding:0;}

.demo .collapse a {background:url(images/arrow_bg.png) repeat 0 0; padding-right:10px; }
.demo .collapse li a:hover, li a:focus, li a:active {background-position:-100px 0;}


.demo_contact .collapse a {background:url(images/arrow_bg_contactus.png) repeat 0 0; padding-right:10px; }
.demo_contact .collapse li a:hover, li a:focus, li a:active {background-position:-100px 0;}

#first a {background:url(images/arrow_bg.png) repeat 0 0; }
#second a {background:url(images/arrow_bg.png) repeat 0 0;}
#third a {background:url(images/arrow_solutions.png) repeat 0 0;}
#fourth a {background:url(images/arrow_bg.png) repeat 0 0;}
#fifth a {background:url(images/arrow_bg.png) repeat 0 0;}
#sixth a {background:url(images/arrow_bg.png) repeat 0 0;}
#seventh a {background:url(images/arrow_bg.png) repeat 0 0;}
	
.bg_imp { backgroundPosition: 110px 0px !important; }



/*
/////////////////////////////////////////
JQUERY ACCORDIAN MENU CLASSES ENDS HERE
/////////////////////////////////////////
*/
.slideshow-block{
		position: relative;			
		height: 35px;		
		overflow: hidden;	
		width: 120px;
		display:block;
		background-color:none;
	}
.slideshow-block	a.link{
		position:absolute;		
		display: block;
		z-index: 10;width: 120px;
		
		
	}
.slideshow-block	a.link:hover{
		background-position: center -150px;
	}
	.slideshow-block .slides{
		z-index:0;
		visibility:hidden;
	}
	.slideshow-block .slides.active{
		visibility:visible;
	}
	
	
.slideshow-block_three{
		position: absolute;	
		width: 120px;
		height: 35px;		
		overflow: hidden;			display:block;	
		top:72px;
	}
.slideshow-block_three	a.link{
		position:absolute;		
		display: block;
		z-index: 10;width: 120px;
		
	}
.slideshow-block_three	a.link:hover{
		background-position: center -150px;
	}
	.slideshow-block_three .slides_three{
		z-index:0;
		visibility:hidden;
	}
	.slideshow-block_three .slides_three.active{
		visibility:visible;
	}
	
	
	.slideshow-block_four{
		position: absolute;	
		width: 120px;
		height: 35px;		
		overflow: hidden;			display:block;	
		top:105px;
	}
.slideshow-block_four	a.link{
		position:absolute;		
		display: block;
		z-index: 10;width: 120px;
		
	}
.slideshow-block_four	a.link:hover{
		background-position: center -150px;
	}
	.slideshow-block_foure .slides_four{
		z-index:0;
		visibility:hidden;
	}
	.slideshow-block_four .slides_four.active{
		visibility:visible;
	}
	
	
	
	
	slideshow-block_two{
		position: relative;		
		width: 120px;
		height: 35px;					
		overflow: hidden;			display:block;	
	}
.slideshow-block_two	a.link{
		position:absolute;		
		display: block;
		z-index: 10;width: 120px;
		
	}
.slideshow-block_two	a.link:hover{
		background-position: center -150px;
	}
	.slideshow-block_two .slides_three{
		z-index:0;
		visibility:hidden;
	}
	.slideshow-block_two.slides_three.active{
		visibility:visible;
	}