* { padding:0; margin: 0; }

body { text-align: center; font: 62.5% "Trebuchet MS", Trebuchet, Verdana, Helvetica, sans-serif; color: #fff; }
.clearboth { clear: both }
.hand { cursor: pointer }
.hand_big { cursor: pointer; font-size: 2.0em; position: relative; top: 3px }
.bold { font-weight: bold }
.cross { cursor: default }
.rf { float: right }
.lf { float: left }
.scrollable { overflow-x: hidden; overflow-y: scroll }
.hidden { display: none }
.show { display: block }
div.center { width: 100%; text-align: center }
.alignright { text-align: right }
.noborder { border: none }

.bggreen { background-color: #77ad1b }
.bgrose { background-color: #e2017b }
.bgorange { background-color: #f18e00 }

#container { width: 920px; height: 690px; margin: 0 auto; }

#header { height: 230px; padding: 0px 15px 0 11px }
    
    #header .menu { font-size: 1.2em; color: #fff; background-color: #F78F1E; padding: 10px 0 10px 0; margin-bottom: 8px }
        #header .menu a { color: #fff; text-decoration: none }
        #header .menu a.active { font-weight: bold }

    #header #header-logo { float: right; border: none; margin-top: 5px }
    
    #header #header-menu { float: left; padding-top: 5px; height: 110px }
    
    .events-container { text-align: center; height: 75px; padding-left: 100px }
    
        ul.events { list-style-type: none; list-style-position: outside; color: #a8a9ad; padding-top: 10px; width: 685px; }
            ul.events li { float: left; height: 100px; font-size: 14px; text-align: left; }
            ul.events li.spacer { width: 20px }
            ul.events li p { text-align: left; }
            ul.events li img { float: left; padding: 5px }
            ul.events li p.title { /* float: left;  */font-weight: bold; }
                ul.events li p.title .seemore { font-weight: normal }
            ul.events li p.date { /* float: left; */ }
                ul.events li a.active { font-weight: bold }
            ul.events li a { color: #a8a9ad; text-decoration: none }
                ul.events li a span.active { color: #585858 }
        
    #header #title { float: right; text-align: right; padding-top: 4px }
        #header #title h1, h3 { color: #f78f1e }
        #header #title h1 { font-size: 38px }
        #header #title h3 { font-size: 12px; }
        
#index-container { background: transparent url(/layout/img/welcomebg.jpg) no-repeat bottom left; height: 526px }
    #index-container h1 { font-size: 52px; font-weight: normal; padding: 45px 0 }
    #index-container .menu, #page-container .menu { font-size: 12px; }
    #index-container .lang, #page-container .lang { font-size: 10px; padding: 5px 0 15px 0 }
    #index-container .contacts, #page-container .contacts { padding: 14px 0 2px 0 }
    #index-container a, #page-container a { color: #fff; text-decoration: none; }
        #page-container a.active { font-weight: bold }
    
#page-container { min-height: 528px; background-color: #ed008c; }
    #page-container img { float: left }
    #page-container .content { float: left; width: 595px; padding: 0 12px 0 12px; text-align: left }
        #page-container .content h2 { padding: 20px 0 15px 0; font-size: 25px }
        #page-container .content .text { font-size: 1.1em; }
        #page-container .content .prices { float: left; width: 300px; border: 0 none; font-size: 1.2em }
        #page-container .content .prices .title { font-weight: bold }
        
        #page-container .content .links {  }
            #page-container .content .links .title { font-weight: bold; font-size: 1.5em }
            #page-container .content .links .urls { list-style-type: none; margin-bottom: 10px }
                #page-container .content .links .urls li a { font-size: 1.2em }
                #page-container .content .links .urls li a:hover { text-decoration: underline }
                
        #page-container .content .doc { clear: both; font-size: 1.1em }                    
        
            
    #page-container #footer1 { clear: both; padding-top: 80px }

.form {  }
    .form p { float: left; width: 87px; text-align: right; padding: 2px 5px 0 0; font-size: 1.3em }
    .form div { width: 357px }
    .form p.spacer { height: 4px; width: 100% }
    .form p.error, .form p.msg  { width: 350px; padding: 25px 0 0 87px; text-align: left }
    .form p.note { float: none; padding: 0 0 20px 0; width: auto; text-align: left }
    .form input { float: left; width: 260px; height: 20px; border: none }
    .form select { width: 260px; height: 20px; border: none; }
    .form p.submit { text-align: right; width: 352px; padding: 20px 0 0 0; }
        .form p.submit input { float: right; width: 20px; height: 20px }
        .form p.submit a { float: right; padding: 3px 8px 0 0; font-size: 11px }
    
#evt-menu { float: left; width: 302px; height: 356px; text-align: left; background-position: bottom middle }
    #evt-menu ul { list-style-type: none; padding-left: 14px; font-size: 1.2em }
    #evt-menu ul.menu { padding-top: 20px; }
    #evt-menu ul.submenu { padding-top: 10px }
        #evt-menu ul li { padding-bottom: 2px }
            #evt-menu ul li a { color: #fff; text-decoration: none; font-size: 1.1em }
            #evt-menu ul li img { position: relative; top: 2px; left: -2px }
            
#event { float: left; width: 618px; height: 336px; padding: 20px 0 0 0; text-align: left; }
    #event h1 { font-size: 30px }
    #event .text { padding: 8px 130px 0 0; text-align: left; width: 488px; height: 278px; line-height: 20px; overflow-x: hidden; overflow-y: auto }
    #event .gal { width: 618px; padding-right: 0px; overflow: hidden }
        #event .text .cmstext { font-size: 1.3em }
        #event .text a { color: #fff }
            #event .text a img { border: none; text-decoration: none }
        
    #event .text .columnlist { list-style-type: none; list-style-position: outside }
    #event .text .columnlist li { float: left; width: 157px; padding-right: 5px; }
            
    #event .text .pdoc { font-weight: bold; font-size: 1.3em; margin: 0 0 5px 0 }
       
        #event .text p.faq_answer { position: relative; top: -3px; padding-bottom: 4px; color: #e9e9e9; line-height: 1.2em }

    #event .text .spacer { clear: both; height: 8px }
    #event .text .nav { position: absolute; width: 100px; top: 480px; margin-left: 500px; text-align: center }

#footer1 img { padding: 50px 0 0 80px }
#footer1 p { clear: both }

.galleries-menu { list-style-type: none; list-style-position: outside; }
.galleries-menu li { float: left; padding-right: 20px; font-size: 1.1em }
    .galleries-menu li a { text-decoration: none }
    .galleries-menu a.active { background: url(/layout/img/active-green.jpg) no-repeat; padding-left: 18px; font-weight: bold }
       
.gallery { clear: both; margin-top: 15px; overflow-y: auto; height: 245px }
    .gallery table tr td { text-align: center; vertical-align: middle; padding: 5px; width: 52px; height: 63px }
    .gallery table tr td:hover { }
    
.cmstext { font-size: 1.3em }


.booking-form { font-size: 1.1em }
.booking-form div { width: 570px }
.booking-form fieldset { border: none; padding-bottom: 35px }
.booking-form h3 { color: #fff; font-size: 1.2em; font-weight: bold; text-transform: uppercase; padding-bottom: 5px }
.booking-form label { font-size: 1.1em }
.booking-form ul, .booking-form li { list-style-type: none }
.booking-form li { float: left; padding-right: 15px }
.booking-form li label { padding-left: 3px }
.booking-form p.submit { width: 480px }

.booking-form .group input,
.booking-form .group select,
.booking-form .group textarea,
.booking-form .group label { float: left }

.booking-form .group .address { height: 20px; border: 0 none; width: 260px; height: 40px }

.booking-form .group input { margin: 3px 0 }

.booking-form .group label { clear: left; width: 70px; text-align: right; padding-right: 3px; margin: 3px 0 }

.booking-form .group .parname { width: 200px }
.booking-form .group .parsex { width: 40px }
.booking-form .group .parage { width: 30px }
.booking-form .group .paracc { width: 140px }
.booking-form .group .parfood { width: 120px }

.booking-form .center { text-align: center }
.booking-form .info { width: 100%; text-align: left }

.booking-form .howdidfind label { clear: none; text-align: left; width: 160px }
.booking-form .howdidfind li { width: 100%; margin: 5px 0 }

.booking-form input { width: auto }
.booking-form input.text { width: 260px; font-size: 1.1em }

.booking-form select { background-color: #fff }

.booking-form th { text-align: left }

.booking-form .payment label { width: 145px }

.booking-form .payment .text { width: 150px }
.booking-form .payment .amount { clear: both; padding-top: 10px }
.booking-form .payment .amount ul { clear: both; margin-left: 145px }
.booking-form .payment .amount ul li { float: left }
.booking-form .payment .amount ul li label { width: auto; clear: none }
.booking-form .payment .amount span { float: left; padding-top: 5px }
.booking-form .payment .amount .inamount { margin: 3px }
.booking-form .payment .amount p { width: 100%; text-align: left; padding: 20px 0 }
.booking-form .payment .large { width: 100%; padding-bottom: 12px; clear: both }
.booking-form .payment .large label { width: 100%; text-align: left; float: none }
.booking-form .payment .large strong { text-transform: uppercase }
.booking-form .payment .large input { width: 400px; float: none }

.booking-form .creditcard label { width: 155px }
.booking-form .creditcard .month,
.booking-form .creditcard .year { width: 50px }
.booking-form .creditcard .datesep { display: block; float: left; margin: 0 5px; font-size: 1.5em; margin-top: 2px }
.booking-form .creditcard .securitycode { width: 50px }
.booking-form .creditcard .scinfo { float: left; text-align: left; width: 300px; font-size: 0.9em; padding-left: 12px }

.booking-form .comments .commentsbox { border: none; width: 400px; height: 75px }

textarea { font: 14px "Trebuchet MS",Trebuchet,Verdana,Helvetica,sans-serif }