body{
	margin:			0;
	padding:		0;
	background:		#e1e1e1 url(../images/main-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: #45a4e0; text-decoration: underline; cursor: pointer; outline: none !important; }
a:hover{ color: #000; }


	/*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; width: 100%; heihgt: 0px;}

/* 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;}

div.leftSpacer{
	width:	10px;
	float:	none;
	clear:	both;
	height:	16px;
	overflow:	hidden;
	}

/* LAYOUT START */

div.frame{
	width:		940px;
	height:		auto;
	text-align:	left;
	background: transparent;
	}
	
	div.frame div.header{
		width:		940px;
		height:		100px;
		border:		none;
		overflow:	hidden !important;
		background:	transparent url(../images/header-bg.jpg) top left;
		}
		
		div.frame div.header img.logo{
			display:	block;
			width:		150px;
			height:		100px;
			float:		left;
			border:		none;
			}
		
		div.frame div.header div.menu{
			width:		550px;
			height:		100px;
			float:		right;
			overflow:	hidden;
			border:		none;
			}
		
		div.frame div.header div.menu div.spacer{
			width:		550px;
			height:		71px;
			}
		
		div.frame div.header div.menu a{
			display:			block;
			width:				100px;
			height:				29px;
			text-align:			center;
			float:				left;
			padding:			5px 0 0 0;
			color:				#444;
			text-decoration:	none;
			}
			div.frame div.header div.menu a:hover{
				background:	transparent url(../images/menu-active-bg.jpg) repeat-x top left;
				color:		#fff;
				}
			div.frame div.header div.menu a.active{
				background:	transparent url(../images/menu-active-bg.jpg) repeat-x top left;
				color:		#fff;
				}
			
		div.frame div.header div.menu img.sepIMG{
			display:	block;
			width:		1px;
			height:		29px;
			float:		left;
			}
	
	div.frame div.bigBlue{
		width:		940px;
		height:		259px;
		background:	transparent url(../images/bigblue-bg.jpg) no-repeat top left;
		color:		#fff;
		text-align:	center;
		padding:	20px 0 20px 0;
		}
		
	div.frame div.bigBlue#sub{
		width:		940px;
		height:		259px;
		background:	transparent url(../images/bigblue-bg-sub.jpg) no-repeat top left;
		color:		#fff;
		text-align:	center;
		padding:	40px 0 0 0;
		}
		
		div.frame div.bigBlue div.trailer{
			width:		840px;
			border:		none;
			}
		
		div.frame div.bigBlue div.trailer div.item{
			width:		280px;
			height:		auto;
			margin:		0 0 0 0;
			padding:	0 0 0 0;
			float:		left;
			text-align:	left;
			border:		none;
			}
			
			div.frame div.bigBlue div.trailer div.item div.content{
				width:		200px;
				height:		150px;
				border:		none;
				margin:		0 0 0 0;
				padding:	0 40px 0 40px;
				}
				
				div.frame div.bigBlue div.trailer div.item div.content a.thumb{
					display:			inline-block;
					width:				90px;
					height:				90px;
					padding:			13px 10px 13px 10px;
					text-decoration:	none;
					border:				none;
					background:			transparent url(../images/pic-bg.png) no-repeat top left;
					text-align:			center;
					overflow:			hidden !important;
					}
					div.frame div.bigBlue div.trailer div.item div.content a.thumb:hover{
						background:			transparent url(../images/pic-bg-alt.png) no-repeat top left;
						}
						
					div.frame div.bigBlue div.trailer div.item div.content a.thumb span{
						display:			block;
						width:				90px;
						height:				83px;
						overflow:			hidden;
						text-decoartion:	none;
						}
				
				div.frame div.bigBlue div.trailer div.item div.content h1{
					display:				block;
					height:					40px;
					margin:					0 0 5px 0;
					padding:				0 0 5px 10px;
					font-size:				11px !important;
					font-weight:			bold !important;
					background:				transparent url(../images/link-arrow.gif) no-repeat top left;
					background-position:	0px 5px;
					}
				div.frame div.bigBlue div.trailer div.item div.content h1 a{
					color:				#ffcb00 !important;
					text-decoration:	none !important;
					}
				
				div.frame div.bigBlue div.trailer div.item div.content a{
					color:				#ffcb00 !important;
					text-decoration:	underline !important;
					}
					div.frame div.bigBlue div.trailer div.item div.content a:hover{
						color:	#fff !important;
						}
					
				div.frame div.bigBlue div.trailer div.item div.content h2{
					display:		block;
					width:			200px;
					height:			100px;
					font-weight:	normal;
					color:			#fff;
					font-size:		11px;
					margin:			0 0 0 0;
					padding:		0 0 0 0;
					}
		
		
	div.frame div.mainContent{
		padding:	30px 80px 30px 80px;
		background:	transparent url(../images/content-bg.jpg) no-repeat top left;
		}
		
		div.frame div.mainContent h1{
			color:			#0b3656;
			font-weight:	normal;
			font-size:		30px;
			margin:			0 0 15px 0;
			padding:		0 0 15px 0;
			}
			
		div.frame div.mainContent a{
			color:				#0b3656;
			text-decoration:	underline;
			cursor:				pointer;
			outline:			none !important;
			}
			div.frame div.mainContent a:hover{
				color: #ffcb00;
				}
			
	div.footer{
		width:		100%;
		height:		101px;
		padding:	0 0 0 0;
		text-align:	center;
		background:	transparent url(../images/footer-bg.jpg) repeat-x top left;
		color:		#777;
		}
		div.footer span{
			color:	#0b3656;
			}
		div.footer a{
			color:	#45a4e0 !important;
			text-decoration:	underline;
			}
			div.footer a:hover{color:	#000 !important;}
			
		div.footer div.content{
			width:		940px;
			height:		60px;
			padding:	40px 0 0 0;
			background-position:	890px 20px;
			}
			
	div.frame div.mainContent div.services{
		width:	780px;
		}
	
	div.frame div.mainContent div.services div.item{
		margin:		0 0 20px 0;
		padding:	0 0 20px 0;
		background:	transparent;
		border-bottom:		1px solid #ccc;
		}
		
		div.frame div.mainContent div.services div.item h1{
			font-size:		16px;
			font-weight:	bold;
			margin:			0 0 5px 0;
			padding:		0 0 5px 0;
			}
			div.frame div.mainContent div.services div.item h1 a{
				color:				#0b3656;
				text-decoration:	none;
				}

		div.frame div.mainContent div.services div.item h2{
			display:		inline;
			font-size:		11px;
			font-weight:	normal;
			}
			
		div.frame div.mainContent div.services div.item a{
			color:				#0b3656;
			text-decoration:	underline;
			}
			div.frame div.mainContent div.services div.item a:hover{
				color:	#ffcb00 !important;
				}
				
				
	a.thumb{
		display:			block;
		width:				100px;
		height:				100px;
		float:				left;
		border-right:		20px solid transparent;
		text-decoration:	none !important;
		}
		
	div.info{
		width:		600px;
		float:		left;
		}
	
	div.frame div.bigBlue div.thumbnails{
		width:		800px;
		height:		241px;
		overflow:	hidden;
		}
		
	div.frame div.bigBlue div.thumbnails a{
		display:			inline-block;
		width:				90px;
		height:				90px;
		padding:			13px 10px 13px 10px;
		text-decoration:	none;
		border:				none;
		background:			transparent url(../images/pic-bg.png) no-repeat top left;
		text-align:			center;
		overflow:			hidden !important;
		}
		div.frame div.bigBlue div.thumbnails a:hover{
			background:			transparent url(../images/pic-bg-alt.png) no-repeat top left;
			}
		
		div.frame div.bigBlue div.thumbnails a span{
			display:			block;
			width:				90px;
			height:				83px;
			overflow:			hidden;
			text-decoartion:	none;
			}
			
div.subMenu{
	display:		none;
	width:			100px;
	height:			auto;
	background:		#9f9f9f;
	padding:		10px 15px 0 15px;
	border-right:	1px solid #fff;
	border-bottom:	1px solid #fff;
	border-left:	1px solid #fff;
	position:		absolute;
	}
	
	div.subMenu a.subLink{
		color:					#444 !important;
		display:				block !important;
		height:					auto !important;
		margin:					0 0 5px 0 !important;
		padding:				0 0 0 10px !important;
		font-size:				11px !important;
		font-weight:			normal !important;
		background:				transparent url(../images/link-arrow.gif) no-repeat top left !important;
		background-position:	0px 5px !important;
		float:					none !important;
		text-align:				left !important;
		text-decoration:		none !important;
		}
		div.subMenu a.subLink:hover{
			color:#ffcb00 !important;
			}