body {
	margin: 0;
	padding: 0;
	background: #666 url(images/img01.jpg) repeat;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	color: #8A8985;
}

h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	font-weight: normal;
	color: #7D7764;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #7D7764;
	font-size: 1em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-weight: normal;
	color: #fff;
	font-size: 1em;
}

h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #fff;
	font-size: 2em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}
a {
	text-decoration: none;
	color: #341A39;
}

#wrapper {
	overflow: hidden;
	background-color: #FFFFFF;
}

.container {
	width: 1000px;
	margin: 0px auto;
	/*background: url(images/face.png) no-repeat right bottom;*/
}

.ImgBorder {
    border: 1px solid #fff;
}
.ImgBorder:hover {
    border: 1px solid red;
}

/* Header */

#header-wrapper {
	overflow: hidden;
	height: 430px;
	background: url(images/10.jpg) repeat-x left top;
}



/* Banner */

#banner {
	/*overflow: hidden;*/
	height: 300px;
	background: url(images/img04.jpg) no-repeat center bottom;
}

#banner .image-style {
	border: 0px solid #FFF;
}

/* Logo */

#logo {
	float: left;
	width: 300px;
	margin: 50px 0px 40px 0px;
	padding: 0;
	color: #000000;
	text-align:right;
}

#logo h1, #logo p {
}

#logo h1 {
	padding: 20px 0px 0px 0px;
	letter-spacing: -2px;
	font-size: 3.8em;
}

#logo p {
	margin-top: -10px;
	padding: 0px 0px 0px 5px;
	font-size: 22px;
	color: #FFFFFF;
} 

#logo p a {
	color: #FFFFFF;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Splash */

#splash {
	overflow: hidden;
	padding: 0px 0px 50px 0px;
	border-bottom: 1px dashed #E7E2DC;
	letter-spacing: -3px;
	text-align: center;
	font-size: 48px;
}

#splash span {
	color: #313131;
}



/* Search */

#search {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 170px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}

/* Menu */

#menu {
	float: right;
	width: 600px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 70px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-right: 1px;
	padding: 10px 0px 15px 30px;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	color: #57A7B3;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
	color: #FFFFFF;
}

#menu .current_page_item a {
}

/*
Techonolgy Quest;

creating a horizontal Dropline menu is simple.
Following id will define the dimensions for the menu, margin, padding width, height.
For the drop line menu the position is added in this class.
Its not necessary to add position
*/
 #menucontainer {
    margin: 0px;
    padding: 0px;
    width: 630px;
    height: 90px;
	float:right;
}
#menucontainer ul {
    margin: 0px;
    padding: 70px 0px 0px 0px;
    list-style: none;
    width: 630px;
    height:40px;
}
/* Following selector will define the style for individual parent menu. The following style gives them a look when the menus are not selected.
note that the position proerty is not set.
*/
 #menucontainer ul li.parent_menu {
    list-style: none;
    margin: 0px;
    padding: 7px;
    display: inline;
}
/* 
Style for the anchor tag defined in the parent. 
*/
 #menucontainer ul li.parent_menu a {
    margin-right: 1px;
	padding: 10px 10px 15px 0px;
    display: inline;
    text-decoration: none;
    font-size: 20px;
	font-weight: bold;
    color: #fff;
	text-shadow: 1px 1px 0px #666;
}
/*
The following class will define the style for anchor tag in the 

*/
 #menucontainer ul li.parent_menu:hover a {
    list-style: none;
    margin-right: 1px;
	padding: 10px 10px 15px 0px;
    display: inline;
    text-decoration: none;
    color:#000;
}
/***************SUB MENU***********************/

/*
Following class will hide the sub menu when the mouse is not hovering.
*/
 #menucontainer ul li.parent_menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display:none;
    position: absolute;
    height: 0;
}
/*
Following class display hide the sub menu when the mouse is not hovering.
Note: for this style of the menu position is set to 'absolute'

*/
 #menucontainer ul li.parent_menu:hover ul {
    margin: -5px 0 0 0;
    padding: 0px;
    list-style: none;
    display:block;
    position: absolute;
    height: auto;
}
/* Following selector will define the style for individual sub menu. The following style gives them a look when the menus are not selected.
note that the position proerty is not set and dispaly is block.
Also the float property is set left; This will keep the menu in a single line.
*/
 #menucontainer ul li.parent_menu:hover ul li.child_menu {
    list-style: none;
    margin-right: 1px;
	padding: 10px 0px 15px 8px;
    display: block;
    float: left;
}
/*
Following class will define the style for the anchor tag of the submenu/child menu
*/
 #menucontainer ul li.parent_menu:hover li.child_menu a {
    margin-right: 1px;
	padding: 10px 0px 15px 12px;
    display: inline;
    text-decoration: none;
    font-size: 18px;
    color: #000;
    line-height: 33px;
	font-weight:550;
}
#menucontainer ul li.parent_menu:hover li.child_menu a:hover {
    margin-right: 1px;
	padding: 10px 0px 15px 12px;
    display: inline;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    font-weight:550;
}

