* {
	margin:	0;
	border:	0;
	padding:	0;
	}

html {
	font-size:	62.5%;
	Xbackground:	#F4F2E1 url("../_img/Footer.png") repeat-x center bottom;
	}

body {
	font-family:	Tahoma, Arial, Helvetica, sans-serif;
	Xfont-size:	1.4em;
	background:	#F4F2E1 url("../_img/Bg.png") repeat-x center top;
	Xmargin-bottom:	300px;
	}


.nv { display: none; }

/* ========== Typography ========== */

#Content {
	font-size:	1.3em;
	}

h2 {
	font-size:	150%;
	color:	#02499E;
	margin-bottom:	0.5em;
	font-weight:	normal;
	margin-top:	0.5em;
	}
	
h3 {
	margin-top: 0.5em;
	}

p {
	color:	#444;
	text-align: justify;
	}

ul.n {
	margin-left: 1.5em;
	}

a {
	color:	#036CBD;
	}

a:hover {
	color:	#00F;
	}

#popup {
	border: 2px solid #09790b;
	width: 356px;
	padding: 11px;
	background: #fff url('../_img/recycle.png') no-repeat left center;
	position: absolute;
	left: 50%;
	top: -100%;
	margin-left: -178px;
	z-index: 9 !important;
	font-size: larger;
}
#popup h2 {
	color: #09790b;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}
#popup p {
	margin-left: 128px;
}
#popup p#ptext a {
	color: #09790b;
	font-size: larger;
}
#popup #pclose {
	text-align: right;
	font-size: small;
	margin-top: 20px;
	cursor: pointer;
}

/* ========== Main containers ========== */
#Page {
	padding-top:	300px;
	background:	url("../_img/Page.png") repeat-y center;
	Xmargin-bottom:	-100px;
	Xposition:	relative;
	}

#Content, #NaviMain {
	
	}

/* ---------- Header ---------- */
#Header {
	position:	absolute;
	top:	0;
	width:	100%;
	min-width:	950px;
	height:	300px;
	background:	#044792 url("../_img/Header.png") repeat-x top center;
	overflow:	hidden;
	}

#Top {
	position:	absolute;
	left:	50%;
	width:	1532px;
	height:	257px;
	margin:	0 0 0 -766px;
	padding:	48px 0 0 0;
	background:	url("../_img/Top.png") no-repeat top center;
	}

#Banner {
	position:	relative;
	width:	950px;
	min-height:	209px;
	margin:	0 auto;
	background:	#FFF url("../_img/Top.png") no-repeat -291px -48px;
	}

#Logo {
	position:	absolute;
	left:	159px;
	top:	87px;
	}

/* --- Client menu --- */

#NaviClient {
	position:	absolute;
	right:	250px;
	top:	135px;
	color:	#036CBD;
	font-size:	1.2em;
	}

#NaviClient li {
	list-style:	none;
	background:	url("../_img/recyclesmall.png") no-repeat right center;
	padding-right:	48px;
	height: 48px;
	margin-bottom:	.3em;
	text-align: right;
	}

#NaviClient li a {
	color:	#09790b;
	text-decoration:	none;
	}

#NaviClient li a:hover {
	text-decoration:	underline;
	}

#NaviClient span {
	text-decoration: underline;
	}


#eco {
	position:	absolute;
	left:	730px;
	top:	125px;
	width:	125px;
	color:	#72AB0B;
	font-size:	1.2em;
	line-height:	1.5em;
	}

#eco img {
	margin-right:	10px;
	vertical-align:	middle;
	}

#eco a.btn {
	display:	block;
	width:	115px;
	height:	21px;
	line-height:	21px;
	margin-top:	7px;
	background:	url("../_img/BtnShinySmallGreen.png") no-repeat;
	color:	#72AB0B;
	font-size:	0.9em;
	text-decoration:	none;
	text-align:	center;
	}

/* ---------- Main menu ---------- */
#NaviMain {
	position:	absolute;
	left:	50%;
	width:	950px;
	height:	43px;
	margin:	257px auto 0 -475px;
	background:	#FFF url("../_img/NaviMain.png") repeat-x top;
	}

#NaviMain dt { display: none; }

#NaviMain ul {
	list-style:	none;
	height:	31px;
	margin-top:	10px;
	border-top:	1px solid #F0EEDE;
	border-bottom:	1px solid #D9D8CD;
	font-size:	1.25em;
	}

