/************************/
/****** Essentials ******/
/************************/
html, body { width:100%;height:100%; margin:0;padding:0; font-family: 'Exo 2', sans-serif; color: #353A49; font-weight: 400; }
body { background-color: #fff; }
.clear { display: block; height: 1px; line-height: 1px; font-size: 1px; clear: both; }
.rounded-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.rounded-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#background { background-image: url('../img/collage2.jpg.html'); background-repeat: no-repeat; background-position: center center; background-size: 100%; height: 300px; width: 100%; position: absolute; z-index: 1; }
#layout { position: relative; z-index: 2; width: 960px; margin: 0px auto; }
#header { background-color: #fff; height: 60px; }
#logo { float: left; padding: 5px; }
#nav { float: right; }
#nav a { display: block; height: 60px; width: 120px; float: left; text-align: center; text-transform: uppercase; text-decoration: none; line-height: 60px; padding-left: 20px; padding-right: 20px; color: #000; }
#nav a:hover { background-color: #1E1E1E; color: #fff; }
#nav a.hover { background-color: #1E1E1E; color: #fff; }
#nav #help_link { width: 150px; margin: 0px auto; }
#nav #places_link {  }
#nav #order_link { width: 150px; background-color: #DD1B3D; color: #fff; }
#places_list { position: absolute; top: 60px; right: 0; /* right: 190px; */ background-color: #1E1E1E; display: none; z-index: 100; }
#places_list a { display: block; height: 40px; width: auto; text-align: center; text-transform: uppercase; text-decoration: none; line-height: 40px; padding-left: 20px; padding-right: 20px; color: #fff; }
#places_list a:hover { background-color: #666; }
#content { position: absolute; top: 200px; }
#content #title { background-color: rgb(35, 35, 35); background-color: rgba(35, 35, 35, .8); color: #fff; padding: 20px; font-family: 'Exo 2', sans-serif; font-weight: 200; }
#content #title h1 { font-size: 250%; margin-bottom: 20px; }
#page { padding: 20px; }
#page img.internal { height: 300px; width: 300px; padding-right: 15px; padding-bottom: 15px; float: left; }
#footer_line { display: block; margin-top: 30px; }
footer { color: #939393; font-size: 80%; margin-top: 15px; margin-bottom: 30px; }

/***************/
/***** FAQ *****/
/***************/
#faq .question { font-size: 130%; margin-bottom: 10px; }
#faq .answer { padding-left: 10px; border-left: 1px solid #939393; margin-bottom: 20px; }
#contact_form { border-radius: 10px; border: 1px solid #AEAEAE; position: relative; z-index: 1; margin-top: 40px; padding: 10px; margin-left: 0px; }
#contact_form #form { width: 525px; float: left; }
#contact_form #form label { font-size: 85%; font-weight: bold; color: #444; line-height: 31px; width: 150px; display: block; float: left; text-align: right; margin-right: 10px; }
#contact_form #form input { margin: 3px; width: 300px; display: block; float: left; border: 1px solid #BEBEBE; padding: 4px; }
#contact_form #form textarea { padding: 3px; border: 1px solid #ccc; margin: 3px; width: 302px; display: block; float: left; height: 100px; }
#contact_form #form #buttons { border-left: 220px solid #EFF0EF; text-align: center; }
#contact_form #form #buttons #submit { padding: 10px; background-color: #E12542; color: #fff; border: 1px solid #A5172E; width: 100px; }
#contact_form #form #buttons #reset { padding: 10px; background-color: #E12542; color: #fff; border: 1px solid #A5172E; width: 100px; }
#contact_form #details { margin-left: 500px; margin-top: 5px; }
#contact_form #details strong { font-weight: bold; display: block; margin-bottom: 3px; }
#contact_form #details p { font-size: 85%; color: #444; margin-bottom: 20px; }
#contact_form .error { padding: 5px; background-color: #CC023C; color: #fff; font-weight: bold; font-size: 110%; margin-bottom: 10px; margin-left: 80px; width: 100%; }
#contact_form .message { padding: 5px; background-color: #FFD810; color: #3F403F; font-weight: bold; font-size: 110%; margin-bottom: 10px; margin-left: 80px; width: 100%; }

/******************/
/***** Places *****/
/******************/
#places .title { font-size: 130%; margin-bottom: 10px; }
#places .description { padding-left: 10px; border-left: 1px solid #939393; border-bottom: 1px solid #939393; padding-bottom: 10px; }
#places .place { padding-top: 20px; }
#places .place:first-child { border-top: none; }
#places .img { margin-left: -11px; float: left; padding-right: 10px; padding-bottom: 10px; width: 150px; }
#places a { color: #444; text-decoration: none; }
#title .img { float: left; padding-right: 10px; width: 150px; }

/*****************/
/***** Place *****/
/*****************/
#gallery { float: right; width: 460px; background-color: rgb(35, 35, 35); background-color: rgba(35, 35, 35, .8); color: #fff; padding: 20px; padding-top: 0; font-family: 'Exo 2', sans-serif; font-weight: 200; margin-bottom: 10px; margin-left: 10px; }
#gallery .slidesjs-navigation { float: left; padding-top: 7px; color: white; font-family: 'Exo 2', sans-serif; }
#gallery .slidesjs-previous { margin-right: 10px; }
#gallery .slidesjs-previous, #gallery .slidesjs-next { text-decoration: none; padding-bottom: 2px; border-bottom: 1px dashed white; }

#gallery .slidesjs-pagination { float: right; padding-top: 5px; }
#gallery .slidesjs-pagination li { float: left; }
#gallery .slidesjs-pagination li a { padding: 3px; display: inline-block; width: 12px; text-decoration: none; text-align: center; color: white; font-family: 'Exo 2', sans-serif; }
#gallery .slidesjs-pagination li a.active { color: rgba(35, 35, 35, .8); background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

#slides { display: none; }
#place p { padding-bottom: 20px; }