body
		{
		margin: 0;
		padding: 0;
		background: #999;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		}

a
		{
		text-decoration: none;
		}

img, a img	
		{
		border: 0;
		}
		
#shadow
		{
		width: 668px;
		background: #069 url(images/arnyek_kek.jpg) repeat-y;
		text-align: center;
		margin: 0 auto;
		}

#container
		{
		background: #fee6cb;
		border-top: 10px solid #145480;
		padding: 0;
		width: 650px;
		text-align: left;
		margin: 0 auto;
		}
		
#header	
		{
		height: 300px;
		border-top: 6px solid #145480;
		}
.headindex
		{
		background: #2798d0 url(images/angyaljpg2.jpg) top left no-repeat;
		}
.headabout
		{
		background: url(images/tuzangyaljpg1.jpg) top left no-repeat;
		border-bottom: 6px solid #145480;
		}
.headservices
		{
		background: url(images/jaguarjpg1.jpg) top left no-repeat;
		border-bottom: 6px solid #145480;
		}
.headgallery
		{
		background: url(images/negernojpg1.jpg) top left no-repeat;
		border-bottom: 6px solid #145480;
		}

.headcontact
		{
		background: url(images/urlenyekjpg1.jpg) top left no-repeat;
		border-bottom: 6px solid #145480;
		}		
		
#mainnav
		{
		height: 20px;
		background: #fbfbfb;
		color: #fff;
		padding: 6px 0 5px 16px;
		margin: 5px 0 2px 0;
		border-bottom: 2px dotted #733;
		}
	
#mainnav ul
		{
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 14px;
		letter-spacing: 1px;
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
			
#mainnav ul li
		{
		display: inline;
		padding: 0 5px 0 0;
		margin: 0;
		}
		
#mainnav ul li span.aktivkek 
		{
		margin: 0;
		padding: 0;
		border-bottom: 6px solid #a1a1a1;
		color: #036;
		font-weight: bold;
		}
		
#mainnav ul li a:link, #mainnav ul li a:visited
		{
		margin: 0;
		padding: 0;
		text-decoration: none;
		color: #aaa;
		font-weight: bold;
		}
		
#mainnav ul li a:hover
		{
		margin: 0;
		padding: 0;
		border-bottom: 6px solid #e1e1e1;
		color: #900;
		font-weight: bold;
		}
		
#menu
		{
		float: right; 
		width: 200px;
		background: #fee6cb;
		padding: 10px 0 0 0;
		margin: 0;
		}	

#menu h2
		{
		font-size: 20px;
		font-weight: normal;
		letter-spacing: 1px;
		color: #036;
		padding: 35px 0 10px 0;
		margin: 0 0 5px 15px;
		}
		
#menu h2.hirek
		{
		font-size: 20px;
		font-weight: normal;
		letter-spacing: 1px;
		color: #036;
		padding: 10px 0 10px 0;
		margin: 0 0 5px 15px;
		}

#menu p
		{
		color: #666;
		padding: 15px 0 0 0;
		margin: 0 15px 0 15px;
		border: 0;
		line-height: 20px;
		}
		
#menu p.kivalaszt
		{
		color: #666;
		padding: 45px 0 0 0;
		margin: 0 15px 0 15px;
		border: 0;
		line-height: 20px;
		}

#menu ul
		{
		width: 160px;
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 12px;
		letter-spacing: 1px;
		padding: 0;
		margin: 0 0 0 10px;
		list-style-type: none;
		}
			
#menu ul li
		{
		text-align: left;
		color: #333;
		padding: 0px 0 5px 15px;
		margin: 0 0 5px 0;
		font-weight: bold;
		/*border-bottom: 1px solid #aaa;*/
		background: url(images/menu_circle.gif) top left no-repeat;
		}
		
#menu ul li.now 
		{
		color: #036;
		padding: 0px 0 5px 15px;
		margin: 0 0 5px 0;
		}

#menu ul li a:link, #menu ul li a:visited
		{
		margin: 0;
		padding: 0;
		text-decoration: none;
		color: #069;
		font-weight: bold;
		}
		
#menu ul li a:hover
		{
		color: #900;
		text-decoration: underline;
		}

#menu ul#serviceweb
		{
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 12px;
		padding: 80px 0 0 20px;
		margin: 0 0 0 0;
		list-style-type: none;
		}

#menu ul#serviceweb li
		{
		color: #666;
		padding: 0 0 0 15px;
		margin: 0 0 10px 0;
		border: 0;
		font-weight: bold;
		background: url(images/menu_arrow.gif) top left no-repeat;
		}
		
#menu ul#servicelog
		{
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 12px;
		padding: 80px 0 0 20px;
		margin: 0 0 0 0;
		list-style-type: none;
		}

#menu ul#servicelog li
		{
		color: #666;
		padding: 0 0 0 15px;
		margin: 0 0 10px 0;
		border: 0;
		font-weight: bold;
		background: url(images/menu_arrow.gif) top left no-repeat;
		}
		
#menu ul#servicegraph
		{
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 12px;
		padding: 70px 0 0 20px;
		margin: 0 0 0 0;
		list-style-type: none;
		}

#menu ul#servicegraph li
		{
		color: #666;
		padding: 0 0 0 15px;
		margin: 0 0 10px 0;
		border: 0;
		font-weight: bold;
		background: url(images/menu_arrow.gif) top left no-repeat;
		}
		
#menu a:link img, #menu a:visited img, #menu a:hover img
		{
		text-decoration: none;
		margin: 10px 0 0 15px;
		padding: 0;
		}
			
#content	
		{
		background: #fbfbfb;
		margin: 0 200px 0 0;
		padding: 10px 17px 10px 17px;
		border-right: 2px solid #aaa;
		}

#content #pull_galery
		{
		margin: 0 0 0 8px;
		}

#content h1
		{
		font-size: 18px;
		font-weight: normal;
		color: #999;
		padding: 0;
		margin: 0 0 15px 0;
		border-bottom: 2px solid #eee;
		text-align: right;
		}

#content h2
		{
		font-family: "Times New Roman", serif;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: 1px;
		color: #036;
		padding: 0;
		margin: 0 0 5px 0;
		}
		
#content h2 a:link, #content  h2 a:visited
		{
		color: #069;
		display: block;
		text-decoration: none;
		font-weight: normal;
		background: url(images/arrow.gif) 350px 0 no-repeat;
		}
		
#content h2 a:hover
		{
		color: #900;
		background-position: 370px -94px;
		text-decoration: none;
		}
		
#content h2 em
		{
		color: #999;
		font-size: 16px;
		}
		
#content h3
		{
		font-size: 16px;
		margin: 0 0 5px 0;
		padding: 0;
		color: #555;
		}

#content h3 a:link, #content h3 a:visited
		{
		color: #069;
		text-decoration: none;
		}
		
#content h3 a:hover
		{
		color: #900;
		text-decoration: underline;
		}
		
#content a:link.webdesignkep, #content a:visited.webdesignkep
		{
		float: left;
		width: 180px;
		margin: 40px 34px 15px 0;
		padding: 160px 0 0 0;
		text-align: center;
		display: block;
		background: url(images/galery/webdesign.jpg) 0 0 no-repeat;
		}
		
#content a:hover.webdesignkep
		{
		background-position: 0 -180px;
		}
		
#content a:link.logokep, #content a:visited.logokep
		{
		float: left;
		width: 180px;
		margin: 40px 0 15px 0;
		padding: 160px 0 0 0;
		text-align: center;
		display: block;
		background: url(images/galery/logo.jpg) 0 0 no-repeat;
		}
		
#content a:hover.logokep
		{
		background-position: 0 -180px;
		}
		
#content a:link.egyedikep, #content a:visited.egyedikep
		{
		float: left;
		width: 180px;
		margin: 0 34px 15px 0;
		padding: 160px 0 0 0;
		text-align: center;
		display: block;
		background: url(images/galery/egyedi.jpg) 0 0 no-repeat;
		}
		
#content a:hover.egyedikep
		{
		background-position: 0 -180px;
		}
		
#content a:link.mesekep, #content a:visited.mesekep
		{
		float: left;
		width: 180px;
		margin: 0 0 15px 0;
		padding: 160px 0 0 0;
		text-align: center;
		display: block;
		background: url(images/galery/mese.jpg) 0 0 no-repeat;
		}
		
#content a:hover.mesekep
		{
		background-position: 0 -180px;
		}
		
#content a:link.ismeretkep, #content a:visited.ismeretkep
		{
		float: left;
		width: 180px;
		margin: 0 34px 15px 0;
		padding: 160px 0 0 0;
		text-align: center;
		display: block;
		background: url(images/galery/ismeret.jpg) 0 0 no-repeat;
		}
		
#content a:hover.ismeretkep
		{
		background-position: 0 -200px;
		}
		
#content a:link.maguskep, #content a:visited.maguskep
		{
		float: left;
		width: 180px;
		margin: 0 0 15px 0;
		padding: 160px 0 0 0;
		text-align: center;
		display: block;
		background: url(images/galery/magus.jpg) 0 0 no-repeat;
		}
		
#content a:hover.maguskep
		{
		background-position: 0 -200px;
		}
		
#content h4
		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #666;
		margin: 0 0 5px 0;
		padding: 0;
		}
								
#content p
		{
		color: #222;
		padding: 0;
		margin: 0;
		border: 0;
		line-height: 20px;
		}

#content p.pull
		{
		color: #222;
		padding: 0;
		margin: 0 0 10px 0;
		border: 0;
		line-height: 20px;
		}
		
#content p.rolunk
		{
		margin: 0;
		padding: 10px 0 0 0;
		}
		
#content a:link, #content a:visited
		{
		color: #069;
		font-weight: bold;
		text-decoration: none;
		}
		
#content a:hover
		{
		color: #900;
		text-decoration: underline;
		}
						
#content .line
		{
		margin: 10px 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #ccc;
		}
							
#content .bottom
		{
		margin: 0;
		padding: 0 0 15px 0;
		}
		
#content .galery
		{
		margin: 10px 0 20px 0;
		padding: 0 0 20px 0;
		}
		
#content .clearthen:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: left; 
		visibility: hidden;
		}
		