/* Page */

#page {
	padding: 0px 0px 0px 0px;
}

/* Content */

#content {
	float: left;
	width: 660px;
	padding: 0px 40px 0px 0px;
	background: url(images/img05.jpg) no-repeat right 40px;
}

.post {
	overflow: hidden;
}

.post .title {
	padding: 0px 0px 20px 0px;
	letter-spacing: -1px;
	font-size: 24px;
	font-weight:bold;
}

.post .title a {
	border: none;
	text-transform: lowercase;
	color: #7D7764;
}

.post .meta {
	margin-bottom: 30px;
	padding: 0px;
	text-align: left;
	font-size: 16px;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entry {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	text-align: justify;
}

.links {
	padding-top: 20px;
	margin-bottom: 30px;
}

.more {
	display: block;
	float: left;
	width: 88px;
	height: 25px;
	padding: 2px 0px 0px 0px;
	margin-right: 10px;
	background: url(images/img08.jpg) no-repeat left top;
	text-align: center;
	color: #FFFFFF;
}

.comments {
	display: block;
	float: left;
	width: 88px;
	height: 25px;
	padding: 2px 0px 0px 0px;
	background: url(images/img08.jpg) no-repeat left top;
	text-align: center;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 280px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #787878;
}

#sidebar h2 {
	padding: 0px 0px 30px 0px;
	letter-spacing: -3px;
}

#sidebar a {
	border: none;
	color: red;
	font-size: 19px;
    font-weight:550;
}

#sidebar a:hover {
	color: #000;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Three Column Footer Content */

#footer-content {
	background: url(images/img04.png) no-repeat center top;
	color: #fff;
	background-color:#666;
	line-height: 0.8em;
}

#footer-bg {
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}

#footer-content h2 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	letter-spacing: -2px;
	text-shadow: 1px 1px 0px #000;
	font-size: 30px;
	color: #FFFFFF;
}

.image-style {
	border: 10px solid #FFF;
}

#column1 {
	float: left;
	width: 960px;
	margin-right: 20px;
}

#column2 {
	float: left;
	width: 320px;
}

#column3 {
	float: right;
	width: 320px;
}

/* Footer */

#footer {
	height: 30px;
	margin: 130px auto 0px auto;
	padding: 0px;
	background-color:#666;
}

#footer p {
	margin: 0;
	padding-top: 6px;
	line-height: normal;
	text-align: center;
	color: #fff;
	font-size:13px;
}

#footer a {
	color: red;
}

footer .custom {
	 width: 100%;
	}
	
footer .custom > div > div {
	 min-width: 10%;
	 float:left;
	 padding-bottom:0px;
}	
footer div > div > div:nth-child(3) {
	 min-width: 10%;
	 float:left;	
	}
	
footer div > div > div:nth-child(5) {
	 padding-right:10px;
	 float:left;
	}	

#marketing {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 20px 0px 10px 0px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

#marketing .text1 {
	float: left;
	margin: 0px;
	padding: 0px;
	letter-spacing: -2px;
	text-transform: lowercase;
	font-size: 34px;
	color: #345E9B;
}

#marketing .text2 {
	float: right;
}

#marketing .text2 a {
	display: block;
	width: 252px;
	height: 38px;
	padding: 15px 0px 0px 0px;
	background: url(images/img07.jpg) no-repeat left top;
	letter-spacing: -2px;
	text-align: center;
	text-transform: lowercase;
	font-size: 30px;
	color: #FFFFFF;
}

.box1 {
	overflow: hidden;
	height: 300px;
	background: url(images/img04.jpg) no-repeat center bottom;
}

.list-style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style1 li {
	padding: 7px 0px 7px 0px;
	border-top: 1px dashed #E7E2DC;
}

.list-style1 .first {
	padding-top: 0px;
	border-top: none;
	font-weight: bold;
}


.list-style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style2 li {
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #fff;
}

.list-style2 a {
	color: #fff;
}

.list-style2 a:hover {
	color: red;
}

.list-style2 .first {
	padding-top: 0px;
	background: none;
}

#box1 {
	margin-bottom: 30px;
}

.list-style22 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style22 li {
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C7C7C7;
	text-align: center;
}

.list-style22 a {
	color: #000;
}

.list-style22 a:hover {
	color: red;
}

#column11 {
	float: left;
	width: 320px;
	margin-right: 0px;
}

#column22 {
	float: left;
	width: 320px;
}

#box {
	width:160px;
	height:220px;
	border:1px solid #cdcdcd;
	text-align:center;
	padding:10px;
	overflow:hidden;
	float:left;
	
	margin: 0px 15px 15px 20px;
}

#termek_kep {
	float:left;
	width:162px;
	background:#ffffff;
	padding:2px;
	border: 0px solid #e1e1e1;
	margin-right:30px;
	margin-bottom: 50px;
}

table tbody tr td {
padding: 3px 13px;
border: none;
}

.artlist_1 {
background: #eaeaea;
}

.artlist_0 {
background: #f8f8f8;
}


li.li-selected a {
	font-weight: bold !important;
}