/*STYLE RESET*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,img,form,fieldset,blockquote { margin: 0; padding: 0; border: 0; }

/* Body */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 62.5%; background: #d2d2aa; text-align: center; }

p { font-size: 1.3em; line-height: 1.5em; color: #777; margin: 0 0 15px 0; }
a { color: #154b80; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#cancelled { margin: 50px 0 0 0; }

/* Layout */
.container { width: 960px; margin: 0 auto; }
.title { overflow: hidden; }
.title h1, .title h2, .title h3, .title h4, .title h5, .title p { padding: 0 0 0 1000px; }
.clear { clear: both; } 

/* Header */
#header { background: #7b181b; }
#header_content { height: 60px; position: relative; }
#header_content #logo { width: 211px; height: 99px; background: url(../images/title-logo.png) no-repeat; position: absolute; left: 20px; top: 36px; }
#header_content #navi { width: 584px; height: 50px; position: absolute; right: 0; top: 0; }

/* Menu */
#menu li { display: inline; }
#menu li a { display: block; height: 50px; float: left; margin: 0 0 0 12px; }

#menu li a.home { width: 85px; background: #5c0d0f url(../images/navi-home.png) center 25px no-repeat; }
#menu li a.location { width: 271px; background: #5c0d0f url(../images/navi-location.png) center 25px no-repeat; }
#menu li a.gallery { width: 111px; background: #5c0d0f url(../images/navi-gallery.png) center 25px no-repeat; }
#menu li a.contacts { width: 191px; background: #5c0d0f url(../images/navi-contacts.png) center 25px no-repeat; }
#menu li a.current { height: 50px; background-color: #000; }
#menu li a:hover { height: 50px; background-color: #000; }

/* Intro */
#intro { background: #d2d2aa; }
#intro-content { height: 268px; overflow: hidden; background: url(../images/bg-intro.jpg) no-repeat; position: relative; }

#logo { width: 349px; height: 156px; background: url(../images/img-logo.png) no-repeat; margin: 15px 0 0 0; }
#date-title { width: 263px; height: 64px; background: url(../images/img-date.png) no-repeat; margin: 15px 0 0 45px; }


/* Content */
#content { padding: 23px 0 0 0; background: #fffbd7; border-top: 10px solid #7b181b; }
.content-bg { background: url(../images/bg-content.jpg) no-repeat 0px bottom; }

#content-wrap { width: 435px; float: left; position: relative; }
.content-wrap-bg01 { height: 500px; background: url(../images/img-bike.jpg) no-repeat right bottom; }
img.content01 { float: left; margin: 0 20px 0 0; }
img.content02 { float: right; margin: 0 0 0 20px; }

#sidebar01 { width: 265px; float: left; position: relative; }

#sidebar02 { width: 250px; float: right; position: relative; }

#sidebar03 { width: 525px; height: 520px; background: url(../images/bg-map.png) no-repeat; float: right; position: relative; }
#sidebar03 p.top-text { font-size: 1.2em; line-height: 1.4em; margin: 0 26px 20px 26px; }
#sidebar03 h2.top-text { font-size: 1.8em; line-height: 1.8em; margin: 0 26px 0 26px; color: #777; }

#sidebar04 { width: 525px; height: 520px; background: url(../images/bg-links.png) no-repeat; float: right; position: relative; }
#sidebar04 p.top-text { font-size: 1.2em; line-height: 1.4em; margin: 0 26px 20px 26px; }
#sidebar04 h2.top-text { font-size: 1.8em; line-height: 1.8em; margin: 0 26px 0 26px; color: #777; }
#mvt-logo { width: 235px; height: 177px; background: url(../images/img-mvt.png) no-repeat; position: absolute; top: 50px; left: 25px; }
#acoc-logo { width: 197px; height: 182px; background: url(../images/img-mvt.png) no-repeat; position: absolute; top: 50px; right: 30px; }

#welcome-title { width: 349px; height: 33px; background: url(../images/title-welcome.png) no-repeat; margin: 0 0 12px 12px; }
#content-wrap p { width: 400px; margin: 0 0 0 12px; font-size: 1.6em; line-height: 1.4em; color: #000; margin: 0 0 15px 12px; }

#quote-title { width: 402px; height: 80px; background: url(../images/title-quote.png) no-repeat; margin: 0 0 12px 12px; }
#accomodation-title { width: 214px; height: 28px; background: url(../images/title-accomodation.png) no-repeat; margin: 0 0 12px 12px; }
#contacts-title { width: 214px; height: 28px; background: url(../images/title-contacts.png) no-repeat; margin: 0 0 12px 12px; }

a .download-btn { width: 248px; height: 68px; display: block; float: right; background: #65663c url(../images/btn-download.png) no-repeat 0px 0px; }
a:hover .download-btn { background-color: #7b181b; background-position: 0px -68px; }

.gallery-btn { float: left; margin: 15px 0 0 0; }

.event-listing { float: right; margin: 0 0 15px 0; }

/* Form */

.form-block { background: #159d9a; padding: 15px; margin: 0 0 20px 0;  }
#personaldetails-title { width: 152px; height: 27px; background: url(../images/title-personaldetails.png) no-repeat; margin: 0 0 12px; }
#propertydetails-title { width: 140px; height: 27px; background: url(../images/title-propertydetails.png) no-repeat; margin: 0 0 12px; }

label { font-size: 1.3em; margin: 0 8px 0 0; color: #fff; font-weight: bold; }
label em { color: #C00; }
input { font-size: 1.3em; border: 1px solid #d2d6d8; padding: 5px; background: #fff; }
input:focus { border: 1px solid #009e9a; }
textarea { font-size: 1.3em; border: 1px solid #d2d6d8; padding: 5px; background: #fff; }
textarea:focus { border: 1px solid #009e9a; }

.field01 { clear: both; height: 34px; text-align: right; }
.field01 input { width: 360px; }
.field02 { height: 34px; width: 240px; text-align: right; float: right; }
.field02 input { width: 120px; }
.field03 { clear: both; height: 34px; text-align: right; }
.field03 input { width: 320px; }
.field04 { clear: both; height: 34px; text-align: right; }
.field04 input { width: 280px; }
.field05 { clear: both; text-align: right;  position: relative; height: 102px; }
.field05 label { position: absolute; top: 4px; left: 30px; }
.field05 textarea { clear: both; width: 320px; height: 80px; margin: 0 0 6px 0; position: absolute; top: 4px; right: 0px; }

.sendform-btn { display: block; width: 153px; height: 44px; background: url(../images/btn-sendform.png) no-repeat 0px 0px; margin: 6px 6px 0 0; border: 0; cursor: pointer; }
.sendform-btn:hover { background: url(../images/btn-sendform.png) no-repeat 0px -44px; }

/* Footer */
#footer-wrap { background: #7b181b; clear: both; }
#footer { clear: both; width: 960px; margin: 0 auto; background: url(../images/bg-footer.png) no-repeat 0 10px; padding: 10px 0 30px 0; text-align: right; }
#footer p { font-size: 1.1em; color: #d2d2aa; }
#footer p a { color: #fcd442; text-decoration: none; }
#footer p a:hover { color: #000; text-decoration: underline; }
#footer p span { float: left; }