* {margin: 0; padding: 0; /*border:1px solid red;*/}/* CssTweak - Reset */
html {direction: rtl;}
html, body {height: 100%;}
img {border: 0; font-size: 0; line-height: 0;}
fieldset {border: 0;}
a {color: #777; text-decoration: none;}
a:hover {text-decoration: underline;}
a, button, input[type='submit'], input[type='button'], input[type='image'] {outline: 0;}
table {border:0; border-collapse:collapse; border-spacing:0;}
.clear {clear:both; font-size: 0; line-height: 0;}
.left {float: left;}
.right {float: right;}   
.left, .right {display: inline} 
.no-image {background-image: none !important;}
.no-border {border: 0 !important;}

body {background: #fefefd url('../images/background.png') 0 0 repeat-x; color: #777; font: normal 1.2em Arial, Helvetica, sans-serif; margin: 0 auto; text-align: center;}
                                                                                                                                    
/* MenuImage */
.menu li a, .menu li a span {background: url('../images/menu.png') 0 0 no-repeat;}

/* Relative */
.top-bar, .slide {position: relative;}

/* Grid */
#grid {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; padding: 0 0 100px; text-align: right;}

	/* Width */
	#grid, .top-bar, .main-content, .footer .body {width: 920px}

	/* TopBar */ 
	.top-bar {height: 100px; margin: 0 0 30px;}
		
		/* Logo */
		.logo, .logo img {display: block; height: 100px; width: 120px;}
		.logo {right: -4px; position: absolute; overflow: hidden; top: 0;}
		
		/* Menu */
		.menu {bottom: 10px; height: 24px; right: 130px; position: absolute; direction: ltr;}
		.menu li {display: inline; float: right; height: 24px; list-style-type: none; margin: 0 0 0 5px; direction: rtl;}
		.menu li a {background-color: #c7d9e8; background-position: 100% 0; color: #726e6e; cursor: pointer; display: inline-block; font-size: 0.875em; height: 24px;}
		.menu li a span {background-position: 0 -24px; display: inline-block; line-height: 24px; padding: 0 10px}
		.menu li a:hover {text-decoration: none;}
		.menu li a:hover, .menu li a.current {background-color: #5d91c0; background-position: 100% -48px; color: #fff;}
		.menu li a:hover span, .menu li a.current span {background-position: 0 -72px;}
		
	/* MainContent */
	.main-content {margin: 0 0 20px;}
		
		/* Content */
		.content {width: 650px;}
		
			/* Slide */
			.slide, .slide #slideScroll, .slide #slideScroll .item {width: 598px;}
			.slide {border: 1px solid #cac9c9; height: 300px; margin: 0 0 20px; padding: 25px;}
			.slide #slideScroll {height: 290px; overflow: hidden;}
			.slide .item {background-color: #fff; display: none;}
			.slide .item img {display: inline; float: left; height: 250px; margin: 0 20px 0 0; width: 333px;}
			.slide .item h1, .slide .item .text {line-height: 1.5em; overflow: hidden; text-align: justify;}
			.slide .item h1 { font-size: 1.25em;}
			.slide .item .text {font-size: 0.875em}
			.slide .item .text p {margin: 0 0 10px;}
			.slide #navScroll {display: none;}
			.slide #navScroll a {background: url('../images/slide-arrows.png') 0 0 no-repeat; display: block; font-size: 0; height: 40px; line-height: 0; position: absolute; top: 130px; width: 40px; z-index: 999}
			.slide #navScroll #nextSlide {background-position: -40px 0; right: -17px;}
			.slide #navScroll #prevSlide {background-position: 0 0; left: -17px;}
			
			/* ContentList */
			.clfirst {margin: 0 0 0 30px}
			.content-list {margin-bottom: 20px; width: 310px;}
			.content-list h3 {border-bottom: 2px solid #c7d9e8; color: #2369a9; font-size: 1em; margin: 0 0 5px; padding: 0 0 3px}
			.content-list ul li {border-bottom: 1px solid #c7d9e8; font-size: 0.875em; line-height: 1.3em; list-style-type: none; margin: 0 0 5px; padding: 0 0 5px;}
			.content-list ul li.last {border: 0; margin: 0; padding: 0;}
			.content-list ul li img {border: 1px solid #c7d9e8; display: inline; float: right; height: 80px; margin: 0 0 0 10px; padding: 3px; width: 80px;}
			.content-list ul li h2 {font-size: 1em;}
			.content-list ul li h2 a {color: #5d91c0;}
			.content-list ul li .read-all {color: #56a8e1; float: left;}
			
			/* Video */
			.video {clear: both; width: 310px}
			.video h3 {border-bottom: 2px solid #c7d9e8; color: #2369a9; font-size: 1em; margin: 0 0 5px; padding: 0 0 3px}
			.video h2 {font-size: 0.875em;}
			.video h2 a {color: #5d91c0;}
			.video p {font-size: 0.875em; line-height: 1.3em;}
			.video #youtubePlayer {margin: 0 5px 5px}
			
			/* SocialText */
			.social-text img, .social-text iframe {display: inline-block; vertical-align: sub;}
			.social-text {font-size: 1em; line-height: 1.5em; margin: 0 0 20px; text-align: justify;}
			
			/* Header */
			.header {color: #2369a9; font-size: 1.5em; font-weight: normal; margin: 0 0 10px;}
			.header cite {color: #777; font-size: 0.625em; display: block;}
			
			/* Post */
			.post {width: 650px;}
			.post .header {margin-bottom: 5px;}
			.post .text {font-size: 0.875em; line-height: 1.5em; text-align: justify;}
			.post .text strong {display: block; font-size: 1.125em; margin: 0 0 10px;}
			.post .text p {margin: 0 0 10px;}
			.post .text .image {border: 1px solid #cac9c9; float: left; height: px; margin: 0 10px 0 0; padding: 4px; width: 300px;}
			
			/* PostList */
			.post-list, .post-list li {width: 650px;}
			.post-list li {border-bottom: 1px solid #bbbaba; list-style-type: none; margin: 0 0 10px; padding: 0 0 10px;}
			.post-list li h2 {font-size: 1em;}
			.post-list li h2 a {color: #5d91c0;}
			.post-list li img {border: 1px solid #cac9c9; display: inline; float: right; height: 110px; margin: 0 0 0 10px; padding: 3px; width: 150px;}
			.post-list li .text {font-size: 0.875em; line-height: 1.5em; overflow: hidden;}
			.post-list li .author {color: #5d91c0; display: block; font-size: 0.875em; overflow: hidden;}			
			
			/* Pagination */
			.pagination {margin-bottom: 20px; text-align: center;}
			.pagination li {display: inline; font-size: 0.8125em;}
			.pagination li a {display: inline-block; padding: 2px 3px; text-decoration:none; vertical-align: middle;}
			.pagination li a:hover, .pagination li a.current {background-color: #5d91c0; color: #fff;}
			.pagination li a.current:hover {text-decoration: underline;}
			
			/* ContactForm */
			.contact-form {background-color: #e3e3e4; border: 2px solid #d6d5d6; padding: 20px; width: 606px;}
			.contact-form h3 {margin: 0 0 10px; width: 606px;}
			.contact-form h3 strong {color: #2369a9; display: inline; float: right; font-size: 1em; line-height: 24px; }
			.contact-form h3 em.phone {background: url('../images/a_01.png') 0 0 no-repeat; display: inline; float: left; font-size: 1em; font-weight: normal; font-style: normal; line-height: 24px; padding: 0 0 0 30px;}
			.contact-form h3 em.talk {background: url('../images/a_02.png') 0 0 no-repeat; display: inline; float: left; font-size: 1em; font-weight: normal; font-style: normal; line-height: 24px; padding: 0 0 0 30px;}
			.contact-form h3 em.email {background: url('../images/a_03.png') 0 0 no-repeat; display: inline; float: left; font-size: 1em; font-weight: normal; font-style: normal; line-height: 24px; padding: 0 0 0 30px;}
			.contact-form fieldset.right {width: 265px;}
			.contact-form fieldset.left {width: 340px;}
			.contact-form fieldset.last {clear:both;}
			.contact-form p {margin: 0 0 10px;}
			.contact-form label {color: #666; cursor: pointer; display: block; font-size: 0.875em; margin: 0 0 5px;}
			.contact-form label span {float: left; font-size: 0.9375em}
			.contact-form input.field, .contact-form textarea {font: normal 0.875em Arial, Helvetica, sans-serif; padding: 2px 3px;}
			.contact-form input.field {width: 230px;}
			.contact-form textarea {height: 125px; width: 330px;}
			.contact-form .ltr {direction: ltr;}
			.contact-form fieldset.last {clear:both;}
			.contact-form fieldset.last label {display: inline; float: right;}
			.contact-form fieldset.last label input {display: inline-block; vertical-align: middle;}
			.contact-form fieldset.last .button {background: url('../images/contact-form-button.png') 0 0 no-repeat; border: 0; cursor: pointer; display: inline; float: left; font-size: 0; height: 20px; line-height: 0; overflow: hidden; text-indent: -99em; width: 56px;}
			
		/* Side */
		.side {width: 250px;}
		
			/* Box */ 
			.box {border: 1px solid #cac9c9; margin: 0 0 20px;}
		
				/* Search */
				.search input {border: 0; display: inline-block; vertical-align: middle;}
				.search .field {color: #777; font: normal 0.875em Arial, Helvetica, sans-serif; height: 20px; padding: 2px 5px; width: 214px}
				.search .button {background: url('../images/search-button.png') 50% 50% no-repeat; cursor: pointer; font-size: 0; height: 24px; line-height: 0; overflow: hidden; text-indent: -99em; width: 24px}
				
				/* MailingList */
				.mailing-list {background: url('../images/mailing-list.png') 100% 0 no-repeat; height: 180px; padding: 20px 0 0 0; background-size: cover;}
				.mailing-list p {margin: 0 auto 10px; width: 200px;}
				.mailing-list label {cursor: pointer;}
				.mailing-list label, .mailing-list .field {color: #777; display: inline-block; font: normal 0.875em Arial, Helvetica, sans-serif; vertical-align:middle;}
				.mailing-list label {width: 50px}
				.mailing-list .field {border: 1px solid #e3e2e2; padding: 2px 5px; width: 138px;}
				.mailing-list .ltr {direction: ltr;}
				.mailing-list .button {background: url('../images/mailing-list-button.png') 0 0 no-repeat; border: 0; cursor: pointer; display: block; font-size:0; height: 20px; margin: 0 150px 0 0; overflow: hidden; text-indent: -99em; width: 55px;}
		
				/* Tags */
				.tags {line-height: 1.5em; padding: 5px; text-align: justify; width: 238px}
				.tags .small {font-size: 0.875em}
				.tags .normal {font-size: 1em}
				.tags .big {font-size: 1.125em}
				.tags .large {font-size: 1.25em}
				.tags .huge {font-size: 1.5em}
			    
/* Footer */
.footer {background: url('../images/footer.png') 0 0 repeat-x; border-top: 1px solid #d8dad7; margin: -100px 0 0 0; width: 100%;}
.footer .body {margin: 0 auto; padding: 25px 0 0; text-align: right;}

	/**/
	.fcontact, .social {display: inline; float: left; width: 250px}
	.links h4, .fcontact h4, .social h4 {border-bottom: 2px solid #d8e3ec; color: #4681b7; font-size: 0.875em; margin: 0 0 10px; padding: 0 0 5px;}	

		/* Links */
		.links, .links ul {width: 650px}
		.links {display: inline; float: right; min-height: 180px; height: auto !important; height: 180px}
		.links ul li {background: url('../images/bulletin.png') 100% 2px no-repeat; display: inline; float: right; font-size: 0.75em; list-style-type: none; margin: 0 0 5px 0; padding: 0 15px 0 10px; width: 191px;}
		.links ul li a {color: #5d91c0; font-weight: bold;}
		.links ul li a:hover {text-decoration: underline;}
		
		/* fContact */ 
		.fcontact {margin: 0 0 10px;}
		.fcontact .text {font-size: 0.75em; line-height: 1.5em; text-align: justify;}
		.fcontact .text a {font-weight: bold; text-decoration: underline;}
		.fcontact .text a:hover {text-decoration: none;} 				
		
		/* Social */
		.social a {display: inline-block; font-size: 0; height: 32px line-height: 0; padding: 0 0 0 10px; width: 32px;}
	
	/* Copy */
	.copy {clear: both; font-size: 0.6875em; padding: 15px 0; text-align: center;}
	
/* z-index property list 
	*because of stupid IEBUG */
.top-bar {z-index: 990}
.slide {z-index: 980}