#NaviMain li {
	float:	left;
	background:	#F4F3E1 url("../_img/NaviMain.png") repeat-x 0 -11px;
	}

#NaviMain li a {
	display:	block;
	width:	134px;
	height:	31px;
	line-height:	31px;
	text-align:	center;
	border-left:	1px solid #CCD0D3;
	border-right:	1px solid #FFF;
	color:	#333;
	text-decoration:	none;
	}

#NaviMain li:first-child a {
	border-left:	0;
	}

#NaviMain li:last-child a {
	border-right:	0;
	}

#NaviMain li:hover {
	background-color:	#F8F7ED;
	background-position:	0 -43px;
	}

#NaviMain li:hover a {
	line-height:	33px;
	}

#NaviMain li.sel {
	background-color:	#E8E5C5;
	background-position:	0 -75px;
	}

/* ---------- Middle ---------- */
#Middle {
	width:	918px;
	margin:	0 auto 0 auto;
	Xmargin:	0 auto -100px auto;
	padding:	28px 16px 16px 16px;
	background:	#FFF url("../_img/Middle.png") repeat-x top;
	}

/* ---------- Middle ---------- */

/* ---------- Footer ---------- */

#Footer {
	width:	100%;
	height:	210px;
	background:	#044792 url("../_img/Footer.png") repeat-x top center;
	clear:	both;
	}

#Footer div {
	height: 100px;
	width:	950px;
	margin:	0 auto;
	background:	#FFF url("../_img/FooterBar.png") no-repeat bottom center;
	}

p#copyright {
	position: relative;
	top: 105px;
	background: none !important;
	color: #a9c4de;
	line-height: 120%;
	text-align: center;
	}


/* ============================== Main page ============================== */

/* ========== Service info ========== */
#ServiceInfo {
	margin-bottom:	25px;
	padding-bottom:	19px;
	background:	#D1B82D url("../_img/ServiceInfo_bottom.png") no-repeat bottom;
	color:	#444;
	clear:	both;
	}

#ServiceInfo dt {
	height:	19px;
	background:	#D1B82D url("../_img/ServiceInfo_top.png") repeat-x bottom;
	font-size:	1px;
	text-indent:	-2000px;
	}

#ServiceInfo dd {
	border-left:	1px solid #D1B82D;
	border-right:	1px solid #D1B82D;
	Xpadding:	25px;
	background:	#FFF url("../_img/ServiceInfo.png") repeat-x bottom;
	overflow:	hidden;
	}

#ServiceInfo .col {
	float:	left;
	padding:	23px;
	}

#ServiceInfo .col p {
	margin-bottom:	1em;
	text-align:	justify;
	}

#ServiceInfo .col1 {
	width:	265px;
	min-height:	255px;
	padding-left:	145px;
	padding-right:	32px;
	background:	url("../_img/ServiceInfo_img.png") no-repeat 23px 23px;
	}

#ServiceInfo .col2 {
	width:	225px;
	background:	url("../_img/ServiceInfo_sep.png") no-repeat left center;
	}

#ServiceInfo .col3 {
	width:	150px;
	background:	url("../_img/ServiceInfo_sep.png") no-repeat left center;
	}

/*#ServiceInfo*/ .col2 .btn {
	display:	block;
	width:	177px;
	height:	36px;
	line-height:	36px;
	background:	#2178C3 url("../_img/BtnShinyIndigo.png") no-repeat;
	text-align:	center;
	text-decoration:	none;
	font-size:	1.3em;
	color:	#F4F2E2;
	margin:	1em auto;
	}

#ServiceInfo .col1 small {
	font-size:	.85em;
	}

/*#ServiceInfo*/ .col2 .btn:hover {
	color:	#FFF;
	}

#ServiceInfo .col3 .play {
	font-size:	1.2em;
	text-align:	center;
	}
.play a {
	text-decoration: none;
	}

/* ----- Profits ----- */
#Profits {
	list-style:	none;
	Xborder-left:	1px solid #D5D2B6;
	}

#Profits li {
	margin:	1em 0 1em 1em;
	padding-left:	20px;
	background:	url("../_img/Bullet.png") no-repeat 0 4px;
	}

#Profits li a {
	
	}


