* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
	background-color: #FFFFFF;
	
}


#container {
	position: relative;
	left: 0px;
	top: 3.5em;
	width: 640px;
	height: 4270px;
	z-index: 1;
}
#timline {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 640px;
	height: 6000px;
	z-index: 99999999990;
	display:none;
}
#thanks {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 640px;
	height: 6000px;
	z-index: 99999999990;
	display:none;
}
#thanks a{
    height: 60px;
    left: 162px;
    position: absolute;
    top: 284px;
    width: 321px;
}
#header 
ul {
    display: table;
    position: absolute;
    top: 20px;
	 height: 102px;
    left: 0;
    top: 0;
    width: 640px;
    width: 640px;
}

#header 
li {
    border-right: 1px solid #6a6a6a;
    display: table-cell;
     padding: 4% 0;
    text-align: center;
    width: 12.3%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:89%;
	color:#ffffff;
	 
}
@media only screen and (min-device-width: 320px) and (max-device-width: 359px)
{
#header 
li {
      padding: 3% 0;
   }	
   
   
   #right_ {
    top: 8px !important;
}
   
}


@media only screen and (min-device-width: 361px) and (max-device-width: 500px)
{
#header 
li {
	font-size:106%;
      padding: 3% 0;
   }	
}


@media only screen and (min-device-width: 501px) and (max-device-width: 600px)
{

#header 
li {
	
  font-size: 123%;
  padding: 4% 0;
}	

}


@media only screen and (min-device-width: 601px) and (max-device-width: 640px)
{

#header 
li {
	
  font-size: 137%;
  padding: 4% 0;
}	

}

#header 
li.on {
color:#ff6600;	
	
}
#header  li:last-child{border:none}
.part_1 {
	position: absolute;
	width: 640px;
	left: 0;
	top: 0;
	height:200px;
	background-image:url(../images/p1.png);
}
.part_2 {
	position: absolute;
	width: 640px;
	left: 0;
	top: 200px;
	height: 620px;
}
.part_3 {
position: absolute;
	width: 640px;
	left: 0;
	top: 1352px;
	height:239px;
	background-image:url(../images/part3.png);
}
.part_4 {
position: absolute;
	width: 640px;
	left: 0;
	top: 1588px;
	height:398px;
	background-image:url(../images/part4.png);
}

#link1{
position: absolute;
	height: 84px;
left: 130px;
    top: 262px;
    width: 342px;
}

.part_5 {
position: absolute;
	width: 640px;
	left: 0;
	top: 1986px;
	height:398px;
	background-image:url(../images/part5.png);
}

#link2{
position: absolute;
	height: 84px;
  left: 130px;
    top: 261px;
    width: 352px;
}

.part_6_ {
position: absolute;
	width: 640px;
	left: 0;
	top: 2385px;
	height:440px;
	background-image:url(../images/part6.png);
}

#link3{
position: absolute;
	height: 84px;
  left: 130px;
    top: 305px;
    width: 352px;
}

.part_7 {
position: absolute;
	width: 640px;
	left: 0;
	top: 2834px;
	height:468px;
	background-image:url(../images/part7.png);
}

#link4{
position: absolute;
    height: 55px;
    left: 99px;
    top: 170px;
    width: 202px;
}

.tooltip{
	position: absolute;
    height: 250px;
    left: 99px;
    top: 210px;
    width: 413px;
	display:none;
}



.part_8 {
position: absolute;
	width: 640px;
	left: 0;
	top: 3320px;
	height:515px;
	background-image:url(../images/part8.png);
}

#link5{
	position: absolute;
	height: 84px;
	left: 239px;
	top: 419px;
	width: 352px;
}

.part_9 {
position: absolute;
	width: 640px;
	left: 0;
	top: 3839px;
	height:371px;
	background-image:url(../images/takanon.png);
}

.footer_space{
	position: absolute;
	width: 640px;
	left: 0;
	top: 3193px;
	height:102px;
}

