body{
	margin:			0;
	padding:		0;
	background:		#f3f2e7 url(../images/bg.jpg) repeat-x top left;
	font-family:	"Verdana",Lucida,Verdana,sans-serif;
	font-size:		11px;
	color:			#444;
	font-weight:	normal;
	line-height:	1.6em;
	}
	
img{ border:none; }
img.png{ behavior: url(css/png2.htc); }

a{ color: #999; text-decoration: underline; cursor: pointer; outline: none !important; }
a:hover{ color: #fff !important; }


	/*Percents*/
	
	.w100{ width: 100%; }
	.w95{ width: 95%; }
	.w90{ width: 90%; }
	.w80{ width: 80%; }
	.w75{ width: 75%; }
	.w70{ width: 70%; }
	.w60{ width: 60%; }
	.w50{ width: 50%; }
	.w40{ width: 40%; }
	.w30{ width: 30%; }
	.w25{ width: 25%; }
	.w20{ width: 20%; }
	.w10{ width: 10%; }
	
	/*Pixels*/
	
	.w50px{ width: 50px; }
	.w100px{ width: 100px; }
	.w130px{ width: 130px; }
	.w150px{ width: 150px; }
	.w200px{ width: 200px; }
	.w250px{ width: 250px; }
	.w300px{ width: 300px; }
	.w350px{ width: 350px; }
	.w400px{ width: 400px; }
	.w450px{ width: 450px; }
	.w500px{ width: 500px; }
	.w550px{ width: 550px; }
	.w600px{ width: 600px; }
	.w650px{ width: 650px; }
	.w700px{ width: 700px; }

/* HEIGHTS */
	.s5{ height: 5px; overflow: hidden; float: none; clear: both; }
	.s10{ height:10px; overflow: hidden; float: none; clear: both; }
	.s15{ height:15px; overflow: hidden; float: none; clear: both; }
	.s20{ height:20px; overflow: hidden; float: none; clear: both; }
	
	.h10{height: 10px !important;}
	.h20{height: 20px !important;}
	.h30{height: 30px !important;}

	
/* ADDONS */
span.NameSpan{
		font-size: 20px;
		font-weight: normal;
		color:		#444;
		font-family: Times New Roman, Sans Serif !important;
		}
.noborder{ border: none; }
.strong{ font-weight: bold; }
.smallbig{ font-size: 14px; }
.kicsitab{ padding-left: 20px; }
.small{ font-size: 11px; letter-spacing: 0.5px; }
.verysmall{ font-size: 9px; color: #999; }
.link{cursor: pointer; }
.help{cursor: help; }
.und{ text-decoration: underline; }
.underlined:hover{ text-decoration: underline !important; }
.absmiddle{ vertical-align: middle !important; }
.verybig{ font-size: 28px; }
.redhover:hover{ color: #f00;}
.orange{ color: #ed6a00 !important;}
.green{color:#558911 !important;}
.red{color:#8c280d !important;}
.grey{color:#999 !important;}
.nofloat{float: none !important; clear: both !important; overflow: hidden !important;}

/* FORM */
form{ padding: 0px; margin: 0px; }

/* FLOATS */

.fleft{float: left !important;}
.fright{float: right !important;}
.nofloat{float: none !important; clear: both !important; height: 1px !important; overflow: hidden !important;}

.sub{display: none !important;}

/* LAYOUT START */

div.frame{
	width:		966px;
	height:		auto;
	border:		none;
	margin:		0;
	padding:	0;
	overflow:	hidden;
	text-align:	left;
	}
	
	div.frame div.header{
		width:		966px;
		height:		98px;
		border:		none;
		margin:		0;
		padding:	0 0 30px 0;
		overflow:	hidden;
		}
		
		div.frame div.header img.logo{
			display:	block;
			width:		215px;
			height:		98px;
			border:		none;
			float:		left;
			}
		div.frame div.header div.menu{
			width:		650px;
			height:		32px;
			margin:		66px 0 0 0;
			padding:	0 0 0 0;
			text-align:	left;
			float:		left;
			background:	transparent url(../images/menu_passive_bg.jpg) repeat-x top left;
			overflow:	hidden;
			border:		none;
			}
			div.frame div.header div.menu a{
				display:			block;
				float:				left;
				margin:				0;
				padding:			7px 5px 7px 5px;
				color:				#ed6a00;
				text-decoration:	none;
				text-transform:		uppercase;
				font-size:			11px;
				width:				auto;
				height:				18px;
				}
				div.frame div.header div.menu a:hover, a.active{
					color:		#ffffff !important;
					background:	#260e0e;
					}
			
		
		div.frame div.subHead.sec{
			width:		966px;
			height:		auto;
			padding:	0 0 0 0;
			overflow:	hidden;
			}
			div.frame div.subHead.sec div.title{
					width:		594px;
					height:		auto;
					margin:		0;
					padding:	2px 0 0 0;
					font-size:	28px;
					color:		#e1e0dc;
					}
					div.frame div.subHead.sec div.title span{
						color:	#ed6a00;
						}
			div.frame div.subHead.sec div.mainTitle{
					width:		900px !important;
					height:		auto;
					margin:		0 0 20px 0;
					padding:	70px 0 10px 0;
					}
					div.frame div.subHead.sec div.mainTitle h1{
						color:			#444;
						font-size:		38px;
						font-family:	Times New Roman, Sans Serif;
						font-weight:	normal;
						display:		inline;
						}
					div.frame div.subHead.sec div.mainTitle h1 span{color:	#ed6a00;}
				
		div.frame div.subHead{
			width:		966px;
			height:		auto;
			padding:	0;
			overflow:	hidden;
			}
			
			div.frame div.subHead div.left{
				width:		594px;
				height:		auto;
				float:		left;
				margin:		0 0 0 0;
				}
				div.frame div.subHead div.left div.title{
					width:		594px;
					height:		auto;
					margin:		0;
					padding:	2px 0 0 0;
					font-size:	28px;
					color:		#e1e0dc;
					}
					div.frame div.subHead div.left div.title h1{
						font-family:	"Verdana",Lucida,Verdana,sans-serif;
						width:			594px;
						height:			auto;
						margin:			0;
						padding:		2px 0 0 0;
						font-size:		28px;
						color:			#e1e0dc;
						font-weight:	normal;
						display:		inline;
						line-height:	30px;
						}
						div.frame div.subHead div.left div.title h1 span{
							color:	#ed6a00;
							}
						
				div.frame div.subHead div.left div.bigPic{
					width:		562px;
					height:		320px;
					margin:		25px 0 0 0;
					padding:	16px 16px 20px 16px !important;
					border:		none;
					overflow:	hidden !important;
					background:	transparent url(../images/header_main_pic_bg.png) no-repeat top left;
					}
					
					div.frame div.subHead div.left div.bigPic div.img{
						width:		562px !important;
						height:		320px !important;
						overflow:	hidden;
						}
						
						div.frame div.subHead div.left div.bigPic div.img{border:none !important;}
					
				div.frame div.subHead div.left div.mainTitle{
					width:	594px;
					height:	auto;
					margin:	0 0 20px 0;
					font-size:	38px;
					font-family: Times New Roman, Sans Serif;
					}
					div.frame div.subHead div.left div.mainTitle span{
						display:	block;
						padding:	30px 0 10px 0;
						}
					
					
		div.frame div.subHead div.right{
			width:		347px;
			height:		auto;
			margin:		0 0 0 25px;
			padding:	0 0 0 0;
			border:		none;
			float:		left;
			text-align:	left;
			font-size:	11px;
			color:		#fff;
			}
			div.frame div.subHead div.right div.descr{
				height:		88px;
				overflow:	hidden;
				}
			div.frame div.subHead div.right a.arrowed{
				color:				#ed6a00;
				text-decoration:	none;
				font-weight:		bold;
				background:			transparent url(../images/arrow_green.gif) no-repeat center left;
				padding:			0 0 0 12px;
				}
				div.frame div.subHead div.right a.arrowed:hover{color:#fff;}
			
			div.frame div.subHead div.right div.miniHead{
				color:			#9f9955;
				font-weight:	bold;
				margin:			15px 0 5px 0;
				padding:		0 0 5px 0;
				background:		transparent url(../images/sep_bg.gif) repeat-x bottom left;	
				}
				
			div.frame div.subHead div.right div.thumbs{
				margin:		10px 0 0 0;
				padding:	0;
				border:		none;
				}
				div.frame div.subHead div.right div.thumbs.p{
					height:		240px !important;
					overflow:	hidden !important;
					}
			
				div.frame div.subHead div.right div.thumbs.a{
					height:		125px !important;
					overflow:	hidden !important;
					}
				
				div.frame div.subHead div.right div.thumbs img{
					width:		42px;
					height:		42px;
					border:		1px solid #ccc;
					background:	#fff;
					margin:		5px 7px 5px 0;
					padding:	1px;
					}
					
			div.frame div.subHead div.right div.info{
				color:		#444;
				}
				div.frame div.subHead div.right div.info a{
					color:				#ed6a00;
					text-decoration:	underline;
					}
					div.frame div.subHead div.right div.info a:hover{
						color:	#000 !important;
						}
			div.frame div.subHead div.right div.menu{
				color:		#444;
				}
				div.frame div.subHead div.right div.menu a{
					color:				#ed6a00;
					text-decoration:	underline;
					display:			block;
					margin:				0 0 0 0;
					background:			transparent url(../images/arrow_green.gif) no-repeat center left;
					padding:			0 0 0 12px;
					}
					div.frame div.subHead div.right div.menu a:hover{
						color:	#444 !important;
						text-decoration:	none;
						}
					div.frame div.subHead div.right div.menu a.active{
						color:	#ed6a00 !important;
						}
						
	div.frame div.content{
		width:		966px;
		height:		auto;
		overflow:	hidden;
		margin:		20px 0 0 0;
		padding:	0 0 0 0;
		}
		
	div.frame div.content.sec{
		width:		966px;
		height:		auto;
		overflow:	hidden;
		margin:		0px 0 0 0;
		padding:	0 0 0 0;
		}
	
		div.frame div.content span.subTitle{
			font-size:	22px;
			color:		#444;
			font-family: Times New Roman, Sans Serif;
			}
		
		div.frame div.content div.teasers div.item{
			width:		280px;
			height:		230px;
			margin:		0 20px 30px 20px;
			padding:	0 0 0 0;
			border:		none;
			text-align:	left;
			float:		left;
			color:		#444;
			overfow:	hidden;
			}
			
			div.frame div.content div.teasers div.item div.title{
				background:	transparent url(../images/sep_bg.gif) repeat-x bottom left;
				padding:	0 0 7px 0;
				margin:		0 0 7px 0;
				height:		45px !important;
				overflow:	hidden !important;
				}
			div.frame div.content div.teasers div.item div.title a{
				font-size:			20px;
				color:				#444 !important;
				text-decoration:	none;
				font-weight:		normal;
				font-family:		Times New Roman, Times, serif;
				line-height:		25px;
				}
				div.frame div.content div.teasers div.item div.title a:hover{
					color:	#444 !important;
					}
				div.frame div.content div.teasers div.item div.title a span{
					color:#ed6a00;
					}
					
			div.frame div.content div.teasers div.item img{
				display:		block;
				width:			111px;
				height:			72px;
				border:			none;
				padding:		3px 4px 5px 4px;
				margin:			0 15px 0 0;
				background:		transparent url(../images/item_thumb_bg.jpg) no-repeat top left;
				float:			left;
				}
				
			div.frame div.content div.teasers div.item a{
				color:				#ed6a00;
				text-decoration:	underline;
				}
				div.frame div.content div.teasers div.item a:hover{color:#000 !important;}
				
	div.frame div.footer{
		width:		906px;
		height:		auto;
		overflow:	hidden;
		margin:		20px 0 0 0;
		padding:	20px 0 20px 60px;
		background:	#e2dfcf;
		color:		#888;	
		}
		
	div.frame div.footer div.left{
		width:		800px;
		height:		auto;
		float:		left;
		}
	div.frame div.footer div.right{
		width:		100px;
		height:		auto;
		float:		left;
		}
		
	div.frame div.footer a{
		color:	#888888;
		text-decoration:	none;
		}
	div.frame div.footer a:hover{
		color:	#000 !important;
		}
	div.frame div.footer a.up{
		color:	#444;
		text-decoration:	underline;
		}
	div.frame div.footer a.up:hover{
		color:	#000 !important;
		}
		
		
div.icon{
	width:		100px;
	height:		60px;
	float:		left;
	text-align:	center;
	margin:		0 10px 10px 0;
	}
	div.icon img{border: 1px solid #ccc;}
	div.icon a{
		color:	#ed6a00 !important;
		}
	div.icon a:hover{
		color:	#444 !important;
		}
	
div.frame div.content a{
	color:				#ed6a00 !important;
	text-decoration:	underline;
	}
	div.frame div.content a:hover{
	color:				#000 !important;
	}

div.frame div.content div.smallPics{
	width:		100px;
	height:		auto;
	margin:		0 0 0 0;
	padding:	0 0 0 0;
	float:		left;
	text-align:	center;
	}
	
	div.frame div.content div.smallPics a{
		color:	#ed6a00;
		text-decoration:	none;
		}
	div.frame div.content div.smallPics a img{
		width:		60px;
		height:		auto;
		border:		2px solid #fff;
		}
		
		div.frame div.content div.smallPics a:hover{
			color:	#444 !important;
			}
		div.frame div.content div.smallPics a:hover img{
			border:		2px solid #fff;
			}
		
div.frame div.content img.iconimg{
	width:		60px;
	height:		auto;
	margin:		0 10px 10px 0;
	padding:	0 0 0 0;
	border:		2px solid #fff;
	}

/* H2, H3, H4 */

h2{
	font-family:	"Verdana",Lucida,Verdana,sans-serif !important;
	font-size:		11px !important;
	color:			#444 !important;
	font-weight:	bold !important;
	display:		inline !important;
	}
	
h3{
	font-family:	"Verdana",Lucida,Verdana,sans-serif !important;
	font-size:		11px !important;
	color:			#444;
	font-weight:	bold !important;
	display:		none !important;
	}
	
h4{
	font-family:	"Verdana",Lucida,Verdana,sans-serif !important;
	font-size:		11px !important;
	color:			#444 !important;
	font-weight:	normal !important;
	display:		inline !important;
	}
	
h5{
	font-family:	"Verdana",Lucida,Verdana,sans-serif !important;
	font-size:		11px !important;
	color:			#444 !important;
	font-weight:	normal !important;
	display:		inline !important;
	}
	
	
/* INPUTOK */
div.EmailLeft{
	width:	362px;
	height:	auto;
	float:	left;
	}
div.EmailRight{
	width:	500px;
	height:	auto;
	float:	left;
	}
div.FormLeft{
	width:			130px;
	height:			auto;
	margin:			0;
	padding:		3px 15px 0 0;
	float:			left;
	font-size:		12px;
	font-weight:	normal;
	border:			none;
	text-align:		left;
	}

div.FormRight{
	width:		212px;
	height:		auto;
	float:		left;
	margin:		0;
	padding:	0;
	border:		none;
	}

.textfield{
	width:		200px;
	height:		auto;
	border:		1px solid #b7919a;
	background:	#fff url(../images/input-bg.jpg) repeat-x top left;
	font-size:	11px;
	color:		#444;
	padding:	5px;
	}
.textarea{
	width:		300px;
	height:		150;
	border:		1px solid #b7919a;
	background:	#fff url(../images/input-bg.jpg) repeat-x top left;
	font-size:	11px;
	color:		#444;
	padding:	5px;
	font-family:	"Verdana",Lucida,Verdana,sans-serif;
	}