/*
Theme Name: Hedman Grid
Theme URI: http://wordpress.org/
Description: Custom
Author: OKIA, WebShark
Version: 1.2
License: Commercial
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html {}

body {margin: 0; padding: 0; font-size: 13px; font-family: myriad-pro, sans-serif, Arial; font-weight: 400; font-style: normal; color: #2D2E26}

input, textarea {font-size: 13px; font-family: myriad-pro, sans-serif; font-weight: 400; font-style: normal; color: #2D2E26}

a {text-decoration: none; -webkit-transition: color 50ms ease-in; -moz-transition: color 50ms ease-in; -o-transition: color 50ms ease-in; transition: color 50ms ease-in; color: #96172E}

a:hover {color: #2D2E26}

img {display: block; border: 0}

:focus {outline: none}

ul {margin: 0; padding: 0; list-style: none}

	ul li {margin: 0; padding: 0}

table {border-collapse: collapse; border-spacing: 0}

h1, h2, h3, h4 {margin: 0; padding: 0; font-weight: 600}

b, strong {font-weight: 600}

p {margin: 0; padding-bottom: 1.47em; }


	#main {background: #FFF}

		#content {width: 960px; margin: auto; padding: 70px 0 60px 0; overflow: hidden}
			
			#inline {float: left; width: 640px}

			#header {float: left; height: 150px; margin: 0 10px 10px 0}

			.header_et {width: 470px}

			.header_en, .header_fi {width: 310px}


				#logo {width: 180px; height: 110px; background: url(img/hedman.jpg) no-repeat 0 0}

					#logo a {display: block; width: 180px; height: 110px; text-indent: -4000px}

				#header ul {padding: 15px 0 0 0}

					#header ul li {display: block; float: left}

					#header ul li a {display: block; float: left; padding: 0 10px 0 0; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: 600}

					#header ul li.current-menu-item a, #header .current-menu-parent a {color: #7D7E6B}
					
					#header .sub-menu { display: none }

			#link_grid {display: inline; width: 640px}

				#link_grid ul {display: inline}

					#link_grid ul li {display: block; float: left; margin: 0 10px 10px 0}

					#link_grid ul li a {position: relative; display: block; float: left; width: 130px; height: 130px; padding: 10px; text-decoration: none; text-shadow: 0 -1px 0 #484848; font-size: 18px; font-weight: 600; color: #FFF}

					.fi #link_grid ul li a { font-size: 14px;}

					#link_grid ul li a span.grid_bg {position: absolute; top: 0; left: 0; width: 130px; height: 130px; padding: 10px; opacity: 0; background: transparent; -moz-transition: opacity 200ms ease-in-out}

					#link_grid ul li a:hover span.grid_bg  {background: url(img/link_grid_hover.gif) no-repeat 100% 100% !important; opacity: 1}

					#link_grid ul li a span.grid_trans {position: absolute; top: 0; left: 0; width: 130px; height: 130px; padding: 10px; background: #000; opacity: 0.3; filter:alpha(opacity=30)}

					.link_grid_et .lg_1 a {background-position: -480px 0}

					.link_grid_et .lg_2 a {background-position: 0 -160px}

					.link_grid_et .lg_3 a {background-position: -160px -160px}

					.link_grid_et .lg_4 a {background-position: -320px -160px}

					.link_grid_et .lg_5 a {background-position: -480px -160px}

					.link_grid_et .lg_6 a {background-position: 0 -320px}

					.link_grid_et .lg_7 a {background-position: -160px -320px}

					.link_grid_et .lg_8 a {background-position: -320px -320px}

					.link_grid_et .lg_9 a {background-position: -480px -320px}

					
					.link_grid_en .lg_1 a {background-position: -320px 0}

					.link_grid_en .lg_2 a {background-position: -480px 0}

					.link_grid_en .lg_3 a {background-position: 0 -160px}

					.link_grid_en .lg_4 a {background-position: -160px -160px}

					.link_grid_en .lg_5 a {background-position: -320px -160px}

					.link_grid_en .lg_6 a {background-position: -480px -160px}

					.link_grid_en .lg_7 a {background-position: 0 -320px}

					.link_grid_en .lg_8 a {background-position: -160px -320px}

					.link_grid_en .lg_9 a {background-position: -320px -320px}

			#title_grid {font-size: 18px}

			.title_grid_et {}

				#title_grid ul li {position: relative; display: block; float: left; height: 150px; text-decoration: none; text-shadow: 0 -1px 0 #484848; color: #FFF}
				
				#title_grid ul li span {position: absolute; bottom: 0; display: block; padding: 0 10px 5px 10px; font-size: 18px; font-weight: 600}

				.title_grid_et ul li {width: 150px; background-position: -480px 0}

				.title_grid_en ul li {width: 310px; background-position: -320px 0}

		#text {clear: both; font-size: 14px}

			#intro_team {float: left; width: 310px; height: 150px; margin: 0 10px 10px 0; font-size: 18px; font-weight: 400; color: #87887E; overflow: hidden; clear: left}

			#team_grid {}

				#team_grid ul {}

					#team_grid ul li {position: relative; display: block; float: left; margin: 0 10px 10px 0}

					#team_grid ul li a {display: block; float: left; width: 150px; height: 150px; line-height: 18px; text-decoration: none; color: #FFF}

					#team_grid ul li .color {position: absolute; bottom: 0; display: block; width: 130px; padding: 5px 10px; background: #000; opacity: 0.4; filter: alpha(opacity=40); font-weight: 600}

					#team_grid ul li .name {position: absolute; bottom: 0; display: block; width: 130px; padding: 5px 10px; font-weight: 600}

					#team_grid ul li .position {font-weight: 400; color: #E5E5E5}

			#intro_person, #intro_news {float: right; width: 290px; margin: 0 10px 10px 0; padding: 0; line-height: 22px; text-align: justify; font-size: 18px; overflow: hidden; font-weight: 400; font-style: normal}

				#contact_info {padding: 15px 0; text-align: left}

					#contact_info ul {}

						#contact_info ul li {display: block; border-bottom: 1px solid #DADBD8}

							#contact_info ul li a {display: block; line-height: 1; padding: 10px 10px 5px 18px; background: url(img/contact_info_closed.gif) no-repeat 0 10px; font-size: 18px}

							#contact_info ul li a.show_ci {background: url(img/contact_info_opened.gif) no-repeat 0 13px}

							#contact_info ul li ul {padding: 10px 10px 5px 18px; font-size: 14px}

								#contact_info ul li ul li {padding: 0; border: 0}

									#contact_info ul li ul li a {display: inline; padding: 0; background: none; font-size: 14px}

			#intro_news {padding: 10px 0 0}

			#person_grid {float: left; width: 320px}

				#person_grid ul {}

					#person_grid ul li {position: relative; display: block; margin: 0 10px 0 0}

					#person_grid ul li.person {display: block; width: 290px; padding: 10px; background: #87887E; text-decoration: none; color: #FFF; overflow: hidden}

					#person_grid ul li .name {padding: 0 0 6px 0; text-shadow: 0 -1px 0 #484848; font-size: 18px}

						#person_grid ul li .name h2 {font-size: 18px}

					#person_grid ul li .contact {font-size: 14px}
					#person_grid ul li.person .contact a {color: #fff; text-decoration: underline;}
					#person_grid ul li.person .contact a:hover {color: #fff; text-decoration: none;}

				#person_grid dl {width: 310px; height: auto; margin: 0; padding: 0 0 5px 0; overflow: hidden}

					#person_grid dl dt {float: left; width: 80px; text-align: right}

					#person_grid dl dd {float: right; width: 220px}

			#intro_service {float: left; width: 620px; padding: 0 10px 0 0; text-align: justify; font-size: 14px; color: #2D2E26}

				#intro_service .service_header {padding: 10px 0 20px}
				
				#intro_service .name {padding: 0 0 10px}

				#intro_service .name .post-title, #news_list .entry-title, #text .entry-title {font-size: 27px; color: #96172E; line-height: 1.2; }

				#intro_service strong {font-size: 18px; font-weight: normal; color: #87887E}



			#service_grid {float: right; width: 280px; padding: 68px 0 0 0}

				#service_grid .title {width: 100%; padding: 45px 0 20px 0; overflow: hidden}

					#service_grid .title h4 {float: left; text-transform: uppercase; font-size: 18px; font-weight: normal; color: #87887E}

				#service_grid h3 {padding: 0 0 8px 0; font-size: 18px; font-weight: normal}
				#service_grid .title h4 {font-weight: bold; font-size: 25px;}
					#sidebar .list {}

						#service_grid .item span {display: block; padding: 0 0 20px 0; font-size: 14px}

			#news_list {float: left; padding: 10px 0 0 0}

				#news_list .post {padding: 0 0 20px 0; font-size: 14px}
					#news_list h1 { margin-bottom: .6em; }
					#news_list h2 {padding: 0 0 8px 0; line-height: 20px; font-size: 18px; font-weight: 400}

					#news_list p {padding: 0; text-align: justify;}

				.entry-title, #news_list .entry-title a {padding: 0 0 8px 0; line-height: 20px; font-size: 18px; font-weight: 400; color: #96172E}

				.entry-meta {padding: 0 0 5px; font-size: 13px; color: #87887E}

				.post {padding: 10px 0 0 0}

				#text .entry-content {line-height: 18px; text-align: justify; font-size: 15px; font-weight: 400}

				#text .post .entry-content {line-height: 18px; font-size: 14px; font-weight: 400}

				.page .entry-content {padding: 10px 0 0 0}


		#sidebar {float: right; width: 280px}
		#sidebar .item { text-align: justify; }
		#sidebar .item h3 { text-align: left; }

			#region {padding: 8px 0 15px 0; border-bottom: 1px solid #87887E; background: url(img/world.gif) no-repeat 0 10px; line-height: 17px; font-size: 13px}

			dl {width: 100%; height: 20px; margin: 0; padding: 0 0 4px 0; clear: both}

				dl dt {float: left; width: 105px; margin: 0; padding: 0 6px 0 0; text-align: right; color: #6C6F70}

				dl dd {float: left; margin: 0; padding: 0; position: relative}

					dl dd p {margin: 0; padding: 0; color: #96172E}

					div.countryselect_cont { position: relative}

					#countryselect { margin: 0}

					#countryselect * { float: left; }

					#countryselect a {padding: 0 18px 0 0; background: url(img/lang_arrow.gif) no-repeat 100% 8px}

					div.countryselect_drop {position: absolute; top: 20px; left: 0; width: 130px; background: #96172E; z-index: 100}

					div.countryselect_drop_a { padding: 15px 20px}

					div.countryselect_drop li { background: none !important; padding: 2px 0 !important; margin: 0 !important; width: 100%}

					div.countryselect_drop a {color: #FFF}

					div.langselect_cont {position: relative}

					#langselect {}

					#langselect * {float: left}

					#langselect a {padding: 0 18px 0 0; background: url(img/lang_arrow.gif) no-repeat 100% 8px}

					div.langselect_drop { position: absolute; top: 20px; left: 0; width: 130px; background: #96172E; z-index: 100}

					div.langselect_drop_a {padding: 15px}

					div.langselect_drop li { background: none !important; padding: 2px 0 !important; margin: 0 !important; width: 100%}

					div.langselect_drop a {color: #FFF}

					div.langselect_drop a:hover, div.countryselect_drop a:hover {color: #333}
			
			#sidebar h2 {padding: 20px 0; background: url(img/arrow.gif) no-repeat 100% 50%; font-size: 36px}

			#sidebar .meet h2 {padding: 20px 0; background: none; font-size: 36px; color: #87887E}

				#sidebar h2 a {display: block; color: #87887E}

			#sidebar h3 {padding: 0 0 8px 0; line-height: 22px; font-size: 18px; font-weight: 400}

			#sidebar .list {}

				#sidebar .item {padding: 0 0 20px 0; line-height: 18px; font-size: 14px}

				#sidebar .post_title {display: inline-block; padding: 1px 4px; background: #6C6F70; text-transform: uppercase; font-size: 12px; font-family: myriad-pro, sans-serif, Arial; font-weight: 600; color: #FFF}

				#sidebar .list ul {}

					#sidebar .list ul li {width: 100%; padding: 0 0 20px 0; overflow: hidden}

					#sidebar .list ul li a {display: block; background: url(img/arrow.gif) no-repeat 100% 50%}

						#sidebar .list .image {display: block; float: left; margin: 0 20px 0 0}

						#sidebar .list .name {line-height: 20px; font-size: 18px}

						#sidebar .list .place {display: block; font-size: 14px; color: #2D2E26}

	#footer {width: 960px; margin: auto; padding: 40px 0 60px 0; background: url(img/footer.gif) no-repeat 0 0; overflow: hidden; line-height: 17px; font-size: 13px; font-weight: 400; color: #2D2E26}

		#footer-widget-area {width: 960px; padding: 0 0 40px; background: url(img/footer_bottom.gif) no-repeat 0 100%; overflow: hidden}

		#footer .textwidget ul {}

			#footer .textwidget ul li {float: left; width: 160px}

			#footer .textwidget ul .first, #footer .textwidget ul .third {padding: 24px 0 0}

			#footer .textwidget ul .mark {float: left; width: 320px; height: 125px; background: url(http://195.60.253.80/wp-content/uploads/2014/10/mark2smaller_v.png) no-repeat 40px 24px}

			#footer .textwidget ul .fifth {}

				#footer .textwidget h4 {margin: 0; padding: 0 0 5px 0; font-size: 15px; font-weight: 600; color: #96172E}

				#send_message, #send_application, #send_personal_message, #send_map, #send_application_us {display: inline-block; width: auto; height: 28px; margin: 5px 0 0 0; padding: 0 10px 0 18px; background: url(img/footer_button.gif) #FFF no-repeat 0 0; line-height: 28px; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #96172E}

				#send_personal_message {width: 112px; padding: 0 0 0 18px}

	#contact_form, #application_form {position: absolute; width: 330px}

		#contact_form_content, #application_form_content {padding: 10px; background: url(img/popup.png) repeat}

			#contact_form .inner, #application_form .inner {padding: 30px 40px; background: #2D2E26; color: #FFF}

			#contact_form .wpcf7-form-control-wrap, #application_form .wpcf7-form-control-wrap {display: block; padding: 3px 0 0}

			#contact_form input, #application_form input {width: 220px; height: 20px; padding: 4px 5px; border: 0; background: #F8F8F0}

			#contact_form textarea, #application_form textarea {width: 220px; height: 100px; padding: 4px 5px; border: 0; background: #F8F8F0; resize: none}

			#contact_form_content input.wpcf7-submit, #application_form input.wpcf7-submit {float: left; width: auto; height: auto; margin: 0; padding: 4px 10px; background: #96172E; text-transform: uppercase; color: #FFF}

			#contact_form .ajax-loader, #application_form .ajax-loader {float: left; margin: 5px 0 0 10px}

		#contact_form_arrow, #application_form_arrow {height: 20px; background: url(img/popup_arrow.png) no-repeat}

		#contact_form .wpcf7-not-valid-tip, #application_form .wpcf7-not-valid-tip {top: 3px; left: 0; width: 218px; height: 20px; padding: 4px 5px; border: 1px solid #96172E; background: #96172E; line-height: 20px; color: #FFF}

	#personal_form {position: absolute; width: 350px; z-index: 10; overflow: hidden}

		#personal_form_content {float: left; width: 310px; padding: 10px; background: url(img/popup.png) repeat}

			#personal_form .inner {padding: 30px 40px; background: #2D2E26; color: #FFF}

			#personal_form .wpcf7-form-control-wrap {display: block; padding: 3px 0 0}

			#personal_form input {width: 220px; height: 20px; padding: 4px 5px; border: 0; background: #F8F8F0}

			#personal_form textarea {width: 220px; height: 100px; padding: 4px 5px; border: 0; background: #F8F8F0; resize: none}

			#personal_form_content input.wpcf7-submit {float: left; width: auto; height: auto; margin: 0; padding: 4px 10px; background: #96172E; text-transform: uppercase; color: #FFF}

			#personal_form .ajax-loader {float: left; margin: 5px 0 0 10px}

		#personal_form_arrow {float: left; width: 20px; background: url(img/popup_arrow_left.png) transparent no-repeat 0 50%}

		#personal_form .wpcf7-not-valid-tip {top: 3px; left: 0; width: 218px; height: 20px; padding: 4px 5px; border: 1px solid #96172E; background: #96172E; line-height: 20px; color: #FFF}

		#contact_form h4, #application_form h4, #personal_form h4 {font-size: 18px; font-weight: 600}

		#contact_form div.wpcf7-validation-errors, #application_form div.wpcf7-validation-errors, #personal_form div.wpcf7-validation-errors {margin: 0; border: 2px solid #96172E}

		#contact_form div.wpcf7-validation-errors {display: none !important}

		#contact_form div.wpcf7-mail-sent-ok, #application_form div.wpcf7-mail-sent-ok, #personal_form div.wpcf7-mail-sent-ok {margin: 0; padding: 0; border: 0; font-size: 18px; font-weight: 600}



/* custom */

