body, p, form, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    font-family: verdana, georgia, sans-serif, dejavu;
    font-size: 12px;
    color: #666;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}

a {
	outline: none;
}

a:link,
a:visited {
    color: #2C90D2;
    text-decoration: underline;
}

	a:hover {
		text-decoration: overline;
	}
	
ul {
    list-style-type: none;
}

img {
    border: 0;
}

div.lclear {
	clear: left;
}

h1.news {
	font-family: verdana, georgia, sans-serif, dejavu;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	padding-bottom: 2px;
	border-bottom: 1px dashed #dadada;
}

	h1.news a:link,
	h1.news a:visited {
		font-family: verdana, georgia, sans-serif, dejavu;
		font-weight: normal;
		font-size: 14px;
		color: #2C90D2;
		text-decoration: underline;
	}
	
		h1.title a:hover {
			text-decoration: overline;
		}
		
h1.link {
	font-family: verdana, georgia, sans-serif, dejavu;
	font-weight: normal;
	font-size: 12px;
	color: #2C90D2;
	text-align: left;
}

	h1.link a:link,
	h1.link a:visited {
		font-family: verdana, georgia, sans-serif, dejavu;
		font-weight: normal;
		font-size: 12px;
		color: #2C90D2;
		text-decoration: underline;
	}
	
		h1.link a:hover {
			text-decoration: overline;
		}
		
h2 {
	font-family: verdana, georgia, sans-serif, dejavu;
	font-weight: bold;
	font-size: 16px;
	color: #777;
	text-align: left;
	margin-bottom: 13px;
}

h3 {
	font-family: verdana, georgia, sans-serif, dejavu;
	font-weight: normal;
	font-size: 16px;
	color: #777;
	text-align: right;
	background: url(../gfx/heading_back1.gif) left bottom no-repeat;
	padding-bottom: 9px;
	margin-bottom: 17px;
}

h4 {
	font-family: verdana, georgia, sans-serif, dejavu;
	font-weight: normal;
	font-size: 12px;
	color: #777;
	text-align: right;
	background: url(../gfx/heading_back1.gif) left bottom no-repeat;
	padding-bottom: 9px;
	margin-bottom: 17px;
}

/**********************************************************************/

div#wrapper {
	width: 940px;
	background-color: #fff;
	margin: 0 auto;
}

div#site {
	float: left;
	width: 940px;
}

	div#site div#site_left {
		float: left;
		width: 78px;
		height: 679px;
		margin-right: 2px;
		background: #fff url(../gfx/main_left.jpg) left top no-repeat;
	}
	
	div#site div#site_right {
		float: left;
		width: 78px;
		height: 679px;
		margin-left: 2px;
		background: #fff url(../gfx/main_right.jpg) left top no-repeat;
	}

	div#site div#site_main {
		float: left;
		width: 780px;
		margin-bottom: 20px;
		background: #F2F2F2;
	}

div#header {
	float: left;
	width: 780px;
	height: 190px;
	background: #f2f2f2 url(../gfx/header_back.jpg) left top repeat-x;
	position: relative;
}

	div#topline {
		width: 780px;
		height: 45px;
		position: relative;
	}

		div#topline ul li {
			float: right;
		}
		
		div#topline p {
			position: absolute;
			font-family: georgia, verdana, sans-serif, dejavu;
			font-size: 16px;
			color: #CFCFCF;
			top: 13px;
			left: 49px;
		}
	
	div#logo {
		position: absolute;
		top: 45px;
		left: 40px;
	}
	
	div#photos {
		border-top: 5px solid #fff;
		position: absolute;
		top: 85px;
		right: 0;
	}

div.content {
	margin: 0 5px 0 50px;
}

div#menu {
	float: left;
	width: 725px;
	height: 29px;
	margin: 5px 0 54px 0;
	background: #fff url(../gfx/menu_back.gif) left top repeat-x;
	font-size: 0;
}

	div#menu ul li {
		float: right;
	}
	
	div#menu ul em {
		display: none;
	}
	
div#footer {
	float: left;
	width: 780px;
	height: 69px;
	background-color: #EDEDED;
	border-top: 1px solid #DADADA;
	border-bottom: 10px dashed #FFF;
}

	div#footer p.copy {
		float: left;
		width: 284px;
		height: 37px;
		border-right: 1px solid #DADADA;
		margin: 16px 64px 0 18px;
		font-size: 11px;
		line-height: 1.1em;
	}

	div#footer p.contact {
		float: left;
		width: 211px;
		height: 37px;
		border-right: 1px solid #DADADA;
		margin: 16px 0 0 0;
		font-size: 11px;
		line-height: 1.1em;
	}

div.main {
	text-align: center;
	margin: 20px 0 30px 0;
}

	div.main a:link,
	div.main a:visited {
		font-size: 11px;
	}