.part_6 {
	position: absolute;
	width: 640px;
	left: 0px;
	top: 821px;
	height: 423px;
	background-position:bottom;
	background-repeat:no-repeat;
	background-size: contain !important;
	background-color:#fff;
}

 
#left_ {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 77px;
	height: 408px;
}
#slide_ {
    height: 532px;
    left: 0;
    position: absolute;
    top: 17px;
    width: 640px;
}
#right_ {
	position: absolute;
	left: 566px;
	top: 15px;
	width: 69px;
	height: 408px;
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
}
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
#close {
	height: auto;
	left: 3%;
	position: absolute;
	margin-top: -4%;
	width: 4%;
}
#textContainer img, #close img {
	height: auto;
	width: 100%;
}
.popUpContent {
	z-index: 2147483647;
	position: absolute;
}
#textContainer {
	background-color: #FFFFFF;
	left: 4%;
	padding: 6%;
	border-radius: 5px;
	width: 80%;
}
#videoContainer {
	background-color: #000000;
	padding-bottom: 2%;
	padding-top: 7%;
	width: 100%;
}
#animated {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 640px;
	height: 277px;
	z-index: 10;
}
#grad {
	position: absolute;
	left: -600px;
	top: 0px;
	width: 600px;
	height: 277px;
	background: rgb(239,127,47);
	background: -moz-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(239,127,47,1) 88%, rgba(192,75,39,1) 93%, rgba(219,202,184,1) 96%, rgba(229,192,128,1) 99%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(239,127,47,1)), color-stop(88%, rgba(239,127,47,1)), color-stop(93%, rgba(192,75,39,1)), color-stop(96%, rgba(219,202,184,1)), color-stop(99%, rgba(229,192,128,1)));
	background: -webkit-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(239,127,47,1) 88%, rgba(192,75,39,1) 93%, rgba(219,202,184,1) 96%, rgba(229,192,128,1) 99%);
	background: -o-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(239,127,47,1) 88%, rgba(192,75,39,1) 93%, rgba(219,202,184,1) 96%, rgba(229,192,128,1) 99%);
	background: -ms-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(239,127,47,1) 88%, rgba(192,75,39,1) 93%, rgba(219,202,184,1) 96%, rgba(229,192,128,1) 99%);
	background: linear-gradient(to right, rgba(239,127,47,1) 0%, rgba(239,127,47,1) 88%, rgba(192,75,39,1) 93%, rgba(219,202,184,1) 96%, rgba(229,192,128,1) 99%);
	z-index: 2;
	opacity:0;
}
#grad.active {
	opacity:1;
	animation: animationFrames ease-out 1.5s;
	animation-iteration-count: 1;
 transform-origin:;
	animation-fill-mode: forwards; /*when the spec is finished*/
	animation-delay: 0.3s;
	-webkit-animation: animationFrames ease-out 1.5s;
	-webkit-animation-iteration-count: 1;
 -webkit-transform-origin:;
	-webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
	-webkit-animation-delay: 0.3s;
	-moz-animation: animationFrames ease-out 1.5s;
	-moz-animation-iteration-count: 1;
 -moz-transform-origin:;
	-moz-animation-fill-mode: forwards; /*FF 5+*/
	-moz-animation-delay: 0.3s;
	-o-animation: animationFrames ease-out 1.5s;
	-o-animation-iteration-count: 1;
 -o-transform-origin:;
	-o-animation-fill-mode: forwards; /*Not implemented yet*/
	-o-animation-delay: 0.3s;
}
 @keyframes animationFrames {
from {
 left: -110%;
}
 to {
 left:5%;
}
}
 @-moz-keyframes animationFrames {
from {
 left: -110%;
}
 to {
 left:5%;
}
}
 @-webkit-keyframes animationFrames {
from {
 left: -110%;
}
 to {
 left:5%;
}
}
 @-o-keyframes animationFrames {
from {
 left: -110%;
}
 to {
 left:5%;
}
}
#l4g{
	position: absolute;
	z-index: 20;
	width: 200px;
	height: 200px;
	left: 414px;
	top: 68px;
	opacity:0;
 
}
#l4g.active{
		animation: fadeIn ease-out 0.5s;
	animation-iteration-count: 1;
 	transform-origin:;
	animation-fill-mode: forwards; /*when the spec is finished*/
	animation-delay: 1.4s;
	-webkit-animation: fadeIn ease-out 0.5s;
	-webkit-animation-iteration-count: 1;
 -webkit-transform-origin:;
	-webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
	-webkit-animation-delay: 1.4s;
	-moz-animation: fadeIn ease-out 0.5s;
	-moz-animation-iteration-count: 1;
 -moz-transform-origin:;
	-moz-animation-fill-mode: forwards; /*FF 5+*/
	-moz-animation-delay: 1.4s;
	-o-animation: fadeIn ease-out 0.5s;
	-o-animation-iteration-count: 1;
 -o-transform-origin:;
	-o-animation-fill-mode: forwards; /*Not implemented yet*/
	-o-animation-delay: 1.4s;
	
}
 @keyframes fadeIn {
from {
 opacity:0;
}
 to {
  opacity:1;
}
}
 @-moz-keyframes fadeIn {
from {
 opacity:0;
}
 to {
  opacity:1;
}
}
 @-webkit-keyframes fadeIn {
from {
 opacity:0;
}
 to {
  opacity:1;
}
}
 @-o-keyframes fadeIn {
from {
 opacity:0;
}
 to {
  opacity:1;
}
}

