@import url(https://fonts.googleapis.com/css?family=Cagliostro);

body{
    font-family: 'Gill Sans MT', 'Lucida SANS', 'Arial';
    background: url(../images/body-bg.png) repeat-x center top #FEF7D1;
    font-size: 14px;
    text-shadow: 1px 1px #fff;
}

h1, h2, h3{
    font-family: 'Cagliostro', sans-serif;
}
h1{
    font-weight: bold;
    font-size:24px;
    padding: 10px;
    margin:0 0 20px 0;
    color: #333;
    padding-bottom: 30px;
    background: url(../images/divider.png) repeat-x bottom;
    text-align: center;
}

/* modified by erich 2013-11-21 to fix appearance of headings near social icons */
#center-well h1.item-title {
    float: left;
    padding: 10px 10px 0;
    width: 380px;
    background: none;
}

#center-well div.break {
	clear: both;
    padding: 0 0 30px;
    width: 550px;

    font-weight: bold;
    font-size:24px;
    margin:0 0 20px 0;
    color: #333;
    padding-bottom: 30px;
    background: url(../images/divider.png) repeat-x bottom;
    text-align: center;
}

/* the above rule change was causing problems with this one */
#center-well .pagination { 
	clear:both
}

h1 em{
    display:block;
    padding-top: 10px;
    font-size: 16px;
}

h2{
    font-size: 20px;
    font-weight: bold;
}

h2.section_head{
    text-transform: uppercase;
}

h3{
    font-size: 16px;
    font-weight: bold;
}

h2 a, h3 a, h4 a{
    color:#333;
    text-decoration: none;
}

#center-well img, #content-bottom img{
}

#top-bar{
    text-shadow: none;
    padding:8px 0;
    margin-bottom: 10px;
    background: #BC672C;
    color:#fff;
}

#top-bar #contact{
    display: block;
    float: right;
    padding-left: 24px;
    background: url(../images/contact-icon.png) no-repeat 0 3px;
    margin-left: 5px;
    color:#fff;
    text-decoration: none;
}
#top-bar #print-page{
    display: block;
    float: right;
    margin-left: 5px;
    color:#fff;
    text-decoration: none;
}
#top-bar #newsletter-signup, #travel-agent-signup, #press-release-signup, .book-trip{
    display: block;
    float: right;
    margin-left: 5px;
    color:#fff;
    text-decoration: none;
}

a.book-trip:hover {
	color: white;
}

#inner-page{
    padding:10px 30px;
}
#top{
    padding-top:10px;
    margin-bottom: 10px;
}
#logo{
     font-size: 36px;
     color:#444;
     text-decoration: none;
     text-transform:uppercase;
     line-height: 48px;
     font-family: 'Cagliostro', sans-serif;
 }

#logo:hover{
    color:#444;
}

#logo sup{
    font-size: 14px;
}

.social_sharing_holder {
    float: right;
    margin: 0;
    padding:5px 0 0 0;
}

.social_sharing_container{
    list-style: none;
}

.social_sharing_holder ul {
	padding: 0;
	margin: 0;
}

.sharing_header {
    font-size: 12px;
    margin-bottom: 2px;
    text-align: center;
}

#social-links{
    list-style: none;
    float: right;
    margin: 0;
    padding:5px 0 0 0;
}

#social-links li, .social_sharing_container li{
    display: inline;
}

#social-links a, .social_sharing_container a{
    display: block;
    float: left;
    width:32px;
    height:32px;
    margin-left: 5px;
    background-image: url(../images/social-icons.png?cache=2);
    background-repeat: no-repeat;
}

#social-links #facebook, .social_sharing_container .facebook{
    background-position: 0 0;
}

#social-links #facebook:hover, .social_sharing_container .facebook:hover{
    background-position: 0 -50px;
}

#social-links #flickr{
    background-position: -50px 0;
}

#social-links #flickr:hover{
    background-position: -50px -50px;
}

#social-links #twitter, .social_sharing_container .twitter{
    background-position: -100px 0;
}

#social-links #twitter:hover, .social_sharing_container .twitter:hover{
    background-position: -100px -50px;
}
#social-links #blog{
    background-position: -150px 0;
}

#social-links #blog:hover{
    background-position: -150px -50px;
}

#social-links #pinterest, .social_sharing_container .pinterest{
    background-position: -250px 0;
}

#social-links #pinterest:hover, .social_sharing_container .pinterest:hover{
    background-position: -250px -50px;
}

#social-links #google_plus, .social_sharing_container .google_plus{
    background-position: -300px 0;
}

#social-links #google_plus:hover, .social_sharing_container .google_plus:hover{
    background-position: -300px -50px;
}

#social-links #youtube{
    background-position: -200px 0;
}

#social-links #youtube:hover{
    background-position: -200px -50px;
}

#social-links #instagram{
    background-position: -349px 0;
}

#social-links #instagram:hover{
    background-position: -349px -49px;
}

#header{
    margin-bottom: 30px;
}


/* email signup form */


