@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;
}
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 */
body {
	background: url(images/dark-bg.jpg) repeat;
	margin:0 auto !important;
	padding:0px !important;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.7em;
	font-weight:normal;
	margin-bottom:1em;
	text-align:center;
	}
#container {
	text-align:left;
	margin:0 auto;
	width:1000px;
	position:relative;
}
#contentbg {
	background:#ddcfba;
	width:972px;
	margin:0 auto;
	padding:7px 14px 14px 14px;
}
/*-------------------------------------------- header */
#header {
	background: url(images/header-bg.jpg) center top no-repeat;
	width:1000px;
	position:relative;
	height:164px;
}
/*-------------------------------------------- navigation */
#nav {
	width:1025px;
	background: url(images/nav-bg.gif) no-repeat;
	height:44px;
	text-align:center;
	padding-left:12px;
	margin:0 0 7px -30px;
}
#nav li a{ margin-left: -2px\0/; }
/*-------------------------------------------- main content */
#mainimg {
	width:950px;
	padding:10px;
	background:#fff;
	border:1px solid #b9ae9c;
	margin-bottom:15px;
}
#maincontent {
	margin:0 auto;
	overflow:hidden;
	width:940px;
	padding:0px 15px;
	background: url(images/main-content-bg.jpg) repeat-y;
	border:1px solid #b9ae9c;	
}
#roomscontent {
	margin:0 auto;
	overflow:hidden;
	width:940px;
	padding:15px;
	background:#fff;
	border:1px solid #b9ae9c;	
}
#topcontent {
	margin:0 auto;
	overflow:hidden;
	width:940px;
	background:#fff;
	position:relative;
}
#rightcol {
	width:252px;
	padding:5px;
	float:right;
	position:relative;
}
#textarea {
	width:645px;
}
/*-------------------------------------------- reservation calendar */
#avail {
	width:252px;
	height:201px;
	position:relative;
	text-align:center;
	margin-bottom:30px;
}

/*-------------------------------------------- Home page */

#blog {
	text-align:left;
	line-height:1.3em;
	font-size:11px;
	width:214px;
	padding:9px;
	margin:270px auto 0 auto;
	background:#fff;
	border:1px solid #acacac;
}	
#blog a {
	color:#6f0b00;
	text-decoration:none;
}
#blog a:hover {
	text-decoration:underline;
}
#notes {
	background:#f5ede1;
	width:613px;
	border:1px solid #acacac;
	padding:15px;
	margin-bottom:25px;
}
	
#quote {
	text-align:center;
	width:645px;
	margin-top:15px;
}
/*-------------------------------------------- Carraige House */
#leftcolumn {
	float:left;
	width:330px;
}
#leftcolumn img {
	padding:5px;
	border:1px solid #6f0b00;
	margin-bottom:10px;
}
#chcontent {
	margin:0 auto;
	overflow:hidden;
	width:940px;
	background:#fff;
	position:relative;
}
#chtext {
	width:600px;
	margin-left:330px;
}
#chrates {
	font-weight:bold;
	color:#6f0b00;
	padding-top:8px;
	width:600px;
	position: absolute;
	bottom:5px;
	height:26px;
	clear:right !important;
	overflow:hidden;
}
#chrates span a {
	float:right;
}
#chspacer {
	height:30px;
	width:600px;
	clear:right;
}
#chrates span a:hover {
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}	
/*-------------------------------------------- Rooms Portal */
#room1, #room2, #room3, #room4, #room5, #room6 {
	min-height:301px;
	margin-bottom:1em;
	position:relative;
}
#roomcontent1, #roomcontent2, #roomcontent3, #roomcontent4, #roomcontent5, #roomcontent6 {
	width:668px;
	margin-left:272px;
}

#room1photos, #room2photos, #room3photos, #room4photos, #room5photos, #room6photos {
	width:260px;
	height:251px;
	float:left;
	margin-right:12px;
	position:relative;
}

#amenities1, #amenities2, #amenities3, #amenities4, #amenities5, #amenities6 {
	width:550px;
	margin-left:20px;
}
#amen1,#amen3, #amen5, #amen7, #amen9, #amen11 {
	float:right;
	width:300px;
	list-style:url(http://www.oldesquareinn.com/images/list-img.jpg) !important;
}
#amenities1 ul, #amenities2 ul, #amenities3 ul, #amenities4 ul, #amenities5 ul, #amenities6 ul {
	line-height:1.8em;
	font-size:12px;
	margin-bottom:15px;
}

