body{-webkit-text-size-adjust:none;}
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:link { 
	color: #6A1309;
}
a:visited { 
	color: #6A1309;
}
a:hover { 
	color: #FFFFFF;
	background-color: #6A1309;
}
a:active { 
	color: #6A1309;

}

/*
table{border:1px solid red;}
table td{border:1px solid red;}
*/

.clearfix:after {
	clear: both;
	height: 0;
	
	display: block;
	visibility: hidden;
	
	content: ".";
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.wrapper{width:606px; margin:0 auto;}
.logo{display:block; margin:0 auto; max-width:100%; height:auto; margin:17px 0 0;}
.navigation{margin:-10px 0 10px; padding:0; position:relative; z-index:999;}
.navigation ul{width:347px; margin:0 auto; padding:0; list-style:none;}
.navigation ul li{float:left; margin:0 15px 0 0;}
.navigation ul li a{float:left; text-decoration:none; height:21px; overflow:hidden; font-size:0; line-height:999px;}
.navigation ul li.order a{width:50px; background:url(images/navi.jpg) 0 0 no-repeat;}
.navigation ul li.about_us a{width:72px; background:url(images/navi.jpg) -65px 0 no-repeat;}
.navigation ul li.clients a{width:55px; background:url(images/navi.jpg) -151px 0 no-repeat;}
.navigation ul li.faqs a{width:45px; background:url(images/navi.jpg) -220px 0 no-repeat;}
.navigation ul li.contact a{width:65px; background:url(images/navi.jpg) -278px 0 no-repeat;}
.navigation ul li.contact{margin:0;}


.content{width:580px; height:601px; background:url(images/pg_bg.jpg) center top no-repeat; margin:0 auto;}
.content .content_left{float:left; width:175px; position:relative; height:250px;}
.content .content_left .cookie{position:absolute; left:-97px; top:-27px;}
.content .content_left span{display:block; width:238px; height:24px; background:url(images/call_us.png) 0 0 no-repeat; position:absolute; left:-79px; top:217px;}
.content .content_right{float:right; width:380px; padding:15px 15px 0 0;}

.canadian{clear:both; width:600px; margin:0 auto; text-align:right;}

.mob_navi{display:none;}
#nav-toggle{cursor:pointer; padding:15px 35px 20px 5px; float:left; margin:8px 0 10px 0; display:none;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{cursor:pointer; border-radius:1px; height:5px; width:30px; background:#5c1511; position:absolute; display:block; content:'';}
#nav-toggle:hover{background:none;}
#nav-toggle span:before {top:-10px;}
#nav-toggle span:after{bottom:-10px;}

.clients{}
.clients .cleft{float:left; width:150px; line-height:27px;}
.clients .cright{float:right; width:215px; padding:7px 5px 0;}

.clients_slider{width:210px; height:150px; overflow:hidden;}

@media only screen and (max-width: 767px) {
	.wrapper{width:auto; padding:0 15px; max-width:565px;}	
	.content{width:auto; height:auto; background:url(images/pg_bg_mob.jpg) center top repeat; margin:0 auto;
		-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.33);
		-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.33);
		box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.33);
	}
	.content .content_left{float:none; width:auto; height:auto;}
	.content .content_left .cookie{position:static; margin:10px; height:auto; width:45px; float:left;}	
	.content .content_left span{position:static; float:right; margin:20px 10px 0 0; width:190px; background:url(images/call_us_mob.png) 0 0 no-repeat; background-size:contain;}
	.content .content_right{float:none; width:auto; padding:10px 15px 20px;}
	.canadian{width:auto; padding:5px 0 0;}
	.canadian img{width:100px; height:auto;}
	.navigation{margin:0; padding:0; display:none;}
	.navigation ul{width:auto; padding:10px 0;}
	.navigation ul li{float:none; padding:5px 0;}
	.navigation ul li a{float:none; display:block;}
	.mob_navi,
	#nav-toggle{display:block;}
	.clients .cright{float:left; width:auto; padding:7px 0; margin:0 auto;}
	
	.clients .cleft{clear:both; float:none;}
}