/*
Theme Name: Frumatic
Theme URI: http://frumatic.com/
Description: Default theme for Frumatic website
Version: 1.0
Author: Konstantin Kovshenin
Author URI: http://kovshenin.com/
Tags: two columns, clean, black, white, jquery

Copyright © 2010
*/

html, body {width: 100%; height: 100%; padding: 0px; margin: 0px; background: #f1f1f1 url(images/bg.gif) 0% 0% repeat-x; font: normal 9pt/13pt Tahoma; color: #333333}
p {line-height: 11pt;}
.bod2 {background: #1e1214 url(images/a_bg2.gif) 50% 0% repeat-y;}
table {padding: 0px; border-collapse:collapse}
td {vertical-align: top; padding: 0px}
img {border: none; vertical-align: top}
form {margin: 0px; padding: 0px}
a {color: #5b5b5b; text-decoration: underline}
a:hover {text-decoration: none}
h2 { margin: 0px; padding: 0px 0px 0px 0px; font: 16pt Tahoma; }
h3 { margin: 0px; padding: 0px 0px 0px 0px; font: 13pt Tahoma; }
h4 { margin: 0px; padding: 0px 0px 0px 0px; font: 11pt Tahoma; }

.all {height: auto; min-height: 100%; position: relative; width: 965px; padding: 0px; margin: 0px auto; /*background: url(images/a_bg.gif) 0% 1px repeat-y*/ }
.header {height: 67px; color: #ffffff; clear: both}
.header a {color: #ffffff}
.logo {position: absolute; top: 6px; left: 5px}
.menu {margin: 0px; padding: 21px 0px 0px 160px; float: Left}
.menu a {text-decoration: none}
.menu a:hover {text-decoration: underline}
.menu li {list-style: none; float: Left; padding-right: 10px}

.h_right {margin: 0px; padding: 0px; float: right}
.h_right li {float: left; list-style: none; padding-right: 10px; padding-top: 21px}
.h_right a {text-decoration: none}
.h_right a:hover {text-decoration: underline}

.nav {position: absolute; right: 15px; top: 82px; z-index: 100}
.fruits { display: block; width: 20px; height: 25px; float: left; margin: 0px 5px; }

#fade { width:100%; height:245px; overflow:hidden; }

.fade_ins {width: 100%}

.language-popup
{
	width:938px;
	height:17px;
	background: url(images/frumatic-language-popup.gif) top no-repeat;
	margin-bottom:10px;
	padding:9px 25px 9px 0;
	text-align:center;
	font-size:13px;
}
.language-popup a
{
	font-weight:bold;
}

#top_home_left{
	width:640px;
	height:375px;
	background-image:url(images/top-solutions.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
#top_home_right
{
	width:312px;
	height:375px;
	background-image:url(images/top-solutions_right.gif);
	background-position:left;
	background-repeat:no-repeat;
	float:left;
	margin-left:10px;
}

#top_home_left .content_solution  { width:445px; float:left; }
#top_home_left .post_solution 
{ 
	padding:30px 20px 30px 20px;
	z-index: 5; 
	width:580px; 
	height: 335px; 
	background:url(images/top-solutions.gif) 0% 0% no-repeat;
}
#top_home_left .content_solution p { margin-bottom: 10px; }
#top_home_left .content_solution ul { margin-left:20px; margin-top:0; padding:0; }
#top_home_left .content_solution ul li { margin:0; line-height:14px; }
#top_home_left .post_solution #thumb_solution{ float:left;  }
#top_home_left #slider_nav { padding:0 20px; height:30px; }

#top_home_left #nav_solution { display:block; list-style:none; clear:both; margin:0; padding:0; margin-top:5px; height:20px; }
#top_home_left #nav_solution  li{ display:block; float: left; margin:0; padding:0; }
#top_home_left #nav_solution  li a{ padding:4px 6px; color:#009933; text-decoration:none; display: block; }
#top_home_left #nav_solution  li a:hover, #top_home_left #nav_solution a.activeSlide  { color:#ffffff; background-color:#009933; }

#top_home_left h1 {font: normal 22pt Tahoma; color: #333333; padding: 25px 0px 0px 0px; margin: 0px; margin-bottom:10px;}
#top_home_left h2 {font: normal 18pt Tahoma; color: #666666; padding: 0px 35px 0px 35px; margin: 0px}

#top_home_left #slider_bottom { padding:27px 20px; }
#top_home_left #slider_bottom table { width: 100%; }
#top_home_left #slider_bottom p {color:#333333; font-size:16pt; margin-top: 12px;}
#top_home_left #slider_bottom table td.right {text-align: right;}

#top_home_right .corp_solution { padding:15px; padding-bottom:0; height: 260px; overflow:hidden; }
#top_home_right .corp_solution h1 { font-size:22pt; margin-top:30px; display:block; width:190px; float:left;}

#top_home_right .corp_solution ul { margin: 0 0 0 30px; padding:0; }
#top_home_right .corp_solution ul li { 	margin:0; padding: 0; line-height:14px; }
#top_home_right .corp_solution p { padding: 0; margin-bottom: 10px; line-height:14px; }
#top_home_right .corp_solution #thumb_solution{ float:left; }

#top_home_right #corp_bottom { padding:32px 20px; 10px;}
#top_home_right #corp_bottom table { width: 100%; }
#top_home_right #corp_bottom p {color:#333333; font-size:16pt; margin-top:12px;}
#top_home_right #corp_bottom span {color:#009933;}
#top_home_right #corp_bottom td.right {text-align:right;}

.solution_sme_block { width:620px; padding:20px 0;}
.solution_sme_block h2 { margin-top:15px;}
.solution_sme_block img.thumb { float:left; padding-right:15px;}
.solution_sme_block .solution_sme_content { float:left; width:505px;}
.solution_sme_block .solution_sme_select { clear:both; width:350px; height:40px; margin:0px 135px 0 115px; padding-top:10px;}
.solution_sme_block .solution_sme_select a div.select_button { float:left; width:135px; height:36px; background-image:url(images/en_US/select_package.gif);}
.solution_sme_block .solution_sme_select a div.select_button.solution_selected { background-image:url(images/en_US/selected_package.gif); }

.solution_sme_block .solution_sme_select p { display:block; float:left; width:190px; height:36px; font-size:8pt; padding:0px 10px; margin: 2px 0;}
.solution_sme_block .solution_sme_select p a {color:#333333; }

.solution_corp_block { width:620px; padding:20px 0; overflow:hidden;}
.solution_corp_block h2 { margin-top:20px;}
.solution_corp_block .solution_corp_select img.thumb { marging: 0 15px; float:right;}
.solution_corp_block .solution_corp_content { float:left; width:460px; padding-right:20px; }
.solution_corp_block .solution_corp_select { float:right; width:135px; }
.solution_corp_block .solution_corp_select img { margin:0; padding:0;}

#columns { width:620px; }
#columns .column { width:270px; padding:0 20px 20px; float:left; }
#columns .column h2 { margin-top:40px; font-size:14pt; }
#columns .column ul { list-style:none; padding:0 20px; }
#columns a { color:#333333; }
#columns a.vacansy_not_active { color:#bbbbbb; }

#toolbox_bottom { padding:10px 0 0;}
#toolbox_bottom img.button { display:block; float:left; margin: 5px 0; }
#toolbox_bottom p { font-size:8pt; padding:2px 10px; margin:0; display:block; width:455px; float:right; color:#747474;}

.button:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
}

.f_i_left {padding: 22px 0px 0px 45px; width: 160px}
.f_i_cent {font: normal 13.5pt/18.5pt Tahoma; padding-top: 19px}
.f_i_cent ul {margin: 0px; padding: 0px}
.f_i_right {width: 195px; padding-top: 105px}

.f_i_right a:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
}

.my.content {width: 100%; background: url(images/c_bg.gif) 0% 0% repeat-y}

.content_top, .content_top2, .content_bot {font: normal 0.1pt/0.1pt Tahoma}
.content_top {margin-top: 0px}
.content_top.home {margin-top: 10px;}
.content_top2 {margin-top: 3px}

.c_left {background: url(images/c_bg2.gif) 1px 100% no-repeat; width: 650px; line-height: 13pt}
.c_left2 {width: 650px; line-height: 13pt}

.c_left h1, .c_left2 h1, h1 {font: normal 16pt Tahoma; margin: 0px; padding: 0px 0px 10px 0px}
.c_left p, .c_left p {margin: 0px; padding: 7px 0px}
.content_in {padding: 30px 0px 20px 30px}
.c_right {padding: 0px 30px 20px 30px}
.c_right2 {padding: 0px 30px 20px 30px;}
.c_right table {width: 100%}
.c_right table td {padding: 3px 0px}
.center_cent {text-align: center; padding: 45px 0px 15px}
.brend {background: url(images/c_bg.gif) 0% 0% repeat-y}
.brend_in {width: 100%; background: url(images/b_bg.jpg) 2px 100% no-repeat !important}
.brend_in td {text-align: center; text-align: center; height: 106px; vertical-align: middle; padding-left: 14px; padding-right: 14px;}
.brend a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
}

.clearer {clear: both; height: 165px}
.clear_float {clear:both;}


.my.footer {background: #333333; margin-top: -154px; position: relative; height: 154px}
.my.footer a {color: #FFFFFF; text-decoration: none}
.my.footer a:hover {text-decoration: underline}
.footer_in {width: 960px; margin: 0px auto; padding-left: 5px}
.footer_in td {padding: 25px 40px 25px 0px}
.footer_in table {float: left}
.footer_right {float: right; padding: 53px 9px 0px 0px; text-align: center; color: #666; font-size: 8pt;}

.content_in2 {padding: 5px 0px 20px 30px}
.navibar img {margin: 6px 5px 0px 5px}
.navibar {padding-bottom: 10px}
.my.content {width: 100%; background: url(images/c_bg5.gif) 0% 0% repeat-y}
.pics {border-left: solid 24px #e5e5e5}
.pics table {width: 100%}
.pics table td {text-align: center; padding: 4px 0px}
.pics table td img {padding: 4px; border: solid 1px #a9a9a9}
.fr {margin-top: -5px}
.share img {margin-top: -2px}
.share a {opacity: 0.7}
.share a:hover {opacity: 1}
.green a, .green {color: #009933}
.more {margin-top: 6px; margin-right: 3px}
.c_right2 {text-align: center; padding-top: 90px; padding-left: 80px}
.c_right3 {padding: 0px 30px 20px 30px;}

.right_bg_2 {
	background: url(images/c_bg3.gif)  97px 100% no-repeat;
}

.right_bg_3 {
	background: url(images/c_bg6.gif) 194px 100% no-repeat;
}

.brend2 {background: url(images/c_bg5.gif) 0% 0% repeat-y}
.b2_in {background: url(images/b_bg2.jpg) 750px 100% no-repeat !important; padding: 20px 280px 21px 30px; position: relative}
.all_brend div {float: left; width: 25%; text-align: center; height: 80px; padding-top: 15px}
.all_brend div a:hover {opacity: 0.7}
.search {background: url(images/search.gif) 0% 0% no-repeat; padding: 4px 0px 8px 22px; margin-top: 35px}
.search input {background: #FFFFFF; font: normal 9pt Tahoma; color: #999999; width: 125px; border: solid 0px #FFFFFF}
.c_right3 p {margin: 0px; padding: 15px 0px 0px 22px}
.c_right3 #vacancy_filters { padding-left:22px; }
.c_right3 .more {margin-left: -17px; margin-right: 0px}


/* Additional styles */

h2.service-icon {
	margin-top: 30px;
}

h2.service-icon img {
	margin-right: 10px;
	margin-top: -5px;
	width: 40px;
	height: 41px;
}

blockquote {
	background: url(images/blockquote.gif) 4px 4px no-repeat;
	padding-left: 30px;
	margin-left: 10px;
}

blockquote p {
	padding-top: 6px;
}

.social {
	margin-left: 38px;
}

.back {
	margin-top: 40px;
}

.post a {
	color: #009933;
}

.sidebar-right {
	margin: 0px; padding: 78px 0px 0px 22px;
}
span.comment { font-size:8pt; line-height:12px; }
span.comment a { color:#333333; }

.sidebar-right li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-right ul {
	margin: 0;
	padding: 0;
}

.sidebar-right h3 {
	margin: 0;
	font-size: 14px;
}

.post.blog {
	margin-bottom: 40px;
}

.post.blog h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.post.blog.search-results h3 {
	margin: 0;
	padding: 0;
}

.post.blog.search-results p {
	margin: 0;
}

.all_brend {
	margin-top: 30px;
}

.all_brend.by-alpha h2 {
	margin-top: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}

.all_brend.by-alpha h2 img.arrow {
	position: relative;
	top: 12px;
	left: 36px;
}

.all_brend.by-alpha a {
	position:relative;
	top: -24px;
	left: 70px;
}

.all_brend.by-date h2 {
	margin-top: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}

.all_brend.by-date h2 img.arrow {
	position: relative;
	top: 12px;
	left: 66px;
}

.all_brend.by-date a {
	position:relative;
	top: -24px;
	left: 98px;
}

ul.no-list li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.no-list {
	margin-left: 0;
	padding-left: 0;
}

.pad-left {
	padding-left: 22px !important;
}

span.info {
	border-bottom: dotted 1px gray;
	cursor: pointer;
}

a.info {
	text-decoration: none;
	border-bottom: dotted 1px #009933;
}

#nav a:hover {
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
}

/* Page Navi */

.wp-pagenavi a, .wp-pagenavi span {
	padding: 4px;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.tag-cloud a {
	text-decoration: none;
}

.tag-cloud a:hover {
	color: black;
}

/* Solutions Details Form */
.frumatic-form {
	border-left: solid 16px #e1e1e1;
	margin-left:10px;
}
.frumatic-form tr.labels label {
	font-size: 11px;
}

.frumatic-form tr.labels td {
	padding: 4px 4px 0 4px;
}

.frumatic-form tr.fields td {
	padding: 0 4px 4px 4px;
}

.frumatic-form tr td.left {
	padding-left: 10px;
}

.frumatic-form tr.fields input[type=text], 
.frumatic-form tr.fields textarea {
	border: solid 1px #b9b9b9;
	font: inherit;
	width: 135px;
	padding: 4px;
}
.frumatic-form tr.fields textarea.contact-message
{
	height:63px;
}
.frumatic-form tr.fields textarea  
{
	width:250px;
	height:162px;
	margin:0;
}
.frumatic-form tr.fields textarea#comment
{
	width:570px;
}
.frumatic-form .form-footer input.button-submit
{
	width:159px;
	height:36px;
	background: url(images/en_US/submit-comment.gif) left top no-repeat;	
	border:none;
	float:right;
}
.frumatic-form tr.fields input.full-width {
	width: 290px;
}
.frumatic-form .submit-button {
	width:159px;
	height:36px;
	float: right;
	border: none;
	cursor: pointer;
}
.frumatic-form .submit-button.details { background: white url(images/en_US/request-a-quote.gif) top right no-repeat;}
.frumatic-form .submit-button.send-message { background: white url(images/en_US/send-message.gif) top right no-repeat;}
.frumatic-form .submit-button.request-a-quote { background: white url(images/en_US/request-a-quote.gif) top right no-repeat;}

.frumatic-form .form-footer td {
	font-size: 11px;
	color: #747474;
	padding: 10px 4px 4px;
}

.frumatic-form-response {
	margin-top: 10px;
	margin-left: 8px;
	display: none;
}

.phone-number
{
	padding-left:50px;
	float:left;
}
.phone-number h1
{
	padding-bottom:0;
}

.response-ok {
	color: #009933;
}

.response-error {
	color: red;
}

.form-notice {
	float: left;
	width: 380px;
}

/* Phone Numbers */

table.phone-numbers td h1 {
	padding-bottom: 0;
}

table.phone-numbers td {
	padding-left: 50px;
}

img.ajax-loader {
	margin-top: 10px;
	display: none;
}

/* Gallery Styles */
.ngg-clear { height: 1px; overflow: hidden; }
.ngg-galleryoverview { padding-left: 6px; border-left: 16px solid #E1E1E1; padding-top: 1px; }

/* Drop-down */

.services_overlay {
	background: url(images/en_US/services_overlay.gif) 0 8px no-repeat;
	width: 250px;
	height: 107px;
	top: 30px;
	left: 280px;
}

.services_overlay li {
	display: block;
	float: left;
	clear: both;
	margin-left: 12px;
	margin-top: 4px;
	width: 100%;
}

.services_overlay li.first {
	margin-top: 26px;
}

#jsddm
{
	z-index:500;
}
	
#jsddm li
{
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
	z-index:500;
}


#jsddm li a
{	
	z-index:500;	
}

#jsddm li ul
{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index:500;
	overflow: hidden;
}

#jsddm li ul li
{	
	z-index:500;
}

#jsddm li ul li a
{
	z-index:500;
}

.fruit-popup {
	width: 119px;
	height: 50px;
	position: absolute;
	display: none;
	top: 110px;
	left: 830px;
	z-index: 500 !important;
	background: url(images/fruit_popup.gif) 0 0 no-repeat;
}

/* WP */
img.alignright {
	float: right;
}

/* Blog Comments */

ol.commentlist {
	list-style: none;
	margin: 16px 0;
	padding: 0;
}

ol.commentlist li.comment {
	margin: 0 0 30px 0;
	padding: 0;
}

.commentlist .avatar {
	float: left;
	margin-right: 10px;
}

.commentlist cite.fn {
	font-style: normal;
	line-height: 10pt;
	font-size: 12pt;
}

.commentlist span.says {
	display: none;
}

.commentlist div.comment-meta {
	font-size: 8pt;
	color: #999;
	line-height: 10pt;
}

.commentlist div.comment-meta a {
	color: #999;
}

.commentlist p, .commentlist blockquote {
	margin-left: 42px;
}

.commentlist blockquote p {
	margin-left: 0;
}

a.bookmark {
	text-decoration: none;
	color: auto;
}