* html .clearthen
		{ /* Hides from IE-mac \*/
		height: 1px;
		}

		
#content .thumb
		{
		float: left;
		width: 98px;
		margin: 0 15px 0 0;
		padding: 0 0 0 0;
		}
		
#content .thumb img
		{
		border: 2px solid #aaa;
		}		
	
#content .thumb a:link img, #content .thumb a:visited img 
		{
		border: 2px solid #145480;
		}
		
#content .thumb a:hover img 
		{
		border: 2px solid #900;
		}
		
#content .thumbclear
		{
		clear: right;
		}
		
#content .clearright
		{
		clear: both;
		}

#content .floatright
		{
		float: right;
		margin: 0 0 5px 5px;
		padding: 0;
		}
		
#content form
		{
		width: 330px;
		margin: 10px 0 0 0;
		padding: 0;
		}
		
#content form fieldset
		{
		background : #bad0e4;/*#E0C7C2;*/
		border : 1px solid #333;
		padding: 10px 0 0 10px;
		}
		
#content form fieldset legend
		{
		font-weight : bold;
		color : #a50;
		margin : 0;
		padding : 5px;
		}

#content form fieldset label
		{
		display: block;
		}
		
#content form fieldset input
		{
		width: 300px;
		margin: 0 0 10px 0;
		border: 1px solid #777;
		}
		