#email-signup-form {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: right;
    margin-top: 2px;
    padding: 2px;
}

#email-signup-form input{
    border: none;
    padding:0px 1px;
    /* width:140px; */
    margin:0px;
    float: left;
}

#email-signup-form input#email-signup-btn {
    background-color: #bc672c;
    border-radius: 5px;
    color: white;
    font-size: smaller;
    padding: 1px 2px;
}

/* email signup form */

#search-form{
    float:right;
    width:180px;
    padding:2px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#search-form input{
    border: none;
    padding:3px;
    width:140px;
    margin:2px;
}

#search-form input.clean{
    color:#999;
    font-style: italic;
}

#search-form button{
    background: url(../images/search.png) no-repeat;
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin:4px 5px;
    border:none;
    cursor: pointer;
}

#masthead-wrapper{
    margin-left:-20px;
    width:950px;
    height: 220px;
    padding:20px;
    
}

#masthead #graphic img{
    width:auto;
    height: 220px;
}


#masthead{
    
    font-family:"Palatino Linotype"", "Book Antiqua"", Palatino, serif;
    font-size: 18px;
    text-shadow: 1px 1px #000;
    background: #451647;

}

#masthead blockquote{
    color: #fff;
    font-style: normal;
}

#top-content{
    padding: 20px 0 0 0;
    text-align: center;
}

#top-content a{
    margin: 0 20px;
}
.one_day_class{
    position: relative;
}

.one_day_class .book-now{
    top:35px;
}


input.error, select.error{
    border:#ff0000 1px solid;
}

label.error{
    display:block;
    font-size: 10px;
    clear:both;
}

.error{
    color:#ff0000;
}

fieldset{
    border:#F4DEA7 1px solid;
    border-bottom:#F4DEA7 4px solid;
}

fieldset legend{
    font-size: 14px;
    color:#542315;
    padding:0 10px;
    font-weight: bold;
    margin:10px;
}

fieldset label.required{
    font-weight: bold;
}

fieldset p{
    margin:0 10px 10px 10px;
}

fieldset p.description{
    font-size: 11px;
    font-style: italic;
    padding:2px 0 0 0;
    margin:0;
}
div.form_row{
    border-bottom:#F4DEA7 1px solid;
    padding: 5px;
}
.form_row label{
    margin:0 5px 0 10px;
    font-weight: normal;
    display:inline;
    float: none;
}
.form_row label.med{
    width:150px;
    display:block;
    float:left;
}
.form_row label.large{
    width:250px;
    display:block;
    float:left;
}

.form_row.grid_14{
    padding:5px 0;
}

.form_row input, .form_row select{
    margin-right:10px;
}

div.form_row.odd{
    background:#FBF6DA;
}

.ui-datepicker-calendar{
    background: #fff;
}

#booking-form-navigation{
    list-style: none;
    margin: 0 0 30px 0;
    padding:0;
    height: 48px;
    
    border:#F4DEA7 1px solid;
}

#booking-form-navigation li{
    display: inline;
    position: relative;
}

#booking-form-navigation li a{
    color:#666;
    font-weight: bold;
    font-size: 16px;
    display: block;
    padding:13px 30px 13px 20px;
    height: 22px;
    min-width: 120px;
    float: left;
    text-decoration: none;
    text-align: center;
    background-image: url(../images/booking-form-navigation-bg.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
}

#booking-form-navigation li a.error{
    color:#ff0000;
}

#booking-form-navigation li a:hover, #booking-form-navigation li a.selected{
    color:#333;
    background-position: 100% -50px;
}



#booking-form-navigation li a.error.selected{
    color:#FF5951;
    font-style: italic;
}

#booking-form-sections fieldset{
    margin-bottom: 20px;
}

#booking-form-sections div.error{
    margin-bottom: 20px;
}

label.required::after
{
    content: " *";
    font-weight: bold;
    color: #f66;
}

span.required{
    font-weight: bold;
    color: #f66;
}

#sidebar{
    position: relative;
}

#sidebar h2{
    text-align: left;
}

#sidebar li {
    display: block;
    padding-left: 15px;
    background: url(../images/bullet-sidebar.png) no-repeat 0 7px;
    margin: 0 10px;
}

#sidebar li a {
    color:#333;
    color:#333;
    text-decoration: none;
}

#sidebar .details li a{
    color: #06C;
    text-decoration: underline;
}

.featured{
    text-align: center;
    text-decoration: none;
    color:#333;
}



.featured .image-wrapper{
    height: 320px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px;
}

.featured h2{
    margin-bottom: 15px;
    padding-top: 15px;
    font-size: 20px;
}

.featured .intro{
    height: 60px;
}

#featured-nav{
    text-align: right;
}

#featured-nav a{
    text-decoration: none;
    padding:2px;
    margin:2px;
    color:#999;
    font-size: 16px;
    font-weight: bold;
}

#featured-nav a.activeSlide{
    color:#333;
}

#media_wrapper{
    width:340px;
    height: 220px;
    float:left;
    margin:5px 20px 20px 0;
}

