@charset "utf-8";

/* __________________________________________________________________________________DO NOT EDIT*/
/* Reset CSS file */
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

ul.events	{ list-style:circle ;
			padding:0 ;
			margin:10px 0px 10px 15px ;
			
			}
			
.events li	{ padding:3px 0px 3px 0px }		
			
#smap ul 	{ list-style-type: none;
			padding: 0;
			margin-left: 0;
			}						

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* __________________________________________________________________________________You can now Edit Below this line */
/*-------------------------------------------- main body */
html {
	background:url(images/bg.jpg) repeat;
}
	
body {
	background: url(images/top-bg.jpg) top repeat-x;
	margin:0 auto;
	font-size:13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#660000;
	line-height:1.7em;
	text-align:center;
	}
#shadow {
	width:1030px;
	background:url(images/shadow.png) repeat-y;
	margin:0px auto !important;
}
#container {
	text-align:left;
	margin:0 auto;
	width:1000px;
	position:relative;
}
/*-------------------------------------------- header */
#mobilebtn {
	background-color:#2F445E;
    position:relative;
    width:1000px;
	height:20px;
    text-align:left;
    left: 0px;
    top:0px;
    margin-top:2px;
    margin-bottom:0;
}
a:link.mobilebtn, a:visited.mobilebtn, a:active.mobilebtn {
    font-family: Arial, Helvetica, sans-serif;
    color:#fff !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    display: block;
    margin-left:10px !important;
}
a:hover.mobilebtn {
    text-decoration:underline;
}

#header {
	background:url(images/header-bg.jpg) no-repeat;
	width:1000px;
	height:177px;
	position:relative;
}
/*-------------------------------------------- navigation */
#nav {
	padding:8px 0 0 0;
	margin-left:194px;
	width:855px;
	position:relative;
}
#nav a {
	font-weight:normal !important;
	font-size:12px !important;
}
#nav li a{ margin-left: -2px\0/; }
/*-------------------------------------------- main content */
#mainimg {
	background:#fff;
	width:974px;
	padding:13px;
	border-top:2px solid #1f2e3f;
	border-bottom:2px solid #1f2e3f;
}
#maincontent {
	padding-bottom:20px;
	margin:8px 15px 0px 15px;
	width:974px;
	background:#dbeaf0;
    font-size:20px !!important;
}
#rightcol {
	width:300px;
	position:absolute;
	right:4px;
	top:520px;
	font-size:20px!important;
}
span#space {
	width:300px;
	margin-right:5px;
	height:475px;
	float:right;
}
#lower-img-1 {
	position:absolute;
	top:0px;
	right:0px;
	width:291px;
	height:275px;
}
#lower-img-ol {
	position:absolute;
	top:-6px;
	left:-7px;
}
#lower-img-2 {
	position:absolute;
	top:350px;
	right:18px;
	background:url(images/lower-img-2-bg.png) no-repeat;
	width:258px;
	height:310px;
	padding:5px 0 0 5px;
}
/*-------------------------------------------- reservation calendar */

#phone1 {
	position:absolute;
	top:320px;
	right:90px;
	width:auto;
	height:auto;
}

#phone2 {
	position:absolute;
	top:740px;
	right:90px;
	width:auto;
	height:auto;
	font-size:20px!important;
}

#phone3 {
	position:absolute;
	top:750px;
	right:90px;
	width:auto;
	height:auto;
	font-size:20px!important;
}

#phone4 {
	position:absolute;
	top:730px;
	right:90px;
	width:auto;
	height:auto;
	font-size:20px!important;
}


