/*RESET*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0 }

/*GLOBAL*/

html { height:auto }
body { height:auto; background-color:#004a4f; padding:15px 0 }
div#page { position:relative; min-height:100%; height:100%; width:1000px; margin:auto; font-family: "Helvetica", "Verdana", "Arial", sans-serif; }

.replaced { display: block; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; width: 1px }

/*HEADER*/
div#logo { position:absolute; left:35px; top:0px; z-index:500; background:url(../images/logo-shadow.png) no-repeat; width:230px; height:330px }
.logoimg { margin-left:9px }

div#header { position:absolute;  top:0; left:0; width:1000px; height:100px; z-index:50; background-image: url(../images/top-cap.jpg); background-repeat: no-repeat }

div#tollheader { position:absolute; width:250px; top:22px; height:15px; left:690px; font-size:10px; text-transform: uppercase; font-weight: bold; color:#233e43; z-index: 200; text-align:right }
div#tollheader a { text-decoration: none; color:#233e43 }
div#tollheader a:hover { text-decoration: underline; color:#233e43 }
.mail { position:absolute; left:258px; top:0 }

/*MENU*/
#menuwrapper { position:absolute; top:45px; left:25px; padding-left:265px; height:45px; z-index: 100; background:url(../images/red-ribbon.png) repeat-x; width:685px; border-top: none; border-bottom: none; background-color: none }
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#navbar {width: 715px;}
#navbar, #navbar ul {padding: 0;margin: 0;list-style: none }
#navbar a {display: block;text-decoration: none;padding: 9px 25px 9px 25px;border-right: 1px solid #8f5a50;font-size: 14px;color: #f7f5d5;}
.subborder { border-bottom:1px dotted #cccccc; padding: 2px 0 4px 0; margin:0px 0 3px 0; }
#navbar a.trigger {padding: 9px 15px 9px 15px}
#navbar li {float: left;width: 9em;}
#navbar li { position: relative;}
/* hide from IE mac \*/#navbar li {position: static; width: auto;}/* end hiding from IE5 mac */
#navbar li ul, #navbar ul li  {width: 12em;}
#navbar ul li a  {color: #565656; border-right: 0;padding: 4px 12px 8px 16px;}
#navbar li ul {position: absolute;display: none; background-color: #fffef0;}
#navbar li:hover a, #navbar a:focus, #navbar a:active, #navbar li.p7hvr a {color: #f7f5d5;background-color:#a85f62;}
#navbar li:hover ul, #navbar li.p7hvr ul {display: block;}
#navbar li:hover ul a, #navbar li.p7hvr ul a { color: #000000; background-color: transparent }
#navbar ul a:hover { background-color: #6f3321!important; color: #FFFFFF !important;}

/*BIG IMAGE*/
div#bigtop { position:absolute; top:79px; left:25px; width:900px; height:360px; z-index: 50; padding:0 25px; background:url(../images/big-top-shadow.png) no-repeat; }

/*CONTENT*/
div#container { position: absolute; z-index: 0; width:860px; background: url(../images/background.jpg) repeat-y; padding:410px 65px 0 65px }
div#content { position:relative; float:left; height:100% }
div#content h3 { color:#0d2d34 }
div#content p { font-size:14px; line-height:20px; text-indent:20px; color:#3f3a31;  }
ul#content { font-size:14px; line-height:20px; list-style: square; margin: 2px 0 2px 20px; color:#3f3a31;  }

div#imgright { float:right; position: relative; margin:0 0 10px 15px; }

.c600 { width:600px }
.c850 { width:850px }
.home { padding:20px 0 0 195px; width:480px }

div#hrs { position:absolute; width:200px; height:160px; z-index: 100 }
.gb { top:440px; left:768px; border-right:none }
.ch { top:600px; left:768px; border-right:none }
.ps { top:440px; left:53px; border-left:none }
.test { top:600px; left:53px; border-left:none }

div#contact { position:relative; float:left; height:200px; font-size:14px; line-height:20px; text-indent:20px; color:#3f3a31; font-family: "Helvetica", "Verdana", "Arial", sans-serif  }
div#contact h3 { font-size:24px; color:#7c321d }
div#contact p { margin:24px 0 12px 15px; font-size:16px; color:#3f3a31; text-align:center }

/*CONTACT PAGE*/
div#contact form { position:absolute; left:280px; top:0px; z-index:1000; padding:20px 20px 0px 20px;  border: 1px dashed #978057; text-align: left  }
div#contact form p { margin:0 0 12px 0; text-transform:uppercase; text-indent:0px; font-size:11px; font-weight: bold; color:#3f3a31; text-align:left }
div#contact form h3 { margin:0 0 12px 0; text-indent:0px; font-size:24px; font-weight: bold; color:#5c1d11; text-align:left }
div#contact input { width:260px;font-size:15px; border:none; padding:6px  }
div#contact textarea { position:relative; width:260px; height:120px; font-size:15px; border: none; background: #fbfad9; padding:6px }
.color { background: #fbfad9 }
#gosubmit { position: relative; float:left;  border:none; background-color: none; padding:0; margin:0 }

#toddprice { position: relative; float: left; width:250px; height:180px; padding:70px 20px 0px 20px; margin:15px 15px 0 0 }
#toddprice li { position: relative; float:left; font-size:16px; width:240px; margin:8px 0; color:#7c291a; font-weight: bold; text-align: left }
#toddprice b { position: relative; float: left; font-size:11px; width:240px; text-align: left;  }

#guestprice { position: relative; float: right; width:250px; height:120px; padding:70px 20px 0px 20px; margin:0px 0 0 15px }
#guestprice li { position: relative; float:left; font-size:16px; width:240px; margin:8px 0; color:#7c291a; font-weight: bold; text-align: left }
#guestprice b { position: relative; float: left; font-size:11px; width:240px; text-align: left;  }
 .cottagerates { background: url(../lodging/toddsbury-cottage/cottage-rates.png) no-repeat; }
 .guestrates { background: url(../lodging/toddsbury-guest-house/guest-house-rates.png) no-repeat; }

/*ROOM DESCRIPTIONS*/
div#rooms { position: relative; float:left }
div#rooms ul { position: relative; float:left; border:1px dashed #978057; padding:25px 10px 10px 20px; margin:0 0 20px 0; width:570px; background:url(../images/gradient-ul.png) repeat-x }
div#rooms h3 { font-size:22px; color:#7c321d }
li#roombullet { position: relative; font-size:14px; margin:10px 0 0 0px; padding:0 0 0 20px; width:240px; color:#3f3a31; background:url(../images/list-style.png) no-repeat }
li#price { position: absolute; top: -2px; left: 230px; padding: 20px; font-weight: bold; background: url(../images/price.png) 15px 5px no-repeat; color:#7c321d }
li#roomreserve { position: absolute; left:325px; top:190px; font-size:14px; margin:10px 0 0 0px; padding:5px 0px 8px 0px; width:250px; text-align:center; color:#3f3a31; background: url(../images/reserve-button.png) no-repeat }
li#roomreserve a { text-decoration: none; color:#7c321d  }
li#roomreserve a:hover { text-decoration: underline; color:#930006 }
div#rooms p { line-height:18px; font-size:14px; color:#3f3a31; width:280px; margin:10px 0 0 0 }
.roomimage { position:relative; float:right; margin: 0 0 0 16px; width:280px; background: url(../images/room-shadow.png) no-repeat }
li#creekrates { position:relative; float:left; line-height:14px; font-size:14px; width:500px; height:40px; color:#5e000f; text-align:right; margin:15px 0 8px 0; background: url(../lodging/creek-house/creek-room-rates.png) no-repeat }
.single { padding:22px 30px 0px 30px; }
.double { padding:16px 30px 0px 30px; }
.twotenrate { font-size:10px }

/*TESTIMONIALS*/
div#testimonials { position:relative; float:left; height:100%; margin:0 0 20px 0; font-family: "Helvetica", "Verdana", "Arial", sans-serif;  }
div#testimonials h1 { font-size:22px; color:#3f3a31 }
div#testimonials p { font-size:14px; line-height:20px; margin:0; text-indent:20px; color:#3f3a31 }
div#testimonials q { position:relative; float:left; font-size:20px; font-style: italic; line-height:26px; text-indent:24px; padding:20px 0 0 0; margin:20px 0 0px 0; border-top:1px solid #cfb789; color:#3f3a31 }
div#testimonials li { position:relative; float:left; font-size:14px; font-style: italic; line-height:26px; text-indent:40px; margin:0; list-style: none; color:#3f3a31 }

/*SITEMAP*/
div#sitemap { position:relative; float:left; height:100%; width:600px; margin:-300px 0 40px 225px;  }
div#sitemap a { text-decoration: underline; color:#7c321d }
div#sitemap a:hover { text-decoration: underline; color:#7c321d }
div#sitemap h1 { font-size:24px; color:#3f3a31 }
div#sitemap h3 { font-size:18px; color:#3f3a31; margin:20px 0 0 0 }
div#sitemap p { font-size:12px; line-height:17px; margin:0; text-indent:0px; color:#3f3a31 }

/*AMENITIES*/
div#roomamenities { position:relative; float:left; width:600px; border:1px dashed #978057; padding:0 0; margin:20px 0; background:url(../images/gradient-ul.png) repeat-x; }
div#roomamenities a { text-decoration: none; border-bottom:1px dashed #978057; color:#074151 }
div#roomamenities a:hover { text-decoration: none; border-bottom:1px dashed #978057; color:#0e7a98 }
div#roomamenities ul { position:relative; float:left; padding:20px }
div#roomamenities h3 { width:300px }
div#roomamenities p { margin:5px 0 10px 0; width:560px; font-size:12px; text-indent:0 }
div#roomamenities li { position: relative; float: left; width:145px; display:block; margin:6px 0 6px 0; padding-left:24px; font-size:14px; color:#3f3a31; background:url(../images/list-style.png) no-repeat }

/*stay*/
div#stay { position:relative; float:left; width:600px; border:1px dashed #978057; padding:20px 0; margin:20px 0 0 0; background:url(../images/gradient-ul.png) repeat-x; }
div#stay a { text-decoration: none; border-bottom:1px dashed #978057; color:#074151 }
div#stay a:hover { text-decoration: none; border-bottom:1px dashed #978057; color:#0e7a98 }
div#stay ul {  }
div#stay h3 { margin:0 0 0 20px; font-size:20px; color:#0d2d34}
div#stay p { margin:5px 0 10px 20px; font-size:12px; text-indent:0 }
div#stay li { position: relative; display:block; margin:6px 0 6px 20px; padding-left:24px; font-size:14px; color:#3f3a31; background:url(../images/list-style.png) no-repeat }

/*RIGHTY-TIGHTY*/
div#reservation { clear: right; position:relative; float:right; width:200px; height:280px; padding:20px 20px; font-size: 11px; margin:20px 0 0 0; right:-20px; font-weight:bold; background:url(../images/avail-box.png) top left no-repeat; color:#f8f7e4; }
div#reservation h4 { font-size: 24px }
div#reservation p { margin:7px 0px 6px 0px }
div#reservation select { font-size: 14px }
#resblock { width:160px; position:relative; float:left; left:30px }
#reselect { position:absolute; left:50px; top:-4px }

div#testbox { position:relative; float:right; width:200px; margin:20px 0 0 0 }
#giftbox { margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 15px; clear: right; position:relative; float:right; width:200px; }

/*LODGING*/
div#lodging { position:relative; float:left; margin:0 0 20px 0 }
div#lodging ul { position:relative; float:left; border: 1px dashed #978057; padding:20px; margin:20px 0 0 0; width:550px; background:url(../images/gradient-ul.png) repeat-x; }
div#lodging h3, #roomamenities h3, #imagegallery h3 { font-size:22px; color:#3f3a31; margin:0 0 2px 0; color:#0d2d34 }
div#lodging h3 a { color:#7c321d; text-decoration: none }
div#lodging h3 a:hover { color:#7c321d; text-decoration: underline }
div#lodging p { font-family: "Helvetica", "Verdana", "Arial", sans-serif; line-height:18px; font-size:12px; color:#3f3a31; width:390px }

#readmore { position:relative; float:left; width:240px; display:block; border: 1px solid #3f3a31; margin:6px 0 0 0; padding:6px; font-size:10px; text-transform: uppercase; font-weight: bold; text-align:center; color:#3f3a31; background-color: #7c321d }
#readmore a { color:#fef4df; background-color: #7c321d; text-decoration: none }
#readmore a:hover { color:#FFF; text-decoration: underline }

#cost { position:relative; float:left; border: 1px solid #3f3a31;; border-left:none; background-color: #fef4df; display:block; width:120px; margin:6px 0 0 0; padding:6px; font-size:10px; text-transform: uppercase; font-weight: bold; text-align:center; }

.lodimage { position:relative; float:right; margin: 0 -10px -16px 16px; height:142px; width:142px; padding:1px 0 0 7px; background: url(../images/small-shadow.png) no-repeat }

/*FOOTER*/
div#footer { position:relative; float:left; text-align:left; width:860px; padding:50px 0 30px 0 }
div#footer p { font-size:13px; color:#3f3a31; margin:2px 0; color:#3f3a31 }
div#footer b { font-weight:bold; font-size:14px; text-transform: uppercase }
div#footer a { color:#3f3a31 }
div#footer a:hover { color:#365c4e }

div#bbva { position:absolute; left:750px; top:10px }
div#paii { position:absolute; left:540px; top:55px }
div#centva { position:absolute; left:642px; top:35px }
div#tenyear { position:absolute; left:475px; top:65px }

/*RESERVATION FORM*/
#reservationform { position:relative; float:left; top:-310px; left:220px; height:100%; }
#reservationform a, #reservationform a:link { margin:12px 0 0 0;  text-decoration:none; border-bottom: 1px dashed #000; color:#3f3a31 }
#reservationform a:hover { text-decoration:none; border-bottom: 1px solid #000; }
#reservationform center table { width:630px; }
#reservationform center table tr { background: transparent }

#reservationform b { font-size:16px; font-weight: bold }
#reservationform h3 { padding: 30px 0 30px 0; margin:15px 0 -15px 0; border-top:1px solid #978368; border-bottom:1px solid #978368; font-size:16px; color:#3f3a31; font-weight: normal; text-align: left; line-height: 20px; height:105px }
h3#novacancy { margin:0 0 20px 0 }
#reservationform h4 { line-height: 20px; font-size:14px; color:#3f3a31; font-weight: normal; text-align: left }
#reservationform center table tr td { padding:2px; background: transparent; border:none; vertical-align:middle }
#reservationform img { margin:5px 15px 15px 0; border:none }
#reservationform input { margin:5px 0px 8px 5px; width:auto; padding:2px 4px; font-size:14px }
#reservationform form { background: transparent; margin:35px 0; width:630px; padding:20px 20px 10px 20px; border: 1px dashed #978368; -moz-border-radius: 8px;
-webkit-border-radius: 8px; }
#reservationform form a, #reservationform form a:link { margin:12px 0 0 0; font-size:14px; text-decoration:none; border-bottom: 1px dashed #000; color:#3f3a31 }
#reservationform form a:hover { font-size:14px; text-decoration:none; border-bottom: 1px solid #000; }
#reservationform textarea { margin:5px 0px 8px 5px; width:auto; height:120px; padding:4px; font-size:14px }
#reservationform hr { border-top:1px dashed #978368; width:auto; margin:15px 0 25px 0; background: transparent }
#reservationform select { margin:12px 0 0 0; width:auto; height:25px; padding:0; font-size:100%; line-height:100% }
#reservationform option { margin:5px 0px 8px 5px; width:auto; font-size:16px; line-height: 16px }

img#vacancy { position: relative; float:left; height:128px; width:128px; margin:-10px 15px 0 0 }
img#novacancy { position: relative; float:left; height:128px; width:128px; margin:-10px 15px 0 0 }

#guestdata { margin:5px 0px 8px 5px; width:auto; padding:2px 4px; font-size:14px }

input#sb { margin:15px 0; font-size:18px }
input#ccname { font-size: 14px }
input#cctype { font-size: 14px }
tr#policyRow { width:auto }
input#pconfirm { margin:20px 10px 0px 0; font-size:18px }

form#getdirections { position:relative; float:right; padding:105px 20px 25px 20px; width:195px; right:-20px; background: url(../location/turn-by-turn.png) no-repeat; color:#721c10; margin:20px 0 0 0; text-align: center }
form#getdirections h3 { font-size:28px; line-height:18px; margin:0 0 15px 0 }
form#getdirections p { font-size:11px; line-height:16px; margin:0 0 10px 0 }
form#getdirections input { font-size:12px; padding:3px; margin:0px 0 15px 0 }

#recommend { position: absolute; top:79px; left:761px; z-index: 60; color:#fffef1; background: url(../images/transparent-back.png) ;  text-align: center; width:150px; padding:28px 20px 0px 20px; height:292px; text-shadow: 1px 2px 5px #000 }
#recommend p { font-size:50%; letter-spacing: 1px; text-transform: uppercase; margin:0 0 15px 0; font-weight:bold  }
#recommend h3 { font-size: 95%; margin:0 0 15px 0; font-family: "Georgia","Times",serif; font-style: italic }

/*North River Notes*/
div#notes { margin-left: 0; margin-bottom: 0; margin-right: -20px; margin-top: 20px; clear: right; height: 142px; background-image: url(/images/notes.jpg); padding-right: 20px; padding-left: 20px; padding-bottom: 20px; padding-top: 58px; width: 200px; border-style: none; position: relative; float: right;}
div#notes h4 a {font-family: "Zapf Chancery", "Comic Sans MS", cursive; color: #094f55; font-size: 1em; font-weight: bold; clear: both; margin-bottom: 0px; float: left; position: relative;}
div#notes h4 a:hover {font-family: "Zapf Chancery", "Comic Sans MS", cursive; color: #00bcc9; font-size: 1em; font-weight: bold; clear: both; margin-bottom: 0px; float: left; position: relative;}
div#notes h5 { line-height: 1em; margin-bottom: 10px; width: 165px; font-variant: small-caps; font-family: "Zapf Chancery", "Comic Sans MS", cursive; clear: both; float: left; position: relative; font-size: 0.75em; text-indent: none; }
div#notes p a:hover { clear: both; top: 190px; position: absolute; color: #15a5b7; font-family: "Zapf Chancery", "Comic Sans MS", cursive; font-size: 0.75em; right: 45px; }
div#notes p a { top: 190px; position: absolute; color: #10737e; font-family: "Zapf Chancery", "Comic Sans MS", cursive; font-size: 0.75em; right: 45px; }