#content form fieldset textarea
		{
		width: 300px;
		margin: 0 0 10px 0;
		border: 1px solid #777;
		}		

#content form input#submit
		{
		width: 70px;
		margin: 15px 0 10px 10px;
		}

#contentgal	
		{
		background: #fbfbfb;
		margin: 0 auto;
		padding: 10px 17px 10px 17px;
		text-align: center;
		}

#contentgal img.pic
		{
		display: block;
		padding: 0;
		border: 1px solid #555;
		margin: 10px auto 0 auto;
		}

#contentgal h3.gal
		{
		font-size: 16px;
		margin: 10px 0 5px 0;
		padding: 0;
		color: #036;
		}
		
#contentgal a:link, #contentgal a:visited
		{
		display: block;
		width: 200px;
		color: #069;
		background: url(images/back.jpg) 0 0 no-repeat;
		text-decoration: none;
		padding: 5px 0 5px 10px;
		margin: 15px auto 0 auto;
		}

#contentgal a:hover
		{
		color: #900;
		background-position: 0 -97px;
		}

#footer
		{
		clear: both;
		text-align: center;
		background: #fbfbfb;
		border-top: 2px dotted #900;
		border-bottom: 10px solid #195480;
		margin: 0;
		padding: 5px 0 5px 17px;
		}
		
#footer p
		{
		font-size: 12px;
		margin: 0;
		padding: 0;
		line-height: 16px;
		}