#header {
	position:fixed;
	left:0px;
	top:0px;
	width:640px;
	height:102px;
	background-color:#3d3c3b;
	z-index: 999;
}

#logo_ {
	position:absolute;
	left:11px;
	top:12px;
	width:37px;
	height:36px;
}

#toFOrm_ {
	position:absolute;
	left:509px;
	top:12px;
	width:123px;
	height:40px;
}

#menu_ {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:102px;
}#toForm2_ {
	position:absolute;
	left:448px;
	top:347px;
	width:167px;
	height:59px;
}

#p1-link_ {
	position:absolute;
	left:238px;
	top:363px;
	width:195px;
	height:34px;
}
#p2-title_ {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:468px;
}

#p2-text_ {
	position:absolute;
	left:0px;
	top:68px;
	width:640px;
	height:82px;
}

#p2-pics1_ {
	position:absolute;
	left:0px;
	top:150px;
	width:640px;
	height:201px;
}

#p2-s_ {
	position:absolute;
	left:0px;
	top:351px;
	width:640px;
	height:30px;
}

#p2-pic2_ {
	position:absolute;
	left:0px;
	top:381px;
	width:640px;
	height:208px;
}

#p3-title_ {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:468px;
}
 
#p8-b_ {
	position:absolute;
	left:180px;
	top:254px;
	width:271px;
	height:92px;
}#p5-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:22px;
}

#p51_ {
	position:absolute;
	left:0px;
	top:22px;
	width:640px;
	height:52px;
}

#p52_ {
	position:absolute;
	left:0px;
	top:74px;
	width:640px;
	height:136px;
}

#p5-04_ {
	position:absolute;
	left:0px;
	top:210px;
	width:640px;
	height:11px;
}

#p53_ {
	position:absolute;
	left:0px;
	top:221px;
	width:640px;
	height:110px;
}

#p5-06_ {
	position:absolute;
	left:0px;
	top:331px;
	width:640px;
	height:10px;
}

#p54_ {
	position:absolute;
	left:0px;
	top:341px;
	width:640px;
	height:110px;
}

#p5-08_ {
	position:absolute;
	left:0px;
	top:451px;
	width:640px;
	height:7px;
}

#p55_ {
	position:absolute;
	left:0px;
	top:458px;
	width:639px;
	height:110px;
}

#p5-10_ {
	position:absolute;
	left:639px;
	top:458px;
	width:1px;
	height:234px;
}

#p5-11_ {
	position:absolute;
	left:0px;
	top:568px;
	width:639px;
	height:9px;
}

#p56_ {
	position:absolute;
	left:0px;
	top:577px;
	width:639px;
	height:110px;
}

#p5-13_ {
	position:absolute;
	left:0px;
	top:687px;
	width:639px;
	height:5px;
}

#p57_ {
	position:absolute;
	left:0px;
	top:692px;
	width:640px;
	height:110px;
}

#p5-15_ {
	position:absolute;
	left:0px;
	top:802px;
	width:640px;
	height:8px;
}

#p5-16_ {
	position:absolute;
	left:0px;
	top:810px;
	width:1px;
	height:260px;
}

#p58_ {
	position:absolute;
	left:1px;
	top:810px;
	width:639px;
	height:110px;
}

#p5-18_ {
	position:absolute;
	left:1px;
	top:920px;
	width:639px;
	height:10px;
}

#p59_ {
	position:absolute;
	left:1px;
	top:930px;
	width:639px;
	height:110px;
}

#p5-20_ {
	position:absolute;
	left:1px;
	top:1040px;
	width:639px;
	height:30px;
}

#p599_ {
	position:absolute;
	left:0px;
	top:1070px;
	width:640px;
	height:134px;
}
#p4-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:51px;
}

