@charset "utf-8";
/* CSS Document */
#mainpageanimation{
	width: 776px;
	border: 1px solid #000000;
	margin: auto;
	height: 572px;
	background-color: #ffffff;
}
#animationbottommenu{
	position: absolute;
	margin-top: 580px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
#animationsamplebottommenu{
	position: absolute;
	margin-top: 725px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
#animationlowbar{
position: absolute;
margin-top: 382px;
margin-left: 0px;
width: 776px;
height: 8px;
overflow: hidden;
background-color: #8ab48f;
}
#animationmenubar{
position: absolute;
margin-top: 45px;
margin-left: 0px;
width: 679px;
height: 8px;
background-color: #8ab48f;
overflow: hidden; 
}
#animationlinkloc{
	position: absolute;
	margin-left: 55px;
	margin-top: 220px;
	z-index: 10;
}
#animationmainimage{
	position: absolute;
	margin-top: 105px;
	margin-left: 10px;
	height: 255px;
	width: 751px;
	border: solid 1px #cccccc;
	overflow: hidden;
}


/* Links ******************************************************************************/
.menuFrame a{ 
	font-size: 11px; 
	font-weight: bold; 
	text-align: center;
	display: block; 
	border-left: 2px #000000 solid;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.menuFrame a:link { color: #000000; 
	text-decoration: none;}
.menuFrame a:active { color: #00000; 
	text-decoration: none;}
.menuFrame a:visited{ color: #000000; 
	text-decoration: none;}
.menuFrame a:hover{ color: #8ab48f;
	text-decoration: underline; 
	}
.smallLinks a{ 
	text-align: center;
	font-size: 10px;
	}
.smallLinks a:link { color: #000000; 
	text-decoration: none;}
.smallLinks a:active { color: #00000; 
	text-decoration: none;}
.smallLinks a:visited{ color: #000000; 
	text-decoration: none;}
.smallLinks a:hover{ color: #8ab48f;
	text-decoration: underline; 
	}
.animationlink a{ 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	}
.animationlink a:link { color: #000000; 
	text-decoration: none;}
.animationlink a:active { color: #00000; 
	text-decoration: none;}
.animationlink a:visited{ color: #000000; 
	text-decoration: none;}
.animationlink a:hover{ color: #0000ff;
	text-decoration: underline; 
	}
/* Links End *******************************************************************************/






/* Main Images *******************************************************************************/
.animationtv{
	position: absolute;
	margin-top: 335px;
	margin-left: 490px;
	z-index: 10;
}
.animationprocess{
	position: absolute;
	margin-top: 410px;
	margin-left: 30px;
}
.animationcar{
	position: absolute;
	margin-top: 414px;
	margin-left: 508px;
}
.animationtitle{
	position: absolute;
	margin-top: 6px;
	margin-left: 10px;
}
.animationarrow{
	position: absolute;
	margin-top: 440px;
	margin-left: 195px;
}
/* Main Images Ends*******************************************************************************/




/*Animation Process********************************************************************************/
#animationprocessimage1{
	position: absolute;
	margin-left: 170px;
	margin-top: 200px;
	z-index: 10;
}
#animationprocessimage2{
	position: absolute;
	margin-left: 175px;
	margin-top: 185px;
	z-index: 10;
}
#animationprocessimage3{
	position: absolute;
	margin-left: 172px;
	margin-top: 163px;
	z-index: 10;
}
#animationprocessimage4{
	position: absolute;
	margin-left: 172px;
	margin-top: 163px;
	z-index: 10;
}
#animationprocessimage5{
	position: absolute;
	margin-left: 230px;
	margin-top: 174px;
	z-index: 10;
	border: 1px solid #000000;
	overflow: hidden;
}
#animationprocesstitle{
	position: absolute;
	margin-left: 163px;
	margin-top: 120px;
	z-index: 10;
	width: 582px;
	background-color: #47b1ed;
}
/* Animation Process Ends*******************************************************************************/


