/* General rules for Pioneer Trading Post site */

body { background: #9d9d9d url(../images/home-bg-medium.jpg) no-repeat fixed 0 -190px; font-family: Georgia, serif; color: #b2ada4; }

p { font-family: helvetica, arial, sans-serif; }

ul, li, div, #phone-number, #site-name, #nav a, body, h1, h2, h3, h4, p { margin: 0; padding: 0; }

#wrapper { background: #fff; width: 1020px; margin: 38px auto; position: relative; }

#content { margin: 25px 0 40px 40px; }
#content.single-col { margin: 25px 50px 40px; }

h1 { font-size: 26px; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; }
h2, h3, h4 { font-size: 18px; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; }
h3, h4 { color: #333; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }


/********************* Mast head area ********************/

#mast { width: 1020px; height: 132px; }

#site-name { background: url(../images/site-name.png); width: 625px; height: 55px; font-size: 36px; text-decoration: none; text-transform: uppercase; position: absolute; top: 22px; left: 49px; letter-spacing: 3px; text-indent: -9999px; }
#site-name span { font-size: 44px; }

#phone-number { position: absolute; width: 120px; top: 16px; left: 874px; background: url(../images/phone.png) no-repeat; padding: 4px 0 1px 30px; }


/********************** Main navigation area ********************/

#nav a, #phone-number { font-weight: bold; font-size: 12px; font-family: arial, sans-serif; letter-spacing: 1px; }
#nav { position: absolute; left: 58px; top: 83px; }

#nav li { display: inline; padding: 0 40px 0 0; }
#nav a { text-decoration: none; color: #333; text-transform: uppercase; }

#nav a:hover, .home #nav #home a, #home-description a:hover, ul#footer li a, .history #nav #history a, .contact #nav #contact a, .rates #nav #rates a, .photos #nav #photos a, .attractions #nav #attractions a, .accomodations #nav #accomodations a { color: #b2ada4; }


/*************************** Home page rules ********************/

#home-image-band a:hover img { border: 1px solid black; }

#home-slides { height: 350px; width: 1020px; z-index: 50; position: relative; }

#home-video { width: 315px; height: 223px; background: #fff; border: 2px solid #b2ada4; margin: 0 0 40px 52px; float: left; position: relative; top: -20px; z-index: 100; }
#home-video .iframe img { margin: 20px 0 0 20px; }

#home-description { width: 480px; float: left; margin-left: 80px; }
#home-description h1 { margin: 45px 0 10px; font-size:23px; letter-spacing:2px; }
#home-description p { font-size: 16px; letter-spacing: .9px; color: #333; margin: 0 0 40px; line-height: 117%; }
#home-description a { color: #614b4b; }

#home-image-band { height: 310px; width: 1000px; background: #e6d2ac;/*cb97;*/ clear: both; padding-left: 20px; }
#home-image-band div { width: 220px; height: 220px; float: left; margin: 35px 0 0 20px; }
#home-image-band img { margin-bottom: 16px; }
#home-image-band a { text-decoration: none; font-size: 18px; color: #333; letter-spacing: 2px; text-transform: uppercase; }
#home-image-band a:hover { color: #fff; }
#home-image-band a img { border: none; }


/**************** General content and individual page rules ****************/

#reg-left-col, #reg-right-col, #wide-left-col, #slim-right-col { float: left; }
#reg-left-col { width: 540px; }
#reg-right-col { width: 395px; }

#wide-left-col { width: 580px; }

#slim-right-col { width: 360px; }

#reg-right-col p, #slim-right-col p { margin: 15px 0 40px; }

#one-col img{ float: left; }
#one-col p, #one-col h1 { float: right; width: 420px; clear: right; margin-right: 30px; }
#one-col p, .full-width p { margin-bottom: 30px; }

.full-width p { margin-right: 30px; }

.guest-statement, .guest-name, #one-col p, .full-width p, #reg-right-col p, #slim-right-col p, .single-col p, .bathroom p { font-size: 15px; color: #333; letter-spacing: .6px; line-height: 133%; }
.guest-statement { font-style: italic; margin:10px 0; }
.guest-name { font-weight: bold; margin-bottom: 60px; }

.slideshow1, .slideshow2 { margin: 20px auto 10px; }
.slideshow1, .slide { height: 680px; width: 780px; text-align:center; }
.slideshow2, .slide { height: 630px; width: 780px; text-align:center; }
.slideshow1 img, .slideshow2  img { padding: 15px; border: 1px solid #ccc; background-color: #ebeada; margin: 0 auto 17px; display: block; -moz-box-shadow: 8px 8px 5px #ccc; -webkit-box-shadow: 8px 8px 5px #ccc; box-shadow: 8px 8px 5px #ccc; }

#guest-book-entries, #map { width: 604px; margin: 40px auto; padding: 40px; -moz-box-shadow: 4px 4px 8px #ccc; -webkit-box-shadow: 4px 4px 8px #ccc; box-shadow: 4px 4px 8px #ccc; }

#maps { text-align: center; }
#maps img { margin: 30px 0; -moz-box-shadow: 8px 8px 5px #ccc; -webkit-box-shadow: 8px 8px 5px #ccc; box-shadow: 8px 8px 5px #ccc; border: 1px solid black; }

#guest-book-entries { background: url(../images/guest-book-bg.jpg); }
#guest-book-entries h3 { text-transform:uppercase; }

.history iframe { margin-bottom: 32px; position: relative; top: 6px; left: 2px; }
.history img { margin: 20px 0; }

.photo-quote { text-transform: capitalize; font-weight: normal; font-size: 18px; color: #333; text-align: center; width: 468px; letter-spacing: -.6px; }

#old-family-photo-link { text-align: right; margin-right:50px; }

img.with-border { border: 1px solid #b2ada4; margin-top: 6px; }
img.with-shadow { padding: 10px; -moz-box-shadow: 8px 8px 5px #ccc; -webkit-box-shadow: 8px 8px 5px #ccc; box-shadow: 8px 8px 5px #ccc; margin-bottom: 20px; }

.rates img.with-shadow { padding: 15px; }

.attractions h1 { font-size: 22px; margin-bottom: 10px; }

#accomodations-banner { width: 1020px; height: 353px; background: url(../images/accomodations-banner.jpg); }

.accomodations img { margin: 6px 0 30px 0; }
.accomodations #reg-right-col p { margin: 5px 0 40px; }

#accomodations-nav-title { font-size: 21px; margin: 30px 0 10px 42px; }

#accomodations-image-band { height: 207px; width: 1000px; background: #ebeada; padding-left: 20px; }
#accomodations-image-band div { width: 140px; float: left; margin: 30px 0 0 20px; }
#accomodations-image-band img { margin-bottom: 10px; }
#accomodations-image-band a, .accomodations a { font-family: arial, sans-serif; font-size: 12px; font-weight: bold; color: #333; letter-spacing: 1px; text-transform: uppercase; }
#accomodations-image-band a { border: none; text-decoration: none; }
#accomodations-image-band a img { border: none; }
#accomodations-image-band a:hover img { border: 1px solid black; }
#accomodations-image-band a:hover, .accomodations a:hover { color: #b2ada4; }

.quote { font-size: 18px; font-style: italic; color: #333; line-height: 113%; color: #b2ada4; }

.kitchen-titles { font-size: 22px; margin-bottom: 10px; }
.bath-titles { font-size:24px; margin-bottom:10px; }
	
.rates #reg-right-col p { margin: 0; }
.rates h3, .rates h4 { margin-top: 20px; }
.rates h4 { font-size: 16px; text-transform: none; letter-spacing: 1px; line-height: 100%; }
.rates h4 span { line-height: 190%; }

.contact h1 { margin-bottom: 10px; }

#reservations { margin:0; width:300px; float:right; }
#reservations label { font-size: 19px; color: #333; letter-spacing: 1px; line-height: 180%; }
#reservations input { background-color: #eae7de; width: 300px; height: 22px; margin-bottom: 25px; font-size: 16px; text-indent: 5px; }
#reservations #submit { width: 100px; padding: 4px; height: 30px; margin: 5px 0 0 0; text-indent: 0; }


/********************** Footer rules **********************/

ul#footer { text-align:center; padding:30px 0; clear:both; }
ul#footer li { display:inline; padding:0 16px; font-size:18px; }
ul#footer li a { text-decoration:none; }

.accom-bottom { color:#333; padding-right:15px; }
.accom-quote { width:400px; position:relative; top:0; left:36px; }
.accom-link { text-decoration:none; }

.old-family-bottom { padding:0 30px; text-align:justify; }

.home-quote { margin-top:10px; }

.calendar { width:590px; height:1040px; border:none; float:left; margin:10px 0 0; position:relative; left:-8px; }

.attractions h1 { font-size:18px; letter-spacing:0; padding-top:5px; }

.bathroom p { margin-bottom:20px; }
.bathroom img { margin-right:25px; }
#bathroom-text { padding-right:20px; }