/* animationkey.com - rtl Info: Hand-Coded line by line CSS file, Don't steal my style, your soul will burn in hell. Author: Shaho Toofani (www.toofani.net) Tested in: Windows: IE6, IE7, IE8, Firefox 3.6.12, Safari 4, Opera 10.60, Chrome 8.0.552.23 Mac : Safari 3, Firefox 3.6.12, Opera 10.10 Last modified: November 17, 2010 Revision 04 - Start 960 - Dev. Ver. -------------------------------------------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}table tr td{vertical-align:top}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}textarea{overflow:auto} body{font-family:Tahoma,Geneva,sans-serif;font-size:62.5%;font-weight:normal;line-height:1.6em;color:#1d1d20}h1,h2,h3,h4,h5,h6{font-weight:bold; font-family:Helvetica,"Times New Roman",Times,serif;line-height:1.2em;margin:0;padding:0.4em 0 0.2em 0}h1{font-size:2.5em}h2{font-size:2.3em}h3{font-size:2.1em}h4{font-size:1.8em}h5{font-size:1.6em}h6{font-size:1.4em}p,ul,ol{font-size:1.2em;line-height:1.6em;margin:0 0 9px 0}a{color:#007bd6;text-decoration:none}a:hover{color:#52a4e0}em{font-style:italic}small{font-size:80%}strong{font-weight:bold}.common-form{text-align:right;margin:2px 10px 0 10px;font-size:1.2em}.common-form fieldset{border:none;padding:15px 0 1px 0;-webkit-border-radius:6px;-moz-border-radius:10px}.common-form legend{padding:0 0 1.286em;font-size:1.167em;font-weight:700}.common-form fieldset fieldset legend{padding:0 0 1.5em;font-size:1em}.common-form * html legend{margin-left:-7px}.common-form *+html legend{margin-left:-7px}.common-form .field,.common-form .buttons{clear:both;margin:0 0 1.5em}.common-form .field label{display:block;text-shadow:1px 1px #fff}.common-form ul.fields{margin:0 0 1.5em;padding:0}.common-form ul.fields li{list-style-type:none;margin:0}.common-form ul.inline li,form ul.inline label{display:inline}.common-form ul.inline li{padding:0 .75em 0 0}.common-form input.radio,.common-form input.checkbox{vertical-align:top}.common-form label,.common-form button,.common-form input.submit,.common-form input.image{cursor:pointer}.common-form * html input.radio,.common-form * html input.checkbox{vertical-align:middle}.common-form *+html input.radio,.common-form *+html input.checkbox{vertical-align:middle}.common-form textarea{overflow:auto}.common-form input.text,.common-form input.password,.common-form textarea,.common-form select{margin:0;vertical-align:baseline;border:1px solid #dcdddf;padding:4px 2px;-moz-border-radius:3px;-webkit-border-radius:3px}.common-form textarea{vertical-align:top; resize:none}.common-form input.text,.common-form input.password,.common-form textarea,.common-form select{width:250px}.common-form select{width:260px}.horizontal .field{padding-right:120px;color:#727f6c !important}.horizontal .field label{display:inline;float:right;text-align:left;width:140px;margin-top:4px;margin-right:-150px}.horizontal .field select{margin:0;vertical-align:baseline;border:1px solid #dcdddf;padding:4px 2px;font:1em Tahoma,Geneva,sans-serif;color:#727f6c !important}.horizontal .field input{color:#1d1d20 !important}.horizontal input:hover,.horizontal textarea:hover{border-color:#aacfe4}.horizontal input:focus,.horizontal textarea:focus{border-color:#aacfe4;background-color:#eef4f6}.horizontal input.text,.horizontal input.password,.horizontal textarea,.horizontal select{text-indent:2px}.horizontal .field div.field-des{color:#727f6c;margin-top:4px;width:200px}.horizontal .button{border:0;margin-right:120px;color:#fff;padding:1px 6px;cursor:pointer;background-color:#f93;border:1px solid #cf4718;font-size:110%;font-weight:bold;font-family:"Dinar",Helvetica,"Times New Roman",Times,serif;-moz-border-radius:3px;-webkit-border-radius:3px}.horizontal .button:hover{color:#f93;background-color:#fff;border:1px solid #cf4718}input[type="submit"][disabled]{background-color:#888;cursor:default;outline:none !important}@font-face{ font-family:'Dinar'; src:url('../font/Dinar.eot');src:local('☺'),url('../font/Dinar.ttf') format('truetype')}html{height:100%}* html body *{overflow:visible}body{color:#1d1d20;background:#e3e1db}a,a:visited,a:active{padding-bottom:4px;color:#09c;text-decoration:none;outline:none;-webkit-transition:color .3s linear}a:hover{color:#C90;text-decoration:none}hr,.hide{height:0;left:-1000em;overflow:hidden;position:absolute;width:0;visibility:hidden}acronym{cursor:help;border-bottom:1px dotted #777}kbd{position:relative;color:#666}h1,h2,h3,h4,h5,h6,h3.accordionDescHeader{color:#3e7dbd;text-align:right;direction:rtl}h1,h2,h3,h3.accordionDescHeader{font-family:"Dinar",Arial,Helvetica,sans-serif}p{color:#666;padding:5px;text-align:right;direction:rtl}input{vertical-align:middle}.clear{clear:both}.clearfix{display:inline-block}.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}body#home{background:#e3e1db url(../img/body-bg.gif) repeat-x scroll}#home #wrapper{width:1002px}#home #header{display:block;position:relative;margin:0 auto;width:960px;height:152px;background:url(../img/top-frame.png) no-repeat bottom}#home #intro{width:1002px;display:block;padding:21px 0 25px 0;background:url(../img/content-bg.gif) repeat-y 21px 0}#home #intro #introbg{width:1002px;height:175px;display:block;position:relative;background:url(../img/home-intro-bg-no-trans.png) no-repeat}#home #intro #introbg #lounge{width:256;height:256px;position:absolute;right:50px;top:2px;background:url(../img/lounge.png) no-repeat 650px 2px}#home #intro #introbg h1{padding:0.7em 0 0.2em 0;color:#232323;font-size:2.0em;text-shadow:1px 1px #9f9c2b}#home #intro #introbg p{padding:10px 30px 5px 40px;color:#474444;text-shadow:1px 1px #f8f59b;text-indent:12px}#home #intro #introbg .float-right{ margin:5px 55px 10px 20px}#wrapper{width:1002px}#header{display:block;position:relative;margin:0 auto;width:960px;height:152px;background:url(../img/top-frame.png) no-repeat bottom}#intro{width:1002px;display:block;padding:21px 0 25px 0;background:url(../img/content-bg-3.gif) repeat-y 21px 0}#intro #introbg{width:1002px;height:175px;display:block;position:relative;background:url(../img/home-intro-bg-no-trans.png) no-repeat}#intro #introbg #lounge{width:256;height:256px;position:absolute;right:50px;top:2px;background:url(../img/lounge.png) no-repeat 650px 2px}#intro #introbg h1{padding:0.4em 0 0 0;color:#232323;font-size:2.0em;text-shadow:1px 1px #9f9c2b}#intro #introbg p{padding:7px 30px 5px 40px;color:#474444;text-shadow:1px 1px #f8f59b;text-indent:12px}#intro #introbg .float-right{ margin:5px 55px 10px 20px}#accordionContainer{display:block;margin:0 auto; width:960px; height:300px; overflow:hidden; background-color:#000; position:relative}.asyncImgLoadAccordion{clear:none}.accordionImgDiv{ width:760px; height:300px; position:absolute; border-left:1px solid #222; margin-left:0; background-color:#000; cursor:pointer; overflow:hidden}.accordionImgDiv .slideStrip{ position:absolute; width:90px; height:300px; left:0; top:0; overflow:hidden; background-image:url(../img/loading.gif); background-repeat:no-repeat; background-position:100% 50%; background-color:transparent}.accordionImgDiv .slideDesc{position:absolute;left:15px;bottom:15px;font:normal 12px/17px Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif;color:#eee;text-shadow:1px 1px #000}.accordionSlideImage{ border-left:0 solid #AAA; width:760px; height:300px; display:block; background-repeat:no-repeat; background-position:50% 50%}.accordionDescBack{ bottom:-70px; margin-left:0; margin-top:0; position:absolute; left:0; width:760px; height:70px; opacity:0.0; filter:alpha(opacity=0); background-color:#000; border-top:1px solid #111}.accordionDesc{ font-weight:normal; font-family:Tahoma; font-size:10px; padding-top:0; padding-left:10px; text-align:left; color:#ddd; bottom:-70px; margin-left:0; margin-top:0; position:absolute; left:0; width:760px; height:70px; opacity:0.0; filter:alpha(opacity=0); background:none; border:0px solid red;direction:rtl;text-align:right}.accordionDesc p{margin-right:100px}.accordionDescHeader{ margin-top:1px;margin-right:100px; position:static}#wrapper{margin:0 auto}h1{text-shadow:1px 1px #fff}#header #logo{position:absolute;right:3px;top:36px;background:transparent url(../img/animationkey-logo.png) no-repeat top left}#header #logo a{display:block;width:241px;height:75px;outline:none;text-indent:-9999px}#nav{position:absolute;left:0;top:50px}#nav ul{width:636px;height:44px}#nav ul li{display:inline}#nav ul li a,#nav ul li a:visited{position:absolute;top:0;height:40px;text-indent:-9999px;overflow:hidden}#nav ul,#nav ul li.contact a,#nav ul li.jobs a,#nav ul li.awards a,#nav ul li.stuffs a,#nav ul li.projects a,#nav ul li.services a,#nav ul li.about a,#nav ul li.home a{background:url(../img/nav-sprite-01.png) no-repeat}#nav ul li.contact a,#nav ul li.contact a:visited{left:0;width:77px}#nav ul li.contact a:hover{background-position:0 -44px}#nav ul li.jobs a,#nav ul li.jobs a:visited{left:88px;width:78px;background-position:-88px 0}#nav ul li.jobs a:hover{background-position:-88px -44px}#nav ul li.awards a,#nav ul li.awards a:visited{left:172px;width:78px;background-position:-172px 0}#nav ul li.awards a:hover{background-position:-172px -44px}#nav ul li.stuffs a,#nav ul li.stuffs a:visited{left:257px;width:71px;background-position:-257px 0}#nav ul li.stuffs a:hover{background-position:-257px -44px}#nav ul li.projects a,#nav ul li.projects a:visited{left:335px;width:77px;background-position:-335px 0}#nav ul li.projects a:hover{background-position:-335px -44px}#nav ul li.services a,#nav ul li.services a:visited{left:418px;width:67px;background-position:-418px 0}#nav ul li.services a:hover{background-position:-418px -44px}#nav ul li.about a,#nav ul li.about a:visited{left:492px;width:86px;background-position:-492px 0}#nav ul li.about a:hover{background-position:-492px -44px}#nav ul li.home a,#nav ul li.home a:visited{left:584px;width:48px;background-position:-584px 0}#nav ul li.home a:hover{background-position:-584px -44px}.inner{width:920px;display:block;margin:0 auto;text-align:right;direction:rtl}.content{display:inline;float:right;margin:5px 30px 0 0;width:660px}.tak .content{display:inline;float:right;margin:5px 20px 0 0;width:860px}.content h1{margin-bottom:15px}.sidebar{display:inline;float:right;margin:10px 5px 0 0;width:215px;color:#666}.photowrapper{ width:265px; height:auto; float:left; margin:5px 16px 20px 0; position:relative}.photowrapper img{border:1px solid #666}.photowrapper img:hover{opacity:0.8}.content-bottom{width:960px;height:3px;margin:0 auto;display:block;background:url(../img/bottom-frame.png) no-repeat}.lower-frame{width:960px;height:11px;margin:0 auto;display:block;background:url(../img/lower-frame.png) no-repeat}.project-wrapper{ width:225px; height:auto; float:left; margin:0 42px 20px 18px; position:relative}.photo{ position:relative; overflow:hidden; border:5px solid #fff; width:215px; height:120px; top:0; text-align:left; cursor:help}.photo .heading,.photo .imagecaption{position:absolute;background:#000;height:40px;width:215px;opacity:0.9}.photo .heading{top:-50px;font-size:13px; opacity:0.5}.photo .imagecaption{ bottom:-50px; left:0}.photo .heading span{color:#fff;top:-50px;display:block;padding:10px 0 0 10px;text-shadow:1px 1px #000}.photo .imagecaption span{color:#999;font-size:11px;display:block;padding:13px 32px 0 10px;float:left}.photocaption{ width:203px; height:auto; color:#777; padding:10px; position:relative; bottom:0; border-top:0;direction:rtl}.latest{ width:60px; height:60px; position:absolute; top:-2px; right:-1px; background:url(../img/latest.png) no-repeat; z-index:100}.featured{ width:60px; height:60px; position:absolute; top:-2px; right:-1px; background:url(../img/featured.png) no-repeat; z-index:100}.mini{ width:15px; height:13px; float:left; font:11px "Dinar"; margin-top:9px;margin-left:16px; text-align:center}.mini a{ width:15px !important; height:13px !important; padding:1px 3px 3px 3px; display:block; background-color:#000; border:1px solid #222; color:#fff}.mini a:hover{ background-color:#e8e8e8; border:1px solid #fff; color:#000;text-shadow:1px 1px #fff}#footer{display:block;margin:0 auto;width:960px}#footer p{font:1.1em Georgia,"Times New Roman",Times,serif;direction:ltr;padding:0;text-shadow:1px 1px #fff;text-align:center;padding-top:7px}#footer p small{color:#adadad}.numerical{background:url(../img/some-bg.png) no-repeat 0 0}.numerical li{margin:5px;margin-bottom:15px;line-height:20px;text-indent:24px;background:url(../img/ol-numerical.png) no-repeat 100% 0}ol li.li1{background-position:100% 0}ol li.li2{background-position:100% -20px}ol li.li3{background-position:100% -40px}ol li.li4{background-position:100% -60px}ol li.li5{background-position:100% -80px}ol li.li6{background-position:100% -100px}ol li.li7{background-position:100% -120px}ol li.li8{background-position:100% -140px}ol li.li9{background-position:100% -160px}ol li.li10{background-position:100% -180px}ol li.li11{background-position:100% -200px}#message{margin:10px 0;padding:0}.error-message{display:block;line-height:22px;margin:5px 40px 5px 275px;background:#FBE3E4 url(../img/error.png) no-repeat 98% 12px;padding:3px 35px 3px 10px;color:#8a1f11;border:1px solid #FBC2C4;-moz-border-radius:5px;-webkit-border-radius:5px}ul.error-messages{margin:0 15px 0 0;padding:0}ul.error-messages li{height:22px;line-height:22px;color:#333;text-indent:10px;background:url(../img/icon-bullet-yellow.gif) no-repeat right 12px}#success-page h4{background:url(../img/success.gif) no-repeat 100% 8px;padding-right:22px;text-indent:3px}.shadow{text-shadow:1px 1px #fff}.over{background-color:#fdfded;cursor:pointer}.float-right{float:right; margin:5px 0px 10px 10px}.float-left{float:left; margin:5px 0px 10px 10px}img.float-right{float:right; margin:5px 0 5px 15px}img.float-left{float:left; margin:5px 15px 5px 0}.en{text-align:left;direction:ltr}.loader{line-height:5px;vertical-align:middle;padding:5px 10px}