html{
	background-color: #331111;
}

#body{
	background-color: #eeddcc;
	width: 900px;
	/*height: auto;*/
	margin-left: auto;
	margin-right: auto;
}

#header{
	background: url(../images/bf.png) bottom left no-repeat;
	background-color: #331111;
}

#content{
	background-color: #eeddcc;
	font-family: "Garamond", sans-serif;
	min-height:500px;
	height:auto !important;	
	height:500px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/jf.gif) top right no-repeat;
}

#footer{
	/*height: 80px;*/
	background: url(../images/foot_bg.png) no-repeat;
	background-position: bottom center ;
	background-color: #eeddcc;
}

#footer div{
	width: 850px;
	padding-top: 20px;
	padding-left: 20px;
	height: 10px;
}

#foot_right{
	float: right;
	position:relative;
	top:30px;
}
#foot_left{
	float: left;
	position:relative;
	top:30px;
}



/*main_menu*/
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

#main_menu {
	position:relative;
	width: 759px;
	margin-left:auto;
	margin-right:auto;
	height: 45px;
	background-color: #331111;
}
#main_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main_menu ul li a {
	display: block;
	height: 27px;
	padding-left: 15px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 65%;
	color: #FFFFFF;
	text-decoration: none;
}

#main_menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/bg_menu_button.gif) top left no-repeat;
}

#main_menu ul li a span.menu_ar {
	display: block;
	float: left;
	height: 30px;
	padding-top: 0px;
	padding-right: 15px;
	background:  url(../images/bg_menu_button.gif) top right no-repeat;
	cursor: pointer;
}


#main_menu ul li a:hover,
#main_menu ul li.highlight a{
	background:  url(../images/bg_menu_hover.gif) top left no-repeat;
}

#main_menu ul li a:hover span.menu_ar,
#main_menu ul li.highlight a span.menu_ar {
	
	background:  url(../images/bg_menu_hover.gif) top right no-repeat;
}

a:focus {
	outline: none;
}

a:link {color:#827f7c}    /* unvisited link */
a:visited {color:#827f7c} /* visited link */
a:hover {color:#ffffff}   /* mouse over link */
a:active {color:#ffffff}  /* selected link */




#videoPlayer{

	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#mp3_player{
	width: 288px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}


/*only for the form*/
#contact_form{
	width: 500px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 50px 20px 50px;
	background-image:  url(../images/form_middle.png);
	background-repeat: repeat-y;
	color: #FFFFFF;
}

#form_top,#form_bottom{
	width: 600px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
}

#contact_form .text-input{
	float:right;
	width: 330px;
}

#contact_form .row{
	padding:2px 5px 2px 5px;
	height: 50px;
}
#contact_form .row_area{
	height: 150px;
	padding:2px 5px 2px 5px;
}

#contact_form label{
	float:left;
}

#contact_form textarea{
	width: 200px;
	height: 120px;
}

#checkmark{
	position:relative;
	top: -50px;
	right: -380px;
}

label.error{
	font-weight:normal;
	color:red;
	text-align:left;
	width:140px; 
	padding-left:25px;
    background: transparent url(../images/cancel.png) no-repeat scroll left;
	width: 470px;
	height: 30px;
}


/*help fot the movie player*/
#help {
	background-image: url(../images/help_bg.png) ;
	height: 150px;
	width: 400px;
	display: none;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
	padding: 25px;
	font-size: 12px;
}
.slide {
	text-align: left;
	margin: 0;
	padding: 0;
	height: 40px;
	background: url(../images/btn-slide.png) no-repeat center center;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 240px;
	height: 33px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	/*font: bold 120%/100% Arial, Helvetica, sans-serif;*/
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
.active {
	background-position: right 12px;
}


/******** OTHER THINGS :) ********/

#calendar{
	/*background: url(../images/calendar_bg.png) no-repeat center;*/
	color: #fff;
	margin-left: 290px;
	height: 260px;
	width: 300px;
}
.calendarButton{
	width: 30px;
	
}


table{
	border-width: 1px;
	border-style: solid;
}

/*input,*/
select,#b1,#b2,.bn{
    color:#edc;
    background-color:#311;
}

#b3{
    color:#000;
    background-color:#edc;
    line-height:130%;
    font:90% cursive
}

hr,#l1,#l2,#l3{
    color:#edc;
    background-color:#06a
}

hr{
    margin:6px 0px;
    border:#06a solid 1px
}

li{
    line-height:190%;
    text-align:left;
    text-indent:4px
}

li2{
    line-height:190%;
    text-align:left;
    text-indent:4px
}



#b2{
    white-space:nowrap;
    vertical-align:top
}

#l1{
    background-image:url(../images/bl.gif)
}

#l3{
    background-image:url(../images/jl.gif)
}

#b1{
    background-image:url(../images/bf.gif);
    width:85px
}

#b1,#b2{
    height:40px;
}

#l1,#l2,#l3{
    height:50px;
}

#l1,#l3{
    width:50px;
}

#l1{
    background-position:top left;
}

#b1{
    background-position:bottom left;
}

#b3,#l3{
    background-position:top right;
}

#b3,#b1,#l1,#l3{
    background-repeat:no-repeat;
}

table,#b2,.bn{
    padding:0;
    border-spacing:0;
    border:0
}

td,h1,h2,h3,.bn,.th{
    vertical-align:middle;
    text-indent:0px;
    text-align:center;
}

.th_bottom{
	width: 125px;
	height: 4px;

}


.th{
	background-image: url(../images/thumb_bg.png) ;
	background-position:top center;
	background-repeat: no-repeat;
}

p,.j{
    text-align:justify;
    text-indent:12px;
	font-size: larger;
	
}

fieldset{
    margin:8px 105px;
    padding:16px;
    /*border:#311 solid 2px*/
}

.refs{
	margin:0px 0px 0px 105px;
    padding:16px;
	background-image: url(../images/refs_bg.png) ;
	background-position:top center;
	background-repeat: no-repeat;
	width: 650px;
	color: #ffffff;
}
.refs_bottom{
	margin:0px 0px 10px 112px;
	background-image: url(../images/refs_bg_bottom.png) ;
	background-position:top center;
	background-repeat: no-repeat;
	width: 670px;
	height: 20px;
}


p,h1,h2,h3{
    padding:2px 16px 0px 16px;
    margin:0px 16px 0px 16px;
}


hr{
    width:100%;
}


.bn,.banner,.nagybanner{
    height:60px;
}

.vb{
    width:88px;
    height:31px;
}

.va,a.va:visited,a.va:hover,a.va:active{
    color:inherit;
    background-color:transparent;
	
}

.va{
	margin-left: auto;
	margin-right: auto;

}
.banner{
    width:234px;
}

.nagybanner{
    width:468px;
}

.th{
    width:112px;
    border:#edc solid 8px;
    padding:8px;
}