﻿* {margin:0;padding:0;list-style:none;border:0;text-decoration:none;font-family:arial;outline:none} img,iframe {max-width:100%}
::selection {background:#444;color:#fff} ::-moz-selection {background:#444;color:#fff}
.clearfix:before,.clearfix:after {content:" ";display: table}.clearfix:after {clear:both}.clearfix {*zoom: 1}
a {transition: all .2s linear;-o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear}
	html {font-size:16px}
	body {direction:rtl;cursor:default;font-size:62.5%;background:url('img/body.jpg') #000 no-repeat center top}
		section {width:960px;margin:auto;position:relative}
		header {height:120px;border-top:4px #1485f7 solid}
			.logo {position:absolute;top:35px;right:10px}
			.phone {position:absolute;left:10px;top:50px}
		nav {background:url('img/nav.jpg') center top;height:48px}
			.social {position:absolute;left:10px;top:10px}
				.social a {display:inline-block;width:24px;text-align:center;background:#e7e7e7;float:left;height:20px;border-radius:50%;margin:0 5px 0 0;padding:4px 0 0 0;box-shadow:0 0 4px #000}
				.social a:hover {background:#fff;box-shadow:0 0 4px #fff}
			.shop {position:absolute;display:block;background:url('img/shop.png') #0794fc no-repeat right 6px;top:10px;right:730px;border-radius:3px;padding:3px 30px 5px 10px;color:#fff;font-size:1.4em}
			.shop:hover {background-color:#8800c8}
		.teaser {background:url('img/teaser.jpg') center top;height:300px;overflow:hidden}
			.servers {position:absolute;top:-420px;right:0;z-index:4}
			.reflection {position:absolute;top:450px;right:0;z-index:4}
			.teaser-text {position:absolute;top:-450px;right:330px;z-index:3}
			#menu {position:relative;z-index:500}
			#menu li {position:relative;display:inline;float:right}
			#menu li a {display:block;color:#a3a3a3;padding:0 15px;line-height:48px;font-size:1.4em}
			* html #menu li a {display: inline-block}
			#menu li a:hover, #menu li a.active, #menu li a.current {color:#fff;text-shadow:0 0 3px #fff}
			#menu li ul {position:absolute;right:0;display:block;visibility:hidden}
			#menu li ul li {display:list-item;float:none}
			#menu li ul li ul {top:0;right:160px}
			#menu li ul li a {font-size:13px;width:140px;padding:5px 10px;margin:0;border-top:1px solid #52585c;line-height:normal;background:#3e4347;color:#fff}
			#menu li ul li:first-child a {border-top:none}
			#menu li ul li a:hover {background:#2e3134}
			.downarrowclass {position:absolute;top:23px;left:15px}
			.rightarrowclass {position:absolute;top:6px;left:5px}
		.bd {}
			.structure {float:right;width:640px}
				.homeicons {margin:20px 0 0 0}
					.homeicons a {display:block;background:url('img/homeicons/a.png');width:140px;height:140px;border-radius:6px;float:right;margin:0 20px 0 0;text-align:center;position:relative}
					.homeicons a span {display:block;color:#222;border-bottom:1px #ccc solid;font-size:1.5em;font-weight:bold;padding:5px}
					.homeicons a img.icon {margin:15px auto 0 auto;width:80px;height:80px;z-index:4;position:relative}
					.homeicons a img.shadow {position:absolute;bottom:5px;right:50%;margin-right:-34px;z-index:3}
				#sidea {clear:both}
				#sideb {float:right;width:320px}
				#sidec {float:left;width:320px}a
				#sided {clear:both}
				
				.bd h1 {color:#fff;font-size:4em;letter-spacing:-1px;font-weight:normal;margin:20px;padding:0 0 10px 0;border-bottom:1px #404040 solid}
				.bd h2 {color:#ccc;font-size:2.5em;letter-spacing:-1px;font-weight:normal;margin:20px}
				.bd h3 {color:#666;font-size:2em;margin:20px}
				.bd ul {margin:20px}
					.bd ul li {color:#d2d2d2;font-size:1.4em;padding:0 20px 10px 0;background:url('img/li.png') no-repeat right 5px}
					.bd ul li a {color:#fff;text-decoration:underline}
					.bd ul li a:hover {text-shadow:0 0 4px #fff}
				.bd p {color:#d2d2d2;font-size:1.4em;margin:20px}
				.bd p a {color:#fff;text-decoration:underline}
				.bd p a:hover {text-shadow:0 0 4px #fff}
				
				.bread {margin:10px 20px;font-size:1.4em}
					.bread a {display:inline-block;color:#666;float:right;background:#222;padding:3px 6px;border:1px #333 solid;border-radius:3px;margin:0 0 0 3px}
					.bread a:hover {color:#ccc}
					.bread span {color:#666;line-height:25px;margin:0 5px}
				
			aside {float:left;width:320px}
				.bid {width:300px;margin:20px 20px 0 0}
				.bid iframe {height:180px}
				#servicemenu {background:#111;margin:20px;border-radius:6px 6px 0 0;font-size:1.4em}
					#servicemenu b {display:block;background:#333;color:#fff;font-weight:normal;padding:5px 10px;border-radius:5px 5px 0 0}
					#servicemenu a {display:block;color:#fff;padding:5px 10px}
					#servicemenu a:hover,#servicemenu a.active {background:#0794fc}
					
					.BlogPage a {display:block;font-size:1.6em;padding:20px;color:#444;background:url('img/article.png') #ccc no-repeat left center;border:1px #ccc solid;border-radius:5px;margin:5px 20px;text-shadow:1px 1px 1px #fff}
					.BlogPage a:hover {background-color:#fff;border:1px #fff solid;box-shadow:0 0 3px #fff}
					
				.letter {}
		footer {clear:both}
			footer section {min-height:100px}

.fancybox-wrap {position:absolute;top:0;left:0;z-index:8020;direction:ltr}
.fancybox-skin {position:relative;background:#f9f9f9;color:#444;text-shadow:none;border-radius:4px}
.fancybox-opened {z-index:8030}
.fancybox-opened .fancybox-skin {box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner {position:relative}
.fancybox-inner {overflow:hidden}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch}
.fancybox-error {color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
.fancybox-image,.fancybox-iframe {display:block;width:100%;height:100%}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {background-image:url(img/fancybox_sprite.png)}
#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}
#fancybox-loading div {width:44px;height:44px;background:url('img/fancybox_loading.gif') center center no-repeat}
.fancybox-close {position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(img/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span {position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
.fancybox-prev span {left:10px;background-position:0 -36px}
.fancybox-next span {right:10px;background-position:0 -72px}
.fancybox-nav:hover span {visibility:visible}
.fancybox-tmp {position:absolute;top:-9999px;left:-9999px;visibility:hidden}
.fancybox-lock {overflow:hidden}
.fancybox-overlay {position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(img/fancybox_overlay.png)}
.fancybox-overlay-fixed {position:fixed;bottom:0;right:0}
.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll}
.fancybox-title {visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}
.fancybox-opened .fancybox-title {visibility:visible}
.fancybox-title-float-wrap {position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap {position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap {padding-top:10px}
.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}      

.clearfix:before,.clearfix:after {content:" ";display: table}.clearfix:after {clear:both}.clearfix {*zoom: 1}
.credits {margin: 10px 0;}
	.credits a {display:block;width:400px;height:auto;margin:15px 0;padding:5px 10px 5px 20px;background:rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);font-size:12px;text-decoration:none;color:#575757;}
	.credits p {margin:0;}
	.credits a img{height:45px;width:45px;float:right;margin:0 0 0 10px;}