/* Getting the new tags to behave */
@font-face {  font-family: "YekanFont";  src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6�8 */
	url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('fonts/BYekan.ttf') format('truetype');  /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties */
body {background:url(../../images/bg.jpg) repeat;border:0;font:14px Tahoma, Arial, Helvetica, sans-serif;color:#363636;line-height:20px; direction:rtl;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:900px}
body, html {height:100%}
.body1 {background:url(../../images/bg_top.jpg) top repeat-x;height:100%;min-height:730px}
.body2 {background:url(../../images/bg_img.jpg) top center no-repeat;height:100%;min-height:730px}
/*  main layout  */
a {text-decoration:none; color:#AE053D}
a:hover {color:#AE053D;text-decoration:underline;outline:none; text-shadow:1px 0 0 #808080;}

h1 {float:left;padding:42px 0 0 64px}
p {padding-bottom:15px}
/*  header  */
header {height:212px;width:100%;overflow:hidden}
#logo {display:block;background:url(../../images/logo.png) no-repeat;width:344px;height:73px;text-indent:-9999px}
#informations {clear:both; width:100%; margin-right:30%; margin-top:2px; text-align:justify; color:#707070; font-size:9pt; line-height:2em;}
#informations span {text-align:right; color:#ccc; margin-left:15px;}
#informations img {margin-right:35px; margin-top:3px;}
#informations img:hover {opacity:.6;}

#menu {}
#menu li {}
#menu li a{}
#menu li a:hover, #menu #menu_active a {}
/*  content  */
#content {height:372px;width:100%;overflow:hidden;background:#fff;position:relative}
#content2 {width:100%;overflow:hidden;background:#fff;position:relative}
.cont_top_left, .cont_top_right, .cont_bot_left, .cont_bot_right {display:block;width:20px;height:20px;position:absolute;z-index:11}
.cont_top_left {top:0;left:0;background:url(../../images/content_top_left.gif) top left no-repeat}
.cont_top_right {top:0;right:0;background:url(../../images/content_top_right.gif) top right no-repeat}
.cont_bot_left {bottom:0;left:0;background:url(../../images/content_bot_left.gif) bottom left no-repeat}
.cont_bot_right {bottom:0;right:0;background:url(../../images/content_bot_right.gif) bottom right no-repeat}
.inner {padding:3px;position:relative;z-index:10}
.kwiks_wrap {height:366px}
.kwicks{list-style:none;margin:0;	overflow:hidden;width:100% !important;	height:366px;position:relative}
.kwicks > li {width:176px;height:366px;float:left;overflow:hidden;padding:0;cursor:pointer;background:url(../../images/bg_content_right.jpg) top right no-repeat;position:relative;cursor:auto}
.text {float:left;width:60px;height:366px;text-indent:-9999px;cursor:pointer}
#page_1 .text {background:url(../../images/fa_page1.png) 0 0 no-repeat}
#page_2 .text {background:url(../../images/fa_page2.png) 0 0 no-repeat}
#page_3 .text {background:url(../../images/fa_page3.png) 0 0 no-repeat}
#page_4 .text {background:url(../../images/fa_page4.png) 0 0 no-repeat}
#page_5 .text {background:url(../../images/fa_page5.png) 0 0 no-repeat}
#page_1.active .text, #page_1:hover .text {background:url(../../images/page1fa_active.png) 0 0 no-repeat}
#page_2.active .text, #page_2:hover .text {background:url(../../images/page2fa_active.png) 0 0 no-repeat}
#page_3.active .text, #page_3:hover .text {background:url(../../images/page3fa_active.png) 0 0 no-repeat}
#page_4.active .text, #page_4:hover .text {background:url(../../images/page4fa_active.png) 0 0 no-repeat}
#page_5.active .text, #page_5:hover .text {background:url(../../images/page5fa_active.png) 0 0 no-repeat}
.page1images {border: 1px solid #bbb; padding:1px; border-radius:4px;}
.page1images:hover{border:1px solid red; opacity:.8}
.pageimages {border: 1px solid #ccc; padding:2px; border-radius:6px;}
.cont {position:absolute;left:85px;top:32px;width:530px;height:320px;overflow:hidden}
.marg_right1 {margin-right:20px}
.marg_right2 {margin-right:10px}
.pad_top1 {padding-top:5px;}
h1,h2,h3,h4,h5,h6{font-family:"YekanFont";margin-bottom:10px;}
h2{font-size:15pt;}
h2 strong{color:#EB0843}
h6{font-size:9pt;}
#page_1 p,.pad_top3{padding-top:0; text-align:justify; font-family:"YekanFont"; font-size:15px; text-shadow:1px 0 2px #ccc; font-weight:bold; line-height:1.4em}
#page_2 p, #page_3 p {padding-top:0; text-align:justify; font-family:"YekanFont"; font-size:13px;font-weight:bold; line-height:1.4em}
#page_1 p strong, #page_2 p strong , #page_3 p strong {font-size:18px; text-shadow: 1px 0 3px #aaa; font-weight:bold}
.marg_top1 {margin-top:-5px}
.pad_left1 {padding-left:24px}
.pad_bot1 {padding-bottom:10px}
.pad_bot2 {padding-bottom:22px}
#page_2 img {height:80px; border-radius:5px; border:1px solid #ccc; padding:1px}
#page_3 img:hover,#page_2 img:hover {opacity:.7}
.page_item,.menu_item {font-family:"YekanFont"; font-size:15px; padding:0 10px; font-weight:bold}
.menu_item {width:840px; margin:0 auto;font-size:16px; line-height:2.5em; border-bottom:3px solid #c0c0c0; }
.menu_item:hover {background-color:#f0f0f0}
.menu_item span {border-left:1px solid #dadada; padding:0 15px;}
.menu_item span:hover{background-color:#f5f5f5}
.menu_item span a.home {color:#ff5b9d}
.menu_item span.last {border:none; padding:0; padding-right:17px}
.page_item {padding-top:10px; padding-bottom:18px}
.aboutInfo {width:190px; position: absolute;font-family:"YekanFont"; text-align:center; font-weight:bold; font-size:12px}
.text_helper {margin-top:15px; margin-bottom:-10px; text-shadow:0 1px 3px #888; font-size:16px;}
.text_helper a {color:#000}
.text_helper a:hover{text-decoration:none; color:#000}
.text_helper span {cursor:pointer; color:#EB0843}
.text_helper span:hover {text-decoration:underline}
.color1 {color:#EB0843}
.link1 { font-size:12pt; font-family:"YekanFont", Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;color:#EB0843;text-decoration:underline;}
.link1:hover {text-decoration:none; color:#404040;}
.link2 {font-weight:bold;color:#EB0843;text-decoration:none; text-align:left !important}
.link2:hover {text-decoration:underline;}
.link3{text-decoration:none; color:#AE053D}
.link3:hover {color:#AE053D; text-shadow:1px 0 0 #808080;}
/*  footer  */
footer {font-size:12px;color:#fff;text-align:center;padding:0 0 0 0; font-weight:normal}
footer a {color:#EB0843; text-decoration:none}
#icons {padding:28px 0 25px 0;display:inline-block}
* +html #icons {display:inline}
#icons li {float:left;padding-right:2px}
#icons li:hover {opacity:.75;}
/* Tooltips */
.aToolTip {	border:1px solid #000;background:url(../../images/opacity_50_black.png) repeat;color:#fff;	margin:0;padding:2px 10px;font-size:11px;	}
.aToolTip .aToolTipContent {position:relative;	margin:0;padding:0}
/*  forms  */
#ContactForm {width:520px;padding-top:3px}
#ContactForm .rtl_from {padding:0; text-align:right; direction: rtl; font-family:"YekanFont"; font-weight:bold; }
#ContactForm .rtl_from p {font-size:14px;}
#ContactForm a.links,a.links1 {float:right; margin-right:100px; padding:2px }
#ContactForm a.links1 {margin-right:40px; }
#ContactForm .bg {border:1px solid #cccccc;float:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#ContactForm .bg div {background:url(../../images/bg_input.gif) bottom repeat-x #fff;border:1px solid #fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#ContactForm .textarea_box .bg div {background:url(../../images/bg_textarea.gif) bottom repeat-x #fff}
#ContactForm span {float:left;width:107px;line-height:24px}
#ContactForm .wrapper {height:30px}
#ContactForm .textarea_box {height:120px;padding-bottom:5px}
#ContactForm .input {width:390px;height:16px;background:none;padding:2px 5px;color:#363636;font:13px Tahoma, Helvetica, sans-serif}
#ContactForm textarea {margin:0;width:420px;height:100px;background:none;padding:2px 5px;color:#363636;font:12px Tahoma, Helvetica, sans-serif; resize:none}
.email,.telegram {direction:ltr; font-family:tahoma; font-size:9pt; width:200px}
.email {float:left; text-align:left; margin-bottom:15px}
.email span {background:url(../../images/email.png)no-repeat 2px;padding-left:23px; }
.telegram {float:right; text-align:left }
.telegram span {background:url(../../images/telegram.png)no-repeat 3px; padding-left: 24px; text-align:left }
.telegram span.yahoo {background:url(../../images/yahoo.png)no-repeat 4px; padding-left: 25px; text-align:left}
.email span.phone {background:url(../../images/phone.png)no-repeat 4px; padding-left: 25px; text-align:left}
#headlines {position:absolute; top:130px; left:50%; margin-left:185px; text-align:center; color:#E1E1E1; text-shadow:1px 1px 0 #707070; font:8.5pt Tahoma; font-weight:bold; cursor:default; padding:0;}
#headlines p{font-family:"YekanFont",Tahoma; margin:0; padding:0; line-height:1.6em;font-size:11pt}
#headlines p.petro{font-family:"YekanFont"}
#headlines p span{font-size:14pt;}
#headlines p span a{color:yellow; text-decoration:none}
#headlines p span a:hover{color:#0fca63; text-decoration:underline}
.itemer{direction:ltr !important; text-align:left !important}
.itemer:hover{background:#f0f0f0}
.itemer img:hover{opacity:.9; border:1px solid red}