/* ========== Second boxes ========== */
.Box999Top {
	background:	url("../_img/Box999_topleft.png") no-repeat left top;
	height:	5px;
	position:	relative;
	top:	-12px;
	left:	-21px;
	width:	452px;
}
.Box999Top .BoxRight {
	background:	url("../_img/Box999_topright.png") no-repeat right top;
	height:	5px;
}
.Box999Bottom {
	background:	url("../_img/Box999_bottomleft.png") no-repeat left bottom;
	height:	5px;
	position:	relative;
	top:	12px;
	left:	-21px;
	width:	452px;
	clear: both;
}
.Box999Bottom .BoxRight {
	background:	url("../_img/Box999_bottomright.png") no-repeat right bottom;
	height:	5px;
}

.BoxA7Top {
	background:	url("../_img/BoxA7_topleft.png") no-repeat left top;
	height:	5px;
	position:	relative;
	top:	-10px;
	left:	-21px;
	width:	452px;
}
.BoxA7Top .BoxRight {
	background:	url("../_img/BoxA7_topright.png") no-repeat right top;
	height:	5px;
}
.BoxA7Bottom {
	background:	url("../_img/BoxA7_bottomleft.png") no-repeat left bottom;
	height:	5px;
	position:	relative;
	top:	10px;
	left:	-21px;
	width:	918px;
	clear: both;
}
.BoxA7Bottom .BoxRight {
	background:	url("../_img/BoxA7_bottomright.png") no-repeat right bottom;
	height:	5px;
}
.BoxA7Right {
	background:	url("../_img/BoxA7_topright2.png") no-repeat right top;
	height:	5px;
	width:	452px;
	position:	relative;
	top:	-10px;
	left:	445px;
}

.BoxB1Top {
	background:	url("../_img/BoxB1_topleft.png") no-repeat left top;
	height:	5px;
	position:	relative;
	top:	-17px;
	left:	-21px;
	width:	452px;
}
.BoxB1Top .BoxRight {
	background:	url("../_img/BoxB1_topright.png") no-repeat right top;
	height:	5px;
}
.BoxB1Bottom {
	background:	url("../_img/BoxB1_bottomleft.png") no-repeat left bottom;
	height:	19px;
	position:	relative;
	top:	6px;
	left:	-21px;
	width:	452px;
	clear: both;
}
.BoxB1Bottom .BoxRight {
	background:	url("../_img/BoxB1_bottomright.png") no-repeat right bottom;
	height:	19px;
}
.ISOBottom {
	background:	url("../_img/ISO_bottom.png") no-repeat center bottom;
	height:	14px;
	width:	440px;
	float:	left;
	position:	relative;
	left:	6px;
	top:	5px;
}

.BlueTop {
	background:	url("../_img/blue_top.png") no-repeat center top;
	height:	18px;
	position:	relative;
	left:	-1px;
	top:	-1px;
	width:	214px;
	}
.BlueBottom {
	background:	#f5f3e4 url("../_img/blue_bottom.png") no-repeat center bottom;
	height:	48px;
	position:	relative;
	left:	-1px;
	top:	1px;
	width:	214px;
	}

#WhereClientsBox, #InternationalBox {
	background:	#fff url("../_img/Box_bg.png") repeat-x scroll center bottom;
	width:	410px;
	float:	left;
	border:	1px solid #999;
	padding:	11px 20px;
	margin-bottom:	14px;
	}

#InternationalBox {
	margin-left:	14px;
	clear:	right;
	}

#Countries, #Companies {
	float:	left;
	width:	195px;
	}
#Countries {
	padding-right: 20px;
	} 

#References {
	background:	#f0eed8 url("../_img/Ref_bg.png") repeat-x scroll center top;
	width:	410px;
	clear:	left;
	border: 	1px solid #A7A7A7;
	border-bottom:	none;
	padding:	9px 20px;
	float:	left;
	min-height: 310px;
	}

#References h2 {
	color: 	#5f5f5f;
	background:	url("../_img/Star.png") no-repeat;
	padding-left:	40px;
	padding-top:	2px;
	height:	25px;
	}

#References ul {
	margin-top: 15px;
	}
#References li {
	font-size: 120%;
	list-style-type: none;
	}

#ISO {
	background:	#fff url("../_img/ISO_bg.png") repeat-x scroll center top;
	width:	410px;
	clear:	right;
	border: 	1px solid #A7A7A7;
	border-bottom:	none;
	padding:	16px 20px 0;
	float:	left;
	margin-left:	14px;
	}

#ISO p {
	background:	url("../_img/ISO_Stamp.png") no-repeat left center;
	padding-left:	130px;
	}

#ISO h2 {
	margin-top:	26px;
	}

