/* CSS Document */

* {
   padding: 0;
   margin: 0;
   margin-left: 0;
   padding-left: 0;
}

body {
   background: url(../images/back.gif) repeat 100% 0;
   color: #000; 
   text-align: center; 
   min-width: 680px; 
   font-family: verdana, lucida, arial, helvetica, sans-serif;
}

p {
   margin-bottom: 10px;
   line-height: 19px;
   font-size: 80%;
}

a, a:link, a:visited {
   color: #009999;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus {
   text-decoration: none;
   color: #009999;
   font-weight: bold;
}  

span a {
   font-weight: bold;
   text-decoration: none;
}
/*
#flag a:active, a:focus {
   text-decoration: none;
   color: #FFFFFF;
   font-weight: normal;

}  

#flag a, a:link, a:visited {
   color: #FFFFFF;
   text-decoration: none;
   font-weight: normal;
}
#flag a:hover {
   text-decoration: underline;
   }

*/
#container {
   position: relative; 
   margin: 0 auto;
   width: 700px;
   text-align: left;
   background: #E9E9E9;
}

/* intro */

#pageHeader {
   background: url(../images/web_banner_logo.jpg) center top no-repeat;
   padding-top: 5px;
   padding-left: 40px;
   height: 200px;
   color: #FFFFFF
}

#pageHeader h1 {
	position: absolute;
	width: 294px;
	left: 50px;
	top: 55px;
	font-size: 150%;
	line-height: 150%;
}

#pageHeader h2 {
	position: absolute;
	width: 500px;
	left: 52px;
	top: 160px;
	font-size: 100%;
}

#quickSummary {
	position: absolute;
	width: 300px;
	left: 374px;
	top: 55px;
	height: 167px;
	font-size: 90%;
	text-align: right;
         color: #00FFFF;
         font-weight: bold;
}

#about {
   margin-left: 25px;
   margin-right: 25px;
   margin-bottom: 30px;
   padding: 10px 20px 10px;
   background-color: #1395CA;
   color: #FFF;
   border-bottom: solid #1289A6 1px;
   border-right: solid #1289A6 20px;
}

#about h3 {
   color: #000;
   margin-bottom: 10px;
   }

#alkalmak {
   margin-left: 25px;
   margin-right: 25px;
   margin-bottom: 30px;
   padding: 10px 20px 10px;
   background-color: #FFFFFF;
   color: #FFF;
   border-bottom: solid #1289A6 1px;
   border-right: solid #1289A6 20px;
}
#alkalmak h1 {
   font-family: Castellar, verdana, lucida, arial, helvetica, sans-serif;
   font-size: 34px;
   text-align: center;
   color: red;
   margin-bottom: 5px;
   }
#alkalmak h2 {
   font-family: Castellar, verdana, lucida, arial, helvetica, sans-serif;
   font-size: 22px;
   text-align: center;
   color: red;
   margin-bottom: 5px;
   }
#alkalmak h3 {
   font-family: Castellar, verdana, lucida, arial, helvetica, sans-serif;
   font-size: 16px;
   text-align: center;
   color: red;
   margin-bottom: 5px;
   }
/* generic text */

#supportingText {
   margin-left: 25px;
   margin-right: 25px;
   padding: 10px 10px 15px 10px;
   border: solid #1289A6 1px;
}

#supportingText ul li {
   margin-left: 25px;
}

#supportingText ol li {
   margin-left: 25px;
   font-family: verdana, lucida, arial, helvetica, sans-serif;
  
}

#products, #services, #support, #development {
   padding-right: 50px;
}

#supportingText h3 {
   margin-bottom: 20px;
   margin-right: 20px;
   padding-left: 10px;   
   height: 25px;
   width: 530px;
   background-color: #1395CA;
   color: #FFF;
   border-bottom: solid #1289A6 1px;
   border-right: solid #1289A6 20px;
}

#supportingText .p1 {
   color: #000000;
}

#footer {
   clear: both;
   font-size: 70%;
   margin-top: 20px;
   border-top: solid #000000 1px;
   padding-top: 20px;
   color: #000000;
}

/* links */

#linkList {
   clear: both; 
   height: 30px;
   margin-bottom: 15px;
}
#lmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
/*	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;*/
	font-size:14px;
	font-weight:bold;
	}
#lmenu ul{
	background:#155579;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#lmenu li{
		float:left;
		padding:0px;
		}
	#lmenu li a{
		background:#155579 url("../images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
                /*border-left: solid #333333 3px;*/
                }
		#lmenu li a:hover, #lmenu ul li:hover a{
			background: #2580a2 url("../images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	#lmenu li ul{
		background:#155579;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:200px;
		z-index:200;
 		/*top:1em;
		/*left:0;*/
		}
	#lmenu li:hover ul{
		display:block;
		}
	#lmenu li li {
		background:url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		}
	#lmenu li:hover li a{
		background:none;

		}
	#lmenu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
  		}
		#lmenu li ul a:hover, #lmenu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			/*border-left: solid #333333 3px;*/
			}
	#lmenu p{
		clear:left;
		}


/*
#lmenu {
 padding-top: 10px;
 padding-bottom: 10px;

}
#lmenu li a:hover {
   color: #fff;
   background-color: #33AA94;
   border-left: solid #000000 3px;
}

#lmenu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   font-size: 14px;
}

#lmenu ul li {
   display: inline;
}

#lmenu li a { 
   text-decoration: none; 
   padding: .2em .8em;
   color: #fff;
   background-color: #155579;
   border-left: solid #000000 3px;
}
*/
blockquote {
	margin: 10px;
 	padding: 0 0 0 40px;
        border: 1px solid #f2f2f2;
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;
  	font-style: italic;
}