#p4-t_ {
	position:absolute;
	left:0px;
	top:51px;
	width:640px;
	height:63px;
}

#p4-03_ {
	position:absolute;
	left:0px;
	top:114px;
	width:199px;
	height:152px;
}

#p41_ {
	position:absolute;
	left:199px;
	top:114px;
	width:229px;
	height:151px;
}

#p4-05_ {
	position:absolute;
	left:428px;
	top:114px;
	width:212px;
	height:152px;
}

#p4-06_ {
	position:absolute;
	left:199px;
	top:265px;
	width:229px;
	height:1px;
}

#p42_ {
	position:absolute;
	left:0px;
	top:266px;
	width:640px;
	height:197px;
}

#p4-08_ {
	position:absolute;
	left:0px;
	top:463px;
	width:640px;
	height:22px;
}

#p43_ {
	position:absolute;
	left:0px;
	top:485px;
	width:640px;
	height:20px;
}

#p3-titke_ {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:80px;
}

#p3-1_ {
	position:absolute;
	left:0px;
	top:80px;
	width:640px;
	height:84px;
}

#p3-03_ {
	position:absolute;
	left:0px;
	top:164px;
	width:640px;
	height:4px;
}

#p3-2_ {
	position:absolute;
	left:0px;
	top:168px;
	width:640px;
	height:105px;
}

#p3-4_ {
	position:absolute;
	left:0px;
	top:273px;
	width:640px;
	height:82px;
}

#p3-06_ {
	position:absolute;
	left:0px;
	top:355px;
	width:640px;
	height:46px;
}

#p3-07_ {
	position:absolute;
	left:0px;
	top:401px;
	width:80px;
	height:120px;
}

#p3-but_ {
	position:absolute;
	left:80px;
	top:401px;
	width:499px;
	height:63px;
}

#p3-09_ {
	position:absolute;
	left:579px;
	top:401px;
	width:61px;
	height:120px;
}

#p3-10_ {
	position:absolute;
	left:80px;
	top:464px;
	width:499px;
	height:57px;
}

#p3-pas_ {
	position:absolute;
	left:0px;
	top:521px;
	width:640px;
	height:13px;
}
#form-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:268px;
}

#form-03_ {
	position:absolute;
	left:485px;
	top:268px;
	width:106px;
	height:24px;
}

#form-07_ {
	position:absolute;
	left:151px;
	top:308px;
	width:440px;
	height:33px;
}

#form-10_ {
	position:absolute;
	left:99px;
	top:347px;
	width:488px;
	height:51px;
}

#form-13_ {
	position:absolute;
	left:99px;
	top:417px;
	width:488px;
	height:88px;
}

#form-15_ {
	position:absolute;
	left:99px;
	top:526px;
	width:209px;
	height:51px;
}

#form-18_ {
	position:absolute;
	left:333px;
	top:539px;
	width:254px;
	height:33px;
}

#form-22_ {
	position:absolute;
	left:320px;
	top:610px;
	width:267px;
	height:39px;
}

#form-24_ {
	position:absolute;
	left:140px;
	top:612px;
	width:32px;
	height:32px;
}

#form-26_ {
	position:absolute;
	left:186px;
	top:612px;
	width:29px;
	height:29px;
}

#form-28_ {
	position:absolute;
	left:278px;
	top:612px;
	width:29px;
	height:29px;
}

#form-31_ {
	position:absolute;
	left:241px;
	top:616px;
	width:25px;
	height:33px;
}

#form-38_ {
	position:absolute;
	left:99px;
	top:676px;
	width:207px;
	height:51px;
}

#form-40_ {
	position:absolute;
	left:320px;
	top:689px;
	width:267px;
	height:36px;
}

#form-43_ {
	position:absolute;
	left:99px;
	top:754px;
	width:488px;
	height:88px;
}

#form-45_ {
	position:absolute;
	left:99px;
	top:864px;
	width:488px;
	height:88px;
}

#form-48_ {
	position:absolute;
	left:261px;
	top:967px;
	width:326px;
	height:51px;
}

#form-50_ {
	position:absolute;
	left:99px;
	top:1032px;
	width:488px;
	height:51px;
}

#form-52_ {
	position:absolute;
	left:99px;
	top:1101px;
	width:488px;
	height:51px;
}

#form-54_ {
	position:absolute;
	left:99px;
	top:1170px;
	width:488px;
	height:51px;
}