#amenities1	li, #amenities2	li, #amenities3	li, #amenities4	li, #amenities5	li, #amenities6	li {
	list-style:url(http://www.oldesquareinn.com/images/list-img.jpg) !important;

}
#rates1, #rates2, #rates3, #rates4, #rates5, #rates6 {
	font-weight:bold;
	color:#6f0b00;
	padding-top:8px;
	width:660px;
	position: absolute;
	bottom:5px;
	height:26px;
	clear:right !important;
	overflow:hidden;
}
#rates1 span a,#rates2 span a,#rates3 span a,#rates4 span a,#rates5 span a,#rates6 span a {
	float:right;
}
#spacer1, #spacer2, #spacer3, #spacer4, #spacer5, #spacer6 {
	height:30px;
	width:660px;
	clear:right;
}
#rates1 span a:hover, #rates2 span a:hover, #rates3 span a:hover, #rates4 span a:hover, #rates5 span a:hover, #rates6 span a:hover {
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}	
#roomquote {
	text-align:center;
	width:940px;
}
/*-------------------------------------------- footer */	
#footer {
	width:1000px;
	height:100px;
	margin:0px auto !important;
	text-align:left;
	line-height:1.5em;
	color:#ffffff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
}
#footer a, #footer a:hover {
	color:#ffffff !important;
	font-weight:normal !important;
}
span#photo {
	line-height:1.2em;
	color:#ffffff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	position:absolute;
	bottom:35px;
	right:0px;
}
span#photo a {
	color:#ffffff !important;
	font-weight:normal;
}
/*-------------------------------------------- misc */	
p {
	margin-bottom:1em;
}
a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}
h1, h2, h3, h4 {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.7em;
	font-weight:normal;
	margin-bottom:1em;
}
.title {
	font-weight:bold;
	font-size:17px;
	margin-bottom:1em !important;
}
#imagetitle1, #imagetitle2, #imagetitle3, #imagetitle4, #imagetitle5, #imagetitle6 {
		margin-bottom:1em !important;
}
#clear {
	clear:both !important;
}

/*-------------------------------------------- Button Hovers */	
a#face{
	width:39px;
	height:38px;
	position:absolute;
	top:120px;
	right:125px;
	background: url(images/social-sprite.jpg) -39px 0;
}
a#face:hover {
	background-position: -39px -37px;
}
a#twit{
	width:39px;
	height:38px;
	position:absolute;
	top:120px;
	right:84px;
	background: url(images/social-sprite.jpg) -80px 0;
}
a#twit:hover {
	background-position: -80px -37px;
}
a#blogs {
	width:39px;
	height:38px;
	position:absolute;
	top:120px;
	right:164px;
	background: url(images/social-sprite.jpg) 0px 0px;
}
a#blogs:hover {
	background-position: 0px -37px;
}
a#email {
	width:39px;
	height:38px;
	position:absolute;
	top:120px;
	right:0px;
	background: url(images/social-sprite.jpg) -166px 0px;
}
a#email:hover {
	background-position: -166px -37px;
}
a#emailfriend {
	width:39px;
	height:38px;
	position:absolute;
	top:120px;
	right:40px;
	background: url(images/social-sprite.jpg) -125px 0px;
}
a#emailfriend:hover {
	background-position: -125px -37px;
}
a#phone {
	cursor: default;
	width:207px;
	height:14px;
	position:absolute;
	top:20px;
	right:0px;
	background: url(images/phone.gif) -0px 0px;
}
a#head-avail {
	width:150px;
	height:26px;
	position:absolute;
	top:50px;
	right:56px;
	background: url(images/avail-btn.gif) 0px 0px;
}
a#head-avail:hover {
	background-position: 0px -26px;
}
a#giftcert {
	width:208px;
	height:26px;
	position:absolute;
	top:84px;
	right:-1px;
	background: url(images/gc-btn.gif) 0px 0px;
}
a#giftcert:hover {
	background-position: 0px -26px;
}
a#mobile {
	padding:2px 16px;
	position:absolute;
	top:10px;
	left:0px;
	border:2px solid #fff;
	background:#ddd;
		color:#6f0b00;
}
a#mobile:hover {
	background:#fff;
	border:#6f0b00 2px solid;
	color:#6f0b00;
	text-decoration:none;
}
#logo {
	position:absolute;
	top:50px;
	left:0px;
}
a#baby{
	width:220px;
	height:200px;
	position:absolute;
	right:20px;
	top:300px;
	background: url(images/babymoon-btn.jpg) 0px 0px;
}
a#baby:hover {
	background-position: -0px -200px;
}
/*-------------------------------------------- Site Map content */	
.sitemap ul ul {
margin-left: 0px;
padding: .5em 0 1.5em 0;
}
.sitemap li {
clear: left;
margin-left: 10px;
list-style: none;
padding-left: 20px;
background: transparent url('images/level2.png') 0 .15em no-repeat;
}
.sitemap li li {
clear: none;
display: block;
margin: 0 0 1em;
width: 300px;
float: left;
background: transparent url('images/level1.png') 0 .15em no-repeat;
}
.sitemap li li ul {
display: none;
}
.sitemap li a {
font-weight: bold;
}
.sitemap li li a {
font-weight: normal;
}
#home {
font-size: 24px;
font-weight: bold;
padding: 0 0 .5em 24px;
margin: 0;
background: transparent url('images/home.png') 0 .15em no-repeat;
}