.hidden {display: none}


.cleared {height: 0; line-height: 0; font-size: 0; clear: both}

/* fonts */

#intro_person, .meet li a, .entry-title a, .list .item, .entry-content, #team_grid ul li .name, #team_grid ul li .color, #news_list .post, #text .post, #rss_ticker, #intro_service {font-size: 14px; font-family: warnock-pro, Times New Roman}

#intro_service {font-size: 15px; line-height: 1.47;}

.meet li a, .list .item, .entry-title a, .entry-content {font-weight: 400; font-style: normal}


.list .item a:hover, .list li a:hover .name, .entry-title a:hover, #text .entry-content a:hover {text-decoration: underline}

#intro_service .name, #intro_service strong {font-family: myriad-pro, sans-serif, Arial}

#contact_info ul div { display: none }
#contact_info .show_ci + div { display: block; padding: 0 10px 5px 18px; line-height: 1.2; }
#contact_info li div a {
    background: none repeat scroll 0 0 transparent;
    color: #2D2E26;
    display: inline;
    font-size: 14px;
    padding: 0;
    text-decoration: underline;
}
#contact_info li div a:hover {
    text-decoration: none;
}
.oi-desc br {
	display: block;
	margin-bottom: .5em;
}

#nav-above {
	margin-bottom: 1.5em;
}
#nav-below {
	margin-top: 1.5em;
}
#rss_ticker { height: 500px !important; }

.company-excerpt p {
	text-align: justify;
	line-height: 1.47;
	font-family: warnock-pro,Times New Roman, serif;
	font-size: 14px;
}