#form-56_ {
	position:absolute;
	left:99px;
	top:1240px;
	width:488px;
	height:51px;
}

#form-58_ {
	position:absolute;
	left:99px;
	top:1317px;
	width:488px;
	height:51px;
}

#form-60_ {
	position:absolute;
	left:99px;
	top:1398px;
	width:488px;
	height:51px;
}

#form-63_ {
	position: absolute;
	left: 192px;
	top: 1482px;
	width: 85px;
	height: 44px;
}

#form-66_ {
	position:absolute;
	left:554px;
	top:1485px;
	width:32px;
	height:31px;
}
.notValid{
	 border: 1px solid #F10000 !important;
    box-shadow: 0 0 4px rgba(255, 0, 0, 0.3) inset !important;
}
#form-70_ {
	position:absolute;
	left:99px;
	top:1617px;
	width:487px;
	height:53px;
}
 input[type="text"] , input[type="email"] ,  input[type="tel"] ,  textarea,select {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    font-family:Arial;
    font-size: 1em;
    outline: 0 none;
    padding: 0 4px;
	box-sizing:border-box;
-moz-box-sizing:border-box;
width:100%;
height:100%;
direction:rtl;
}



/*HEADER MENU*/


html {
    font-size: 24px;
}

@media all and (max-width: 319px) {
html {
    font-size: 16px;
}
}
@media all and (min-width: 320px) and (max-width: 479px) {
html {
    font-size: 16px;
}
.header .nav li:first-child > a {
    xline-height: 3em;
}
}
@media all and (min-width: 480px) and (max-width: 639px) {
html {
    font-size: 20px;
}
}
@media all and (min-width: 640px) {
html {
    font-size: 24px;
}
}


.header {
    font-family: Arial;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.header h1 {
	background-color:#303030;
    background-image: linear-gradient(#5a5a5a, #303030);
    box-shadow: 0 0 10px 0 #1c1c1c;
    color: white;
    font-size: 130%;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    margin: 0;
    position: relative;
    text-align: center;
}
.header a.home {
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%;
}
.header a.home:after {
    background: url("../images/header.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 32px;
    left: 9px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 41px;
}
.header a.back {
    background: url("../images/back.png") no-repeat scroll 61% 50% rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: #232323;
    display: block;
    font-size: 11px;
    height: 100%;
    padding-right: 9.3%;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffea8b;
    top: 0;
    width: 25%;
}
.header .nav {
    background: none repeat scroll 0 0 #ececec;
    font-family: Arial;
    height: 3.25em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.header .orangeLogo {
    float: left;
    height: 1.25em;
    margin-left: 0.4em;
    margin-top: 7px;
    width: 1.25em;
}
.header .nav li {
    border-left: 1px solid #b7b7b7;
    display: block;
    float: right;
    font-family: Arial;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 16%;
}
.header .nav li:last-child {
    border-left: medium none;
    width: 18%;
}
.header .nav li.large {
    letter-spacing: -1px;
}
.header .nav li > a {
    color: #5b5b5b;
    display: block;
    font-family: Arial;
    font-size: 0.8em;
    height: 85%;
    padding: 15% 5% 0;
    text-align: center;
    text-decoration: none;
    width: 90%;
	direction: rtl;
}
.header .nav li.active {
    background-color: #d1d1d1;
    border-bottom: 1px solid #febe10;
    position: relative;
}
.header .nav li.active > a {
    color: #242424;
    font-weight: bold;
}
.header .nav li.active > i {
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-top: 0.3em solid #febe10;
    bottom: -10%;
    display: none;
    height: 0;
    position: absolute;
    width: 0;
}
footer {
    bottom: 0;
    display: block;
    height: 3.4em;
    position: fixed;
    width: 100%;
	z-index: 2147483647;
}

footer ul {
	background-color:#313131;
	background-image: linear-gradient(#5b5b5b, #313131);
    border-top: 1px solid #999999;
    direction: rtl;
    height: 3.4em;
    line-height: 28px;
    list-style: none outside none;
    overflow: hidden;
    padding: 0;
    text-align: center;
    white-space: nowrap;
}

footer li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #696969;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: inline-block;
    margin: 10px -6px 10px 0;
    width: 20%;
}
footer li:first-child {
    margin-right: 0;
}
footer li:last-child {
    border-left-width: 1px;
}
footer li.wide {
    width: 28%;
}
footer a, footer a:visited {
    color: white;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
}
footer ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}