/* NORMALIZATION *v*********************
	****************************************/
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;	padding: 0;	border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline; }
	/* HTML5 display-role reset for older browsers */
	* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	 -moz-box-sizing: border-box; /* Firefox, other Gecko */
	 box-sizing: border-box; /* Opera/IE 8+ */
	 }
	 /* makes padding not expand object's size */
	body { line-height: 1; direction: rtl; font-family: 'Open Sans Hebrew';}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 	display: block; }
	html { }
	.clearbox { clear: both; }
	ol, ul { list-style: none; counter-reset: item;}
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: '';	content: none; }
	strong, b { font-weight: bold; }
	em, i { font-style: italic; }
	table { border-collapse: collapse; border-spacing: 0; }
	.item-separator { margin: 10px 0; } /* links vertical separator */
	.clearbox{clear: both;}
	/* CUSTOM STYLING *v********************
	****************************************/
	/* page */
	body { color: #263d4f; font-size: 14px;  }
		body a:hover {color:#c7c6ce; transition:.5s;}
	 /* normalizes the major blocks to wrapper width */
	h1, h2, h3, h4 { color:#263d4f;}
	p { color:#263d4f;}
	a, a:link, a:visited { color: #8dbacf; text-decoration: none;  transition: color .3s; }
	a:hover, a:active { color: #fff; transition: color .3s; }
	.wrapper {width:1030px; margin:0 auto; position:relative; background:url('../images/mainbg.jpg') no-repeat top center; max-width:100%;}
	.right {float:right;}
	.left {float:left;}
		.header {text-align:center; padding-top:30px;}
			.header h1 {color:#e3e2e1; font-size:60px; font-weight:bold; }
			.header a {color:#2f5cbf; text-shadow:0 2px 13px #fff; font-size:60px; font-weight:bold; }
		.main {max-width:495px; margin-right:25px; line-height:1.7em;}
			.bottomSection strong {color:#234a9e; font-size:24px; font-weight:bold; margin-top:30px; display:inline-block; }
			.bottomSection strong a {color:inherit; font-size:24px; font-weight:bold; display:inline-block;}
			.main h2 {color:#c90e08; font-size:28px; font-weight:bold; margin:26px 0 15px;}
			.main p {color:#221a1a; font-size:18px; line-height:1.7em; }
			.main strong {color:#234a9e; font-size:24px; font-weight:bold; margin-top:30px; display:block; }
				.main strong a {color:inherit; font-size:24px; font-weight:bold; display:block;}
			
		footer {background-color:#244a9e; color:#e3e2e1; font-size:24px; text-align:center; padding:20px 0; margin-top:49px;}
			
	#contact input, #contact textarea { color: #605f5f; border: 1px solid #ccc; text-shadow: none; width: 100%; max-width:210px; padding-bottom: 0px; padding-left: 0px; padding-right: 10px; margin: 4px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.3);}
		#contact input { height: 32px;}
		#contact textarea { height: 65px;}
	#contact #button {color:#000; height: 32px; width:100%; max-width:210px; background: url(../images/send.png) no-repeat center top; background-size: 100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition: all .3s; cursor: pointer;}
		#contact #button:hover {background-position:center bottom;}

	/* responsive STYLING *********************
	****************************************/
	@media all and (max-width: 980px) {
		
	}
	@media all and (max-width:767px) {		
		.header {background:#c90e08;  border-radius:50%; padding: 105px 66px 66px; margin-top: -86px;}
		body {background-color:#bfbbc1}
		.main {background:rgba(191,187,193,0.7); padding:10px;}
	}
		@media all and (max-width:495px) {
			.wrapper {background:url('../images/mainbg.jpg') no-repeat top -123px center}
			.top-main {max-width:225px}		
		.header {padding: 15px; margin-top:0;}
		.header a, .header h1 {font-size:30px}
		.main {margin-right:0; margin-top:85px;}

	}