#ISO ul {
	margin-left: 	20px;
	width:	225px;
	float:	left;
	padding-right:	21px;
	}

#ISO a img {
	text-align:	right;
	}

#CurrentRef {
	border:	1px solid #c6c4b5;
	color:	#707070;
	background:	#fff;
	padding:	25px 25px 10px;
	position: 	relative;
	top:	11px;
	}
.TheRef {
	font-size:	smaller;
}

#Clients {
	clear: 	both;
	border:	1px solid #A7A7A7;
	padding:	9px 20px;
	background:	#f0eed8;
	}
#Clients h2 {
	color: 	#5f5f5f;
	float: 	left;
	}
#Clients p {
	text-align:	right;
	padding-top:	5px;
	}
#Clients img {
	position:	relative;
	left:	-20px;
	}
.ClientsBox {
	position:	relative;
	height:	1px;
	left:	-20px;
	position:	relative;
	top:	-15px;
	width:	450px;
	background:	#f0eed8;
	}

#AboutEco, #AboutFilta {
	width:	410px;
	float:	left;
	border:	1px solid #999;
	padding:	11px 20px;
	}

#AboutEco {
	background:	url("../_img/eco_bg.png") no-repeat;
	margin-right:	14px;
	}

#AboutEco h2 {
	border-bottom:	1px solid #f8dd01;
	}

#AboutEco .Eco {
	padding-top:	181px;
	}

#AboutEco .Eco span {
	color:	#85b62c;
}

#AboutFilta {
	background:	#fff url("../_img/Box_bg.png") repeat-x scroll center bottom;
	}

#Address {
	width:	410px;
	float:	left;
	border:	1px solid #999;
	padding:	11px 20px;
	margin-top:	14px;
	background:	#fff url("../_img/Box_bg.png") repeat-x scroll center bottom;
	}

#Address address {
	float:	left;
	width:	50%
	}

#Address .btn {
	margin:	1em auto 0;
	}

#YellowNavi {
	width:	212px;
	border:	1px solid #999898;
	float:	left;
	margin-right:	40px;
	margin-bottom: 10px;
}

#YellowNavi h2 {
	text-align:	center;
	margin:	0.5em 0 1em;
	}

#YellowNavi ul {
	list-style-type:	none;
	}

#YellowNavi a {
	display:	block;
	border:	1px solid #999898;
	margin:	-1px;
	background:	#f5f3e4 url("../_img/YellowNavi_bg.png") repeat-x center top;
	height:	31px;
	line-height:	31px;
	color:	#474747;
	padding-left:	20px;
	text-decoration:	none;
	}

#WhatIs {
	float:	left;
	margin-right:	40px;
	width:	408px;
	}

#SeeMore {
	width:	182px;
	float:	left;
	}
#SeeMore .col2 {
	background:	#fff url("../_img/arrow_down.png") no-repeat right top;
	padding-right:	50px;
	font-size:	smaller;
	}
#SeeMore img {
	margin:	30px 0;
	}

#ServiceInfo.yel .col h2 span {
	color:	#3f89c1;
	}
#ServiceInfo.yel .col h2 span {
	color:	#72ab0b;
	font-weight:	bold;
	}

#ServiceInfo .col4 {
	width:	550px;
	}

#ServiceInfo .colfw {
	clear:	both;
	width:	100%;
	}

#ServiceInfo.yel h2 {
	border-bottom:	2px solid #fbe352;
	background:	url("../_img/greentick.png") no-repeat;
	padding-left:	45px;
	padding-top:	5px;
	padding-bottom:	10px;
	}

#ServiceInfo .colfw div.InfoBox {
	float:	left;
	background:	url("../_img/exclambox.png") no-repeat;
	width:	160px;
	padding:	20px;
	height: 178px;
	padding-left: 29px;
	margin-top:	-9px;
	}
#ServiceInfo .colfw .InfoBox h3 {
	line-height:	46px;
	text-align: center;
	}
#EmployeeSafety {
	float:	left;
	width:	460px;
	}

.lefttab {
	background:	#f7f6ea url("../_img/lefttab.png") no-repeat center top;
	height:	82px;
	width:	658px;
	text-align:	center;
	margin:	0 auto;
	}

.righttab {
	background:	#f7f6ea url("../_img/righttab.png") no-repeat center top; !important;
	}