/**********************************************************************/

/* INDEX */

div.welcome {
	float: left;
	width: 725px;
	height: 165px;
	overflow: hidden;
}

	div.welcome div {
		margin-left: 42px;
	}

		div.welcome div img {
			border: 1px solid #DADADA;
			float: left;
		}
	
		div.welcome div p {
			float: right;
			width: 514px;
			padding-top: 3px;
		}
	
div.features {
	float: left;
	width: 400px;
	height: 170px;
	overflow: hidden;
}

	div.features ul {
		margin-left: 20px;
	}

		div.features ul li {
			width: 155px;
			float: left;
			margin-bottom: 16px;
			padding-left: 28px;
			background: url(../gfx/li_back.gif) left 5px no-repeat;
		}
	
div.news {
	float: left;
	width: 275px;
	height: 170px;
	margin-left: 50px;
	overflow: hidden;
}

	div.news div {
		margin: 0 19px;
	}

		div.news div p.date	{
			font-size: 10px;
			color: #A3A3A3;
			margin-bottom: 14px;
		}
		
/**********************************************************************/

/* kapcsolat.php */

div.kapcsolat {	
	float: left;
	width: 725px;
	overflow: hidden;
	background: #F2F2F2 url(../gfx/team.gif) left 60px no-repeat;
}

	div.kapcsolat p {
		margin: 30px 50px 0 265px;
	}
	
	div.kapcsolat div.names {
		margin: 30px 50px 0 240px;
		float: left;
		display: inline;
	}
	
		div.kapcsolat div.names p {
			width: 180px;
			margin: 0 0 15px 25px;
			padding-bottom: 15px;
			border-bottom: 1px solid #DADADA;
			float: left;
			display: inline;
		}
	
/**********************************************************************/

/* szolgaltatasaink.php */

div.szolgaltatasaink {	
	float: left;
	width: 725px;
	margin-bottom: 30px;
	overflow: hidden;
}

	div.szolgaltatasaink p {
		margin: 0px 50px 20px 105px;
	}
	
	div.szolgaltatasaink h4 {
		text-align: left;
		width: 150px;
	}

/**********************************************************************/

/* magunkrol.php */

div.magunkrol {	
	float: left;
	width: 725px;
	margin-bottom: 15px;
	overflow: hidden;
	background: url(../gfx/magunk.gif) left 30px no-repeat;
	padding-bottom: 40px;
}

	div.magunkrol p {
		margin: 30px 50px 0 265px;
/*		margin: 0 100px 20px 100px;*/
	}
	
/**********************************************************************/

/* referenciak.php */

div.referenciak {	
	float: left;
	width: 725px;
	margin-bottom: 30px;
	overflow: hidden;
	background: url(../gfx/ref_back.gif) left top no-repeat;
}

	div.referenciak div.ref {
		margin-right: 20px;
		padding: 10px;
		width: 100%;
		border-bottom: 1px dashed #DADADA;
		float: left;
	}
	
		div.referenciak div.ref:hover {
			background-color: #F8F8F8;
		}

		div.referenciak div.ref img {
			float: left;
			border: 5px solid #fff;
		}

		div.referenciak div.ref p {
			float: left;
			margin-left: 80px;
			display: inline;
		}

			div.referenciak div.ref p.adatok {
				margin-left: 100px;
				display: inline;
			}
	
				div.referenciak div.ref p.adatok span {
					font-size: 11px;
				}
		
	div.referenciak div.ref#latest {
		border-bottom: 8px solid #DADADA;
		width: 670px;
		margin-bottom: 20px;
	}

	div.referenciak div.ref#under {
		border: 4px dashed #DADADA;
		width: 657px;
		margin-bottom: 20px;
	}

		h1.title {
			font-size: 13px;
			font-family: georgia, verdana, sans-serif;
			font-weight: bold;
			font-style: normal;
			text-align: left;
			color: #666;
		}

ul#scrollpage {
	height: 25px;
	width: 725px;
	clear: both;
	padding-top: 5px;
	text-align: center;
	list-style: none;
	margin: 0 auto;
}
	
	ul#scrollpage li {
		display: inline;
	}
	
		ul#scrollpage li a:link,
		ul#scrollpage li a:visited {
			padding: 3px 5px;
			border: 1px solid #DADADA;
			background-color: #fff;
			margin: 0 3px;
			text-decoration: none;
		}

			ul#scrollpage li a:hover {
				background-color: #DADADA;
				color: #000;
				outline: none;
			}

div#scroll {
	width: 725px;
	margin: 0 auto;	
	overflow: hidden;
}

div#content {
	width: 4000px;
	}
	
div.section {
	width: 685px;
	margin: 20px;
	float: left;
	display: inline;
	}

div#scroll, div.section {
	height: 710px;
}