html,body{margin:0;padding:0; min-height: 100.2%;}

body{ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#403f3f;
	text-align:left;
	line-height: 18px;
	background: url('../images/bg.jpg') repeat-x;
}

a{color: #ba0f0f;font-style:normal; text-decoration:underline;}
a:hover{text-decoration:none;}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1.4em;
	line-height: normal;
}

.title{color:#ba0f0f;}

div#container{
	margin-left:auto;
	margin-right:auto;
	width:871px; 
	min-height:100%;
	text-align: left;
	position:relative;
}

#header{ 
	padding:0 10px;
	z-index:2;
	overflow:hidden;
}

h1#logo {
    text-indent: -9999px;
}

h1#logo a{
    position:absolute;
    top:-3px;
    left:0;
    width:245px;
    height:73px;
    background: url('../images/logo-inner.jpg') no-repeat;
}

div#nav_bar {
	float: right;
	margin-top:33px;
}

#nav_bar ul li a.selected	
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:100%; height:20px; }


div.hd_banner_bmetrading{
	margin-top:70px;
	background: url('../images/building-banner.jpg') no-repeat;
	border-bottom: 1px solid #CCCCCC;
	padding-top:1px;
	height:241px;
}


div.hd_inner_banner_bmetrading{
	margin-top:70px;
	background: url('../images/building-innerbanner.jpg') no-repeat;
	border-bottom: 1px solid #CCCCCC;
	padding-top:1px;
	height:102px;
}

div.hd_banner_ftrading{
	margin-top:70px;
	background: url('../images/foodstuff-banner.jpg') no-repeat;
	border-bottom: 1px solid #CCCCCC;
	padding-top:1px;
	height:241px;
}

div.hd_banner_ftradingflash{
	margin-top:70px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

div.hd_banner_ftradingflashinner{
border-top: 1px solid #CCCCCC;
}

div.hd_inner_banner_ftrading{
	margin-top:70px;
	background: url('../images/foodstuff-innerbanner.jpg') no-repeat;
	border-bottom: 1px solid #CCCCCC;
	padding-top:1px;
	height:102px;
}

div.hd_inner_banner_ftrading h2, div.hd_inner_banner_bmetrading h2{
	color:#FFFFFF;
	float:right;
	margin:70px 20px 10px 0;
	font-size: 1.8em;
	visibility:hidden;
}

div#container{
    margin:0 auto;
	height:100%;
	min-height:100%;
	background:#FFFFFF;
	width:872px;
}
 
html>body #container{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

div#main_left{
	float:left;
	width:200px;
	margin-top:20px;
	padding:10px;
	
}
div#main_left h2{
	font-size: 1.2em;
	color:#ba0f0f;
}

div#main_left ul{
	margin:0;
	padding:0;
	width:195px;
}

div#main_left ul li{
	margin:0;
	padding:0;
}

div#main_left ul li a{
	display:block;
	margin-top:5px;
	padding:3px;
	height:20px;
	background-color:#cccccc;
	text-decoration:none;
}

div#main_left ul li a:hover{
	background-color:#ba0f0f;
	color:#FFFFFF;
}

div#main_left ul li a.selected{
	background-color:#ba0f0f;
	color:#FFFFFF;
}


div#main_content{
	float:left;
	padding:15px 20px 10px 10px;
}

div#main_content h2{
	margin-top:20px;
}

div#main_content h2 span{
	color:#000000;
}

div#main_content ul {padding-left:13px;}
div#main_content ul li{list-style:square;}

div#main_gall{
	float:left;
	width:261px;
	margin:20px 0 0 0;
	padding-top:10px;
}

div.product_info h2{
	font-size: 1.2em;
	color:#ba0f0f;
}

div.product_info{
	float:left;
	display:inline;
	margin-top:20px;
	width:520px;
	padding:10px;
}

div#product_info h2{border-bottom:#cccccc solid 1px;padding-bottom:5px;}
div#product_info ul{
	margin:0;
/*	border-bottom:#e8e9de solid 0.063em;
*/}
div#product_info ul li{padding: 2px 5px 0 0;}
div#product_info ul span.info{font-style:italic;color:#a34103;}
div#product_info ul li.text{color:#3e2f2f;}
div#product_info a {
	display: block;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b40808;
	text-decoration: none;
	background-image: url("bullet.jpg");
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 10px;
	padding:0 10px;
}
div#product_info a:hover {text-decoration:underline;}

div.seprator{
	background-image: url('../images/seprator_h.jpg');
	background-repeat: repeat-y;
	background-position: right;
}

div#contact_info{
	float:left;
	margin-top:20px;
	padding:10px;
	width:300px;
}
div#contact_info h2{
	border-bottom:#cccccc solid 1px;
	font-size: 1.2em;
	color:#ba0f0f;
	padding-bottom:5px;
}

div.contact_txt{
	float:left;
	width:150px;
}

div.contact_txt a{text-decoration:underline;}

div#contactformleft{
	width: 250px;
	float: left;
	height:200px;
}

div#contactformright{
	width: 243px;
	float: left;
	height:200px;
}

div#contactforminner{
	height: 400px;
}