.lefttab span, .lefttab a {
	color:	#02499E;
	display:	block;
	float:	left;
	font-size:	1.3em;
	line-height:	45px;
	text-decoration:	none;
	width:	50%;
	}
	
#contact {
	margin:	0 auto;
	width:	656px;
	border:	1px solid #ccc9c9;
	border-top:	0;
	font-size:	1.2em;
	line-height:	34px;
	background:	#fff url("../_img/contact.png") repeat-x center bottom;
	}
	
#contact p {
	border:	1px solid #e2e2e2;
	margin:	0 50px 22px;
	position: relative;
	top:	22px;
	background:	#fafaf3;
	padding:	8px 35px;
	}

#contact .firstbox {
	padding-left: 16px;
	}
	
.secondoption {
	margin-left: 50px;
	font-size:	87%;
	}
small.secondoption {
	font-size:	83%;
	color:	#a8a8a3;
	}
	
#contact .lastbox .secondoption {
	margin-left:	0;	
	width:	173px;
	display:	block;
	float:	left;
	}
	
#contact input, select, textarea {
	border:	1px solid #bab9b9;
	}
#contact input, select {
	font-size:	.8em;
	}
#contact option {
	padding-right: 4ex;
	}	
#contact input {
	width:	309px;
	}
	
#contact textarea {
	width:	100%;
	height:	159px;
	}
	
#contact input.btn {
	width:	177px;
	border:	0;
	margin-top:	70px;
	margin-bottom: 40px;
	font-size: 110%;
	}

#newstop {
	background:	url("../_img/news_top.png");
	height:	34px;
	width:	464px;
	line-height: 34px;
	margin:	0 auto;
	padding: 25px 112px 30px 47px;
	}
#newstop h2 {
	color: #5f5f59;
	}

.news {
	border:	1px solid #c1bebe;
	border-top:	none;
	width:	462px;
	margin:	0 auto;
	background:	url("../_img/benefits_bg.png");
	padding: 25px 112px 30px 47px;
	}
.news h3 {
	color:	#02499e;
	font-size:	115%;
	}

.tab {
	background:	url("../_img/clients_tab.png");
	line-height:	46px;
	width:	171px;
	float: left;
	margin-right:	5px;
	font-size:	150%;
	text-align:	center;
	}
.tab, .tab a {
	color:	#02499e;
	text-decoration:	none;
}
#clients {
	clear: both;
	border:	1px solid #c1bebe;
	background:	url("../_img/clients-left.png") repeat-y;
	padding-left:	197px;
	}
#clients-left {
	background:	url("../_img/clients-left.png");
	height:	1px;
	margin-left:	-197px;
	margin-top:	-1px;
	width:	169px;
	}
#clients small {
	font-size:	90%;
	padding-top:	30px;
	display:	block;
	}
#clients small span {
	font-size: larger;
	color: #02499E;
	}	
#clients h2 {
	background:	url("../_img/Bullet.png") no-repeat;
	position: relative;
	left:	-177px;
	padding-left:	21px;
	border-bottom:	2px solid #fce455;
	line-height:	10px;
	padding-bottom:	7px;
	width:	840px;
	}
#clients.references {
	background:	#fcfbf7 url("../_img/reference.png") repeat-x;
	padding: 59px 20px;
	}
#clients.references h2 {
	background:	url("../_img/Star.png") no-repeat;
	line-height:	25px;
	left:	0;
	padding-left:	38px;
	margin-top: 50px;
	}
#clients.references div {
	float:	right;
	width:	566px;
	}
#clients.references .referee {
	font-style: italic;
	margin-top: 0.5ex;
	margin-bottom: 1ex;
	}
	
#clients.references #clients-left {
	background:	#f3f1e0;
	margin-left:	156px;
	margin-top:	-60px;
	width:	169px;
	float:	none;
	}

#contact input.radio {
	width: 1em;
	height: 1em;
	}

.stepImgs {
	position: relative;
	left: -35px;
	width: 705px;
	padding-left: 254px;
	}

.stepImgs img {
	display: block;
	}
	
.stepImgs div {
	float: left;
	margin: 7px;
	}
	
.qas {
	background: url("../_img/filter.png") no-repeat top right;
	padding-right: 290px;
	}
	
.fryingrules {
	background: url("../_img/fryingrules.png") no-repeat top right;
	padding-right: 290px;
	}
	
#franchise {
	background: url("../_img/filtafry-tyl.jpg") no-repeat top left;
	padding-left: 310px;
	min-height: 400px;
	}

