/* you might not need this if you use reset */
    ul, li {
    margin: 0;
    padding: 0;
    }
    /* border of thumbnail */
    #menu a img {
    border: 1px solid #aaa;
    }
    /* style of 1st level ul */
    ul#menu {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-size:14px;
    text-transform:uppercase;
    /*letter-spacing:1px;*/
    }
    /* 1st level list is floating for horizontal menu */
    #menu li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    /* transition effect for background */
    transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    }
    /* links and sectionheaders style */
    #menu li a, 
    #menu li span.sectionheader {
    display: block;
    color: #000;
    line-height: 48px;
    text-decoration: none;
    padding: 0;
    }
    /* 1st level links style */
    #menu li a.menuitem, #menu li span.menuitem.sectionheader {
    /*text-transform: uppercase;*/
    color: #000;
    font-weight: normal;
    }
    #menu li {
    margin-right:20px;
    }
    #menu li#last {
    margin-right:0px;
    }
    /* hover or current style */
    #menu li:hover, 
    #menu li.current {
    margin-right:20px;
    }
    #menu li a:hover, 
    #menu a.current {
    background:url(../../images/menu_mark.png) top center no-repeat;
    }
    /* description is wrapped in info span */
    #menu span.info {
    display: block;
    line-height: 1;
    display: block;
    font-size: 10px;
    padding-bottom: 10px;
    text-transform: none;
    text-shadow: none;
    color: #9d9999;
    font-weight: normal;
    text-transform: uppercase;
    font-family:"Times New Roman", Times, serif;
    white-space:normal;
    }
    /* 2nd level */
    #menu .submenu {
    position: absolute;
    z-index: 100;
    width: auto;
    top: -9999em; /* hide first */
    left: -9999em;
    opacity: 0; /* set opactiy to 0 for transtion effect */
    width: 150px; /* flyout will depend on this, if you change it dont forget about #menu .submenu li.flyout ul */
    /* animate dropdown */
    transition: width .4s ease-in-out;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    }
    /* position wrapping div on hover */
    #menu li:hover .submenu {
    top: 30px;
    opacity: .95;
    left: 15px;
    text-transform: uppercase;
    }
    /* if parent has class right, position it to right */
    #menu li:hover.right .submenu {
    left: auto;
    right: 0;
    }
    /* width of mega dropdown, you can add more classes like this, depending on your site structure */
    #menu li.two_col:hover .submenu {
    width: 350px;
    }
    /* reset transition animations */
    #menu li li {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    }
    /* style of 2nd level unordered list */
    #menu .submenu ul {
    background: #fff;
    padding: 10px 0;
    text-transform: uppercase;
    }
    #menu .submenu ul li {
    display: block;
    float: left;
    }
    #menu .submenu ul li:last-child {
    }
    /* if 2nd level item has no children or has class flyout */
    #menu .submenu ul li.no-sub, #menu .submenu ul li.flyout, #menu .submenu ul li.flyout li {
    float: none;
    }
    /* position 3rd level flyout */
    #menu .submenu li.flyout ul {
    position: absolute;
    width: 240px;
    top: -9999em;
    left: -9999em;
    }
    #menu .submenu li.flyout:hover ul {
    position: absolute;
    left: 230px;
    top: 0;
    }
    /* style of second level links */
    #menu li ul li a.menuitem,
    #menu li ul li span.menuitem.sectionheader,
    #menu li ul li a, 
    #menu li ul li span.sectionheader {
    display: block;
    padding: 0 10px;
    line-height: 24px;
    text-shadow: none;
    transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    }
    /* uppercase for mega dropdown parent items */
    #menu li ul li a, #menu li ul li.sectionheader span {
    text-transform: uppercase;
    display: block;
    }
    /* remove uppercase if it's not mega dropdown */
    #menu li ul li.no-sub a, #menu li ul li.flyout a, #menu li ul li.no-sub span.sectionheader, #menu li ul li.flyout span.sectionheader {
    text-transform: uppercase;
    }
    /* link color of sublevels */
    #menu li ul li a:hover, #menu li ul li a.current {
    color: #000;
    }
    #menu .submenu li ul {
    position: static;
    display: block;
    box-shadow: none;
    }
    #menu .submenu li ul li {
    float: none;
    }
    /* width of mega dropdown columns, should fit inside #menu li.two_col:hover .submenu width  */
    #menu .two_col .submenu ul li {
    width: 165px;
    }
    /* clearfix - clearing floats */
    .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
    /* html .clearfix {
    zoom: 1;
    }
    /* IE6 */
    :first-child+ html .clearfix {
    zoom: 1;
    }/* IE7 */
/* Stylesheet: mainmenu Modified On 2014-09-08 12:29:49 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 10px;
	margin-left: 100px;
}
fieldset div.guiFormSep {
        border-top:dotted 2px #000;
        padding-top:20px;
        margin-top:10px;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: none;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
        width:100%;
	font-family: 'mission_scriptregular', sans-serif;
 	font-weight:normal;
	font-size:3em;
 	line-height:1.1em;
	margin:0;
	padding:0 0 5px 0;
        margin-bottom:20px;
        border-bottom: 2px solid #000;
}
textarea {
	margin: 0.5em 0;
	width: 300px;
	height: 100px;
}
.cms_checkbox {
       width:auto!important;
}
.guiEmail input {
       float:left;
}

.guiEmail {
       margin-top:-3px;
}

.cms_checkbox + label {
       padding-right:0px!important;
       font-size:0.9em!important;
}

/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
    width:100%;
    margin-bottom: 10px;
    margin-left: 100px;
    padding:0.5em;
}

.captchaText {
    float:left;
    width:180px;
    min-height:60px;
    padding-right:20px;
    text-align:right;
}

.captcha img {
	border: none;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em;
}
/* Just a bit more room for the Submit button */

.submit {
       margin-left:305px;
}

.submit input{
        background:none!important;
        box-shadow:none!important;
	margin-top: 0.5em;
        font-family: 'mission_scriptregular',sans-serif;
        font-size: 3em!important;
        cursor:pointer;
        height: auto!important;
        padding: 0!important;
        width: auto!important;
}

.contactform input {
        width:220px;
        height:20px;
        padding:3px 5px;
        font-size:0.85em;
        border:none;
        background: rgba(255, 255, 255, 0.5); 
        /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);*/
}
.contactform .guiTickets input {
        width:30px;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 180px;
        padding-right:20px;
        text-align:right;
        line-height:26px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 1em;
}
.contactform textarea {
        border:none;
        padding:5px;
        background: rgba(255, 255, 255, 0.5); 
        /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);*/
        font-size: 1em;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.fb_invalid input {
        border:dotted red 2px;
}

.error_message {
       text-align:center;
       font-weight:bold;
}

.error_message ul {
       list-style:none;
       font-size:1.2em;
       padding-bottom:30px;
}

/*** FORM STYLES ***/

.guiFormDate {
     float:left;
}

.guiFormDate + .clear {
     display:none;
}

.guiFormDate input{
     width:150px;
}

.guiFormTime {
     float:left;
     margin-left:10px;
}

.guiFormTime input {
     width:50px;
}

.guiTickets input {
     text-align:center;
}

.guiReducedBox {
     float:left;
     margin-left:10px;
}

.guiReducedBox label {
     width:auto;
}

.guiReducedBox + .clear {
      display:none;
}

.guiReducedBox.first {
      margin-left:100px;
}

.guiReducedBox.last + .clear {
      display:block;
}

/************************************************************
*********************** LAYOUT MOBILE ***********************
*************************************************************/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}
/* Stylesheet: form Modified On 2014-09-12 14:46:02 */