p input, p textarea , select.select{
	font-size: 1em;
	padding: 3px;
	margin: 0;
	width: 226px;
	line-height: 1em;
}

select.select{
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	width: 235px;
}

input.submit{
	color: #fff;
	background: #b40808;
	border: 0 none;
	cursor:pointer;
	height:25px;
	width:65px;
}

div#map_loc{
	clear:both;
	float:left;
	width:705px;
	margin:30px 0 0 0;
	padding:10px 30px 10px 10px;
}

div#footer{
	clear:both;
	padding:0 10px;
}

div#footer p{
	margin:0;
	padding:5px 0;
	text-align:right;
	height:15px;
	border-top: 1px solid #CCCCCC;
}

img.floatRightClear { 
    float: right; 
    clear: right; 
}

div.left_content{width:620px;}
div.main_content{width:554px;}
div.sub_content{width:554px;}

div.content_align{ text-align:justify;}

div#services_info{
	clear:both;
}

div.services_info{
	float:left;
	display:inline;
	margin-top:10px;
	width:260px;
	padding:10px;
}

div.services_info h2{
	background:#ba0f0f;
	padding:3px;
}

div.services_info h2 a{
	color: #FFFFFF;
}

div.services_info ul {padding-left:13px;}
div.services_info ul li{list-style:square;}

div.partners_block{float:left; display:inline;margin-top:50px;}
div.partners_block img{ 
	float:left;
	margin-left:42px;
	padding:3px;
}
/*IT*/

div.hd_ITbanner_bmetrading{
	margin-top:70px;
	background: url(../images/banner_IT.png) no-repeat;
	padding-top:1px;
	height:241px;
}

.giosg .inner-part
{
	
	min-height:auto;
	font-family: 'Raleway', sans-serif ;
	padding:20px 40px;
	margin:0 auto;
	box-sizing:border-box;
	    box-shadow: 0 0 10px #DCDADA;
		-webkit-box-shadow: 0 0 10px #DCDADA;
		margin-bottom:20px;
	
}
.giosg .head
{
	width:60%;
	margin-bottom:40px;
	
}
.giosg .head img
{
	margin:-74px 0 25px 0;
	
}
.giosg .head h2
{
	font-size:28px;
	color: rgb(65, 66, 67);
	font-weight:300;
	line-height: 1.143;
	font-family: 'Raleway', sans-serif ;
}
.giosg .small-cap
{
	min-height:80px;
	
}
.giosg .small-cap .number
{
	width:40px;
	height:40px;
	border-radius:50px;
	background-color:#5ed46e;
	display:table;
	text-align:center;
	float:left;
}
.giosg .small-cap .number span
{
	display:table-cell;
	vertical-align:middle;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	
}
.giosg .small-cap h3
{
	color: rgb(81, 82, 82);
  	font-weight: bold;
	font-size:18px;
	float:left;
	padding:10px 0 0 8px;
}
.giosg .small-cap img
{
	float:right;
	padding-top:24px;
}


.giosg .inner-part .boxes
{
		min-height:800px;
}
.giosg .inner-part .boxes .box
{
	width:360px;

	min-height:200px;
	margin-bottom:40px;
}
.giosg .inner-part .boxes .box img
{
	float:left;
	padding-right:10px;
	
}
.giosg .inner-part .boxes .box h4
{
  font-size: 18px;
  color: rgb(70, 69, 69);
  font-weight: bold;
  position:relative;
  height:40px;

}
.giosg .inner-part .boxes .box h4 span
{
	position:absolute;
	bottom:0;
}
.giosg .inner-part .boxes .box p
{
	font-size: 14px;
  color: rgb(70, 69, 69);
  font-weight:500;
  line-height: 1.714;
  margin-top:20px;

}
.giosg .inner-part .boxes .box.even
{
	float:left;
}
.giosg .inner-part .boxes .box.odd
{
	float:right;
}
.giosg .footer-sec 
{
	min-height:300px;
}
.giosg .footer-sec h4
{
  font-size: 24px;
  color: rgb(70, 86, 245);
  line-height: 1.25;
  text-align: center;
  font-weight:400;
  width:80%;
  margin:0 auto;
  margin-bottom:25px;

}
.giosg .footer-sec figure
{
	text-align:center;
	margin-bottom:40px;
}
.giosg .footer-sec figure .rounded
{
	width:50px;
	height:50px;
	border:1px solid rgb(70, 69, 69);
	border-radius:50px;
	display:table;
	margin:0 auto;
	
}
.giosg .footer-sec figure .rounded span{
	vertical-align:middle;
	display:table-cell;
}
.giosg .footer-sec figure .rounded img
{
	margin:0 auto;
}
.giosg .footer-sec figure figcaption
{
	 font-size: 18px;
  color: rgb(70, 69, 69);
  line-height: 1.667;
  margin-top:10px;
}
.giosg .footer-sec figure figcaption a
{
	color: rgb(70, 69, 69);
	text-decoration:none;
}

.giosg .footer-sec figure figcaption span
{
	padding:5px 20px;
	font-family: Arial, Helvetica, sans-serif;
}