#avail {
	padding:20px 6px 0 6px;
	border:1px solid #600;
	background-color:#fcfc98;
	width:660px;
	margin:30px 0 40px 13px;
	position:relative;
}
#availroom {
    font-size:20px !important;
	padding:20px 300px 0px 6px;
	background-color:#fcfc98;
	width:661px;
	border:1px solid #600;
	margin:30px 0 40px 13px;
	position:relative;
}
#avail td, #availroom td {
	padding:7px 13px;
}
#avail table, #availroom table {
	border:1px solid #660000;
}
#day, #month, #year, #night {
	background:#fff;
	border:2px inset #660000;
	font-family:Georgia, Garamond, serif;
	font-size: 13px;
	color:#660000;
}
#submit1 {
	background:#fff;
	border:2px outset #660000;
	font-family:Georgia, Garamond, serif;
	font-size: 13px;
	color:#660000;
}
#submit1:hover {
	background:#fff;
	border:2px inset #660000;
	font-family:Georgia, Garamond, serif;
	font-size: 13px;
	color:#660000;
}
#bannor {
	position:absolute;
	top:-120px;
	left:0px;
	z-index:9999999;
}
#bannor-text {
	margin-left:225px;
	font-size:24px;
	color: #600;
	font-weight:bold;
}
#bannor-text a {
	font-size:24px;
	color: #600;
	font-weight:bold;
}
#anni {
	position:absolute;
	top:-50px;
	left:10px;
}
#anni-text {
	margin-left:225px;
	font-size:24px;
	color: #03F;
	font-weight:bold;
}
#anni-text a {
	font-size:24px;
	color: #03F;
	font-weight:bold;
}
/*-------------------------------------------- Home page */
#dark-box {
	clear:both;
	background:#1f2e3f;
	width:956px;
	padding:9px;
	margin:15px auto;
	text-align:left;
	clear:both;
	color:#fff;
	font-size:12px;
}
#dark-box-content {
	border:1px solid #fff;
	padding:10px;
}
#blog {
	clear:both;
	background:#dbeaf0;
	width:954px;
	padding:9px;
	margin:40px auto 15px auto;
	text-align:left;
	clear:both;
	color:#1f2e3f;
	font-size:12px;
	border:1px solid #fff;
}	
#blog-content {
	border:1px solid #1f2e3f;
	padding:10px;
}
#quote {
	clear:both !important;
	width:975px;
	margin:20px auto 0 auto;
	padding:0 0 45px 0;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}
/*-------------------------------------------- Rooms Portal */
#firstfloor {
	width:304px;
	height:283px;
	margin-left:13px;
	position:relative;
	float:left;
}
#btn-1 {
	position:absolute;
	top:0px;
	left:0px;
}
#first-btn-title {
	position:absolute;
	top:210px;
	left:45px;
}
#firstfloor-links {
	position:absolute;
	top:235px;
	left:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
#secondfloor {
	width:304px;
	height:283px;
	margin-left:350px;
	position:relative;
}
#btn-2 {
	position:absolute;
	top:0px;
	left:0px;
}
#second-btn-title {
	position:absolute;
	top:210px;
	left:30px;
}
#secondfloor-links {
	position:absolute;
	top:235px;
	left:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
#guesthouse{
	width:304px;
	height:283px;
	margin-right:13px;
	position:relative;
	float:right;
}
#btn-3 {
	position:absolute;
	top:0px;
	left:0px;
}
#guest-btn-title {
	position:absolute;
	top:210px;
	left:50px;
}
#guesthouse-links {
	position:absolute;
	top:235px;
	left:100px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
/*-------------------------------------------- Individual rooms */
#ind-room-content, #ind-room-content2, #ind-room-content3, #ind-room-content4, #ind-room-content5, #ind-room-content6 {
	width:600px;
	margin-left:350px;
	background:#dbeaf0;
}
#roomlinks, #roomlinks2, #roomlinks3, #roomlinks4, #roomlinks5, #roomlinks6 {
	clear:both;
	background:#1f2e3f;
	width:582px;
	padding:9px;
	margin:15px auto;
	text-align:left;
	color:#fff;
	font-size:12px;
}
#roomlinks-content, #roomlinks-content2, #roomlinks-content3, #roomlinks-content4, #roomlinks-content5, #roomlinks-content6 {
	text-align:center;
	border:1px solid #fff;
	padding:6px;
}
#room-parlor, #room-captain, #room-addison, #room-anaconda, #room-alto, #room-mates {
	clear:both;
	margin:20px 0;
	position:relative;
}

#room-first-img, #room-first-img2, #room-first-img3, #room-first-img4, #room-first-img5, #room-first-img6 {
	position:absolute;
	top:6px;
	left:8px;
}
#ind-room-1-ol, #ind-room-1-ol2, #ind-room-1-ol3, #ind-room-1-ol4, #ind-room-1-ol5, #ind-room-1-ol6 {
	position:absolute;
	top:-6px;
	left:-8px;
}
#room-second-img, #room-second-img2, #room-second-img3, #room-second-img4, #room-second-img5, #room-second-img6 {
	position:absolute;
	top:174px;
	left:154px;
}
#ind-room-2-ol, #ind-room-2-ol2, #ind-room-2-ol3, #ind-room-2-ol4, #ind-room-2-ol5, #ind-room-2-ol6 {
	position:absolute;
	top:-4px;
	left:-4px;
}

/*-------------------------------------------- footer */	
#footer {
	background:#2f445e url(images/footer-bg.jpg) no-repeat;
	width:974px;
	height:120px;
	padding:60px 13px 20px 13px;
	margin:0px auto !important;
	text-align:left;
	line-height:1.6em;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