#media_wrapper.flash{
    width:320px;
    height:240px;
}

#media_wrapper img{
    max-width: 320px;
    max-height: 220px;
}

#sidebar_media_wrapper{
    width:280px;
    height: 200px;
    float:left;
    margin:0 0 10px 0;
}

#sidebar_media_wrapper img{
    max-width: 280px;
    max-height: 200px;
}

/** booking form **/
#featured-trips div{
    position: relative;
}
.program-buttons{
	list-style:none;
    position: absolute;
    right:10px;
    top:10px;
    z-index: 500;
	padding:0;
margin:0;
}

.program-buttons li{
	margin:0;
	display:inline;
}
.learn-more{
    display: block;
	float:left;
    width:130px;
    height: 30px;
    background-image: url(../images/learn-more.png);
    text-shadow: none;
    text-align: center;
}
.book-now{
    display: block;
    width:130px;
    height: 30px;
    background-image: url(../images/book-now-solo.png);
    text-shadow: none;
    text-align: center;
	margin-bottom:10px;
}
.program-buttons .book-now{
    background-image: url(../images/book-now.png);
	float:left;
margin:0;
}

.book-now:hover, .learn-more:hover{
    background-position-y: -51px;
}

#booking-form{
    display: none;
    padding:10px;
    width:950px;
    position: fixed;
    z-index: 500;
    top:50px;
    left:50%;
    margin-left:-485px;
    background: #FEF6C2;
    border:#fff 5px solid;
    -moz-box-shadow:    0 0 50px 5px #000;
    -webkit-box-shadow: 0 0 50px 5px #000;
    box-shadow:         0 0 50px 5px #000;
}

#cancel-booking{
    float: right;
    margin-right: 10px;
}

#booking-form h1{
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    background: none;
    margin-bottom: 10px;
    padding: 5px 10px;
}

#booking-form-target{
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

#booking-form-target iframe{
    width:950px;
    height: 520px;
    overflow: auto;
}

/** end booking form **/

#post-details{
    text-align: center;
    font-style: italic;
}

#post-details a{
    margin:0;
    font-style: normal;
}

#comment-form{
    padding: 20px 0;
}

#comment-form #from, #comment-form #email{
    padding:5px;
    width:200px;
}

#comment-form #comment{
    width:570px;
    height:100px;
}

#comments{
    margin-bottom: 30px;
}
.comment{
    padding:10px;
}
.comment:nth-child(odd) {
    background:url(../images/transparent-bg.png);
}

.comment p{
    margin:0;
}

#captchaField-element  img{
    margin:5px 0;
    display: block;
}

#filter_archives{
    float:right;
}


.clear-me{
    color:#666;
    font-style: italic;
}


#bottom{
    text-align: center;
    padding:20px 0;
    margin-bottom: 50px;
}

#bottom a{
    margin:0 10px;
}

#footer{
    background: #BC672C;
    padding: 30px 0;
    text-shadow: none;

}

#footer h3{
    font-weight: bold;
    font-size:16px;
    margin:5px 0 10px 0;
    color: #fff;
}

#footer a{
    color:#fff;
    text-decoration: none;
}

#footer a:hover{
    text-decoration: underline;
}

#footer .links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .links li{
    display:block;
    margin:0 10px;
}

#copyright {
    text-align: center;
    padding:30px;
    font-size: 11px;
}

#copyright a{
    color: #fff;
}

.box{
    display: block;
    background:none;
    padding:10px;
    background:url(../images/transparent-bg.png);
}

.box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.box { display: inline-block; }
/* start commented backslash hack \*/
* html .box { height: 1%; }
.box { display: block; }
/* close commented backslash hack */

.image_left{
    float: left;
    margin:0 15px 15px 0;
}
.image_right{
    float: right;
    margin:0 0 15px 15px;
}

.divider{
    margin: 30px 0;
    background: url(../images/divider.png) repeat-x;
    height: 2px;
    clear:both;
}

.block{
    background: url(../images/divider.png) repeat-x top;
    padding-top: 30px;
    margin-bottom: 50px;
    position: relative;
}

.block h3 a{
    color:#333;
    text-decoration: none;
}

ul.columns {
    list-style: none;
    padding:50px 0 0 0;
    margin:0;
}

ul.columns li{
    display: block;
    float: left;
    width:309px;
    margin:0 0 10px 0;
}

.date{
    font-size: 11px;
    float: right;
}

.date-selector{
}

.date-selector select{
    margin:0;
}

.signup_submit {
	margin-top: 10px;
}

.lock_icon {
	float: left;
}

#card_number {
	float: left;
}



#ta_opt_in-label a.tip img {
    margin: 8px 0 0 10px;	
}

.insured-traveler-label {
    float: left;
}

.insured-traveler-name {
    float: left;
    font-weight: bold;
    min-height: 16px;
    min-width: 200px;
    padding-left: 16px;
}

.insured-traveler-row {
    clear: both;
}

.signup-success {
    font-size: 16px;
}