/*Animation Samples*******************************************************************************/
#animationmainsample{
	position: absolute;
	margin-top: 105px;
	margin-left: 10px;
	height: 400px;
	width: 751px;
	border: solid 1px #cccccc;
	overflow: hidden;
}
#animationsampleimage{
	position: absolute;
	width: 450px;
	height: 200px;
	margin-left: 175px;
	margin-top: 135px;
	z-index: 10;
}
#animationsampleimage3{
	position: absolute;
	width: 450px;
	height: 200px;
	margin-left: 220px;
	margin-top: 135px;
	z-index: 10;
}
#animationsampleimage4{
	position: absolute;
	width: 450px;
	height: 180px;
	margin-left: 250px;
	margin-top: 135px;
	z-index: 10;
}
#mainpageanimationsample{
	width: 776px;
	border: 1px solid #000000;
	margin: auto;
	height: 717px;
	background-color: #ffffff;
}
.animationtvsample{
	position: absolute;
	margin-top: 480px;
	margin-left: 490px;
	z-index: 10;
}
.animationprocesssample{
	position: absolute;
	margin-top: 555px;
	margin-left: 30px;
}
.animationcarsample{
	position: absolute;
	margin-top: 559px;
	margin-left: 508px;
}
.animationarrowsample{
	position: absolute;
	margin-top: 585px;
	margin-left: 195px;
}
#animationlowbarsample{
	position: absolute;
	margin-top: 527px;
	margin-left: 0px;
	width: 776px;
	height: 8px;
	overflow: hidden;
	background-color: #8ab48f;
}
/* Animation Samples ******************************************************************************/



#animationsamplelink{
	position: absolute;
	margin-left: 55px;
	margin-top: 350px;
	z-index: 10;
}
#animationsampletitle{
	position: absolute;
	margin-left: 16px;
	margin-top: 125px;
	z-index: 10;
}

/* Animation Sample 5 *******************************************************************************/
#animationsampleimage5{
	position: absolute;
	margin-left: 3px;
	margin-top: 95px;
	z-index: 10;
}
#mainpageanimationsample5{
	width: 776px;
	border: 1px solid #000000;
	margin: auto;
	height: 917px;
	background-color: #ffffff;
}
#animationlowbarsample5{
	position: absolute;
	margin-top: 727px;
	margin-left: 0px;
	width: 776px;
	height: 8px;
	overflow: hidden;
	background-color: #8ab48f;
}
.animationtvsample5{
	position: absolute;
	margin-top: 680px;
	margin-left: 490px;
	z-index: 10;
}
.animationprocesssample5{
	position: absolute;
	margin-top: 755px;
	margin-left: 30px;
}
.animationcarsample5{
	position: absolute;
	margin-top: 759px;
	margin-left: 508px;
}
.animationarrowsample5{
	position: absolute;
	margin-top: 785px;
	margin-left: 195px;
}
#animationmainsample5{
	position: absolute;
	margin-top: 403px;
	margin-left: 10px;
	width: 751px;
	border: solid 1px #cccccc;
}
#animationsampletext5{
	position: absolute;
	margin-left: 190px;
	margin-top: 440px;
	height: 80px;
	width: 520px;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 20;
}
#animationsamplelink5{
	position: absolute;
	margin-left: 55px;
	margin-top: 550px;
	z-index: 10;
}
#animationsamp5botmenu{
	position: absolute;
	margin-top: 925px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
/* Animation Sample 5 ******************************************************************************/


/*Animation Text*******************************************************************************/
#animationtextline{
	position: absolute;
	margin-left: 190px;
	margin-top: 28px;
	font-size: 12px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#animationsampletext1{
	position: absolute;
	margin-left: 360px;
	margin-top: 125px;
	height: 335px;
	width: 360px;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 20;
}
#animationsampletext2{
	position: absolute;
	margin-left: 495px;
	margin-top: 140px;
	height: 330px;
	width: 225px;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 20;
}
#animationsampletext3{
	position: absolute;
	margin-left: 190px;
	margin-top: 320px;
	height: 140px;
	width: 520px;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 20;
}
#animationsampletext4{
	position: absolute;
	margin-left: 190px;
	margin-top: 400px;
	height: 80px;
	width: 520px;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 20;
}
#animationprocesstext{
	position: absolute;
	margin-left: 540px;
	margin-top: 135px;
	height: 300px;
	width: 165px;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 20;
	border: 2px solid #000000;
	background-color: #f0f9f1;
	padding: 5px;
}
#animationprocesstext2{
	position: absolute;
	margin-left: 500px;
	margin-top: 135px;
	height: 15px;
	width: 220px;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 20;
	border: 2px solid #000000;
	background-color: #f0f9f1;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}
#animationmaintext{
	position: absolute;
	width: 450px;
	height: 200px;
	margin-left: 180px;
	margin-top: 140px;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
}
/* Animation Text Ends ******************************************************************************/