#footer a, #footer a:hover {
	color:#fff !important;
	font-weight:normal !important;
}
/*-------------------------------------------- misc */	
p {
	margin-bottom:1em;
}
a {
	font-weight:bold;
	text-decoration:none;
	color:#660000;
}
a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#660000;
}
h1, h2, h3, h4 {
	font-size:13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#660000;
	line-height:1.7em;
	font-weight:normal;
	margin-bottom:1em;
}
.title {
	font-weight:bold;
	font-size:17px;
	margin-bottom:0em !important;
}
#dark-box li, #maincontent li, #room-maincontent li {
	list-style:disc;
	margin-left:15px;
}
#firstfloor-links a, #secondfloor-links a, #guesthouse-links a, #roomlinks a, #roomlinks2 a, #roomlinks3 a, #roomlinks4 a, #roomlinks5 a, #roomlinks6 a {
	color:#fff;
	font-weight:normal;
}
#social {
	padding-left:25px !important;
	position:relative;
}
/*-------------------------------------------- Button Hovers */	
a#face{
	width:23px;
	height:23px;
	position:absolute;
	top:48px;
	right:42px;
	background:url(images/btn-social.jpg) 0 0;
}
a#face:hover {
	background-position: -53px 0px;
}
a#twit{
	width:23px;
	height:23px;
	position:absolute;
	top:78px;
	right:42px;
	background:url(images/btn-social.jpg) 0px -30px;
}
a#twit:hover {
	background-position: -53px -30px;
}
a#blogs {
	width:23px;
	height:23px;
	position:absolute;
	top:48px;
	right:13px;
	background:url(images/btn-social.jpg) -30px 0px;
}
a#blogs:hover {
	background-position: -83px 0px;
}
a#email {
	width:23px;
	height:23px;
	position:absolute;
	top:78px;
	right:13px;
	background:url(images/btn-social.jpg) -30px -30px;
}
a#email:hover {
	background-position: -83px -30px;
}
a#avail {
	width:125px;
	height:33px;
	position:absolute;
	right:155px;
	top:85px;
	background:url(images/avail.jpg) 0 0;
}
a#avail:hover {
	background-position: -125px 0;
}
a#weather {
	width:167px;
	height:46px;
	position:absolute;
	right:276px;
	top:87px;
	background:url(images/head-btns.jpg) 0 0;
}
a#weather:hover {
	background-position: -167px 0;
}
a#friend {
	width:167px;
	height:46px;
	position:absolute;
	right:108px;
	top:86px;
	background:url(images/head-btns.jpg) 0 -46px;
}
a#friend:hover {
	background-position: -167px -46px;;
}
a#phone {
	width:127px;
	height:33px;
	position:absolute;
	right:205px;
	top:48px;
	background:url(images/phone.jpg) 0 0;
	cursor: default;
}
a#book-online {
	width:125px;
	height:33px;
	position:absolute;
	right:75px;
	top:48px;
	background:url(images/btn-book.jpg) 0 0;
}
a#book-online:hover {
	background-position: -126px 0;
}
a#attract {
	width:261px;
	height:59px;
	position:absolute;
	right:20px;
	top:262px;
	background:url(images/btn-attractions.jpg) 0 0;
}
a#attract:hover {
	background-position: -261px 0;
}
a#capecod{
	width:282px;
	height:61px;
	position:absolute;
	top:2px;
	right:10px;
	background: url(images/btn-capecod.jpg) 0 0;
}
a#capecod:hover {
	background-position: -282px 0px;
}

a#firstflr{
	width:140px;
	height:57px;
	position:absolute;
	top:7px;
	right:160px;
	background: url(images/btn-first-floor.jpg) 0 0;
}
a#firstflr:hover {
	background-position: -140px 0px;
}


a#secflr{
	width:140px;
	height:57px;
	position:absolute;
	top:7px;
	right:160px;
	background: url(images/btn-sec-floor.jpg) 0 0;
}
a#secflr:hover {
	background-position: -140px 0px;
}

a#secflr2{
	width:140px;
	height:57px;
	position:absolute;
	top:7px;
	right:10px;
	background: url(images/btn-sec-floor.jpg) 0 0;
}
a#secflr2:hover {
	background-position: -140px 0px;
}

a#gsths{
	width:140px;
	height:57px;
	position:absolute;
	top:7px;
	right:10px;
	background: url(images/btn-guest-apt.jpg) 0 0;
}
a#gsths:hover {
	background-position: -140px 0px;
}