/* Basic Reset */

*					{ padding: 0; margin: 0; }
body				{ background: #c7e3c7; font-family: Helvetica, Verdana, Arial, Serif; }
a img				{ border: 0; }
a					{ text-decoration: none; color: #448; }

/* Constants */

.clear				{ clear: both; }
.alignleft			{ float: left; }
.alignright			{ float: right; }
.center				{ margin: 0 auto; display: block; }
.group:after		{ content: " "; font-size: 0px; height: 0; clear: both; visibility: hidden; display: block; }
* html group		{ zoom: 1; } /* IE6 */
*:first-child+html .group	{ zoom: 1; } /* IE7 */

#container			{ width: 960px; margin: 0 auto; background: url(../images/container-bg.png) repeat-y; }


/* Header */
#header				{ position: relative; }
#header h1			{ background: url(../images/header.jpg) no-repeat 0 0; width: 940px; height: 150px; margin: 0 10px; }
#header h1.img0		{ background-position: 0 0; }
#header h1.img1		{ background-position: 0 -150px; }
#header h1.img2		{ background-position: 0 -300px; }
#header h1.img3		{ background-position: 0 -450px; }
#header span.fade	{ position: absolute; left: 10px; top: 0px; width: 940px; height: 150px; 
				      background: url(../images/header.jpg) no-repeat 0 0; display: none; z-index: 10; }
#header span.img0		{ background-position: 0 0; }
#header span.img1		{ background-position: 0 -150px; }
#header span.img2		{ background-position: 0 -300px; }
#header span.img3		{ background-position: 0 -450px; }
#header h1 a		{ text-indent: -9999px; display: block; width: 940px; height: 150px; }

#nevis-cottages		{ margin: 0 auto; background: #fff; height: 60px; overflow: hidden; text-indent: -9999px;
					  background: url(../images/top-banner.png); width: 960px; margin: 5px auto 3px; display:none; }

.menu				{ background: #c7e3c7 url(../images/menu.png) no-repeat; width: 940px; height: 30px; padding: 8px 10px 10px; display: block; }
.menu li 			{ list-style: none; width: 156px; float: left; border-right: 1px solid #d9e4dc; overflow: hidden; }
.menu li a			{ display: block; color: #9eb8a5; line-height: 30px; font-size: 11px; text-align: center; text-transform: lowercase; height: 30px; }
.menu li a:hover	{ background: #000; color: #fff; }
.menu li.last		{ border-right: none; width: 155px; }

.menu li:hover ul 	{ display: block; }
.menu li:hover  	{ background: rgb(1,1,1); background: rgba(0,0,0,0.7); color: #fff; }

.menu li ul 		{ overflow: hidden; display: none; position: absolute; width: 155px; background: rgb(1,1,1); background: rgba(0,0,0,0.7);}
.menu li ul li 		{ color: #fff; border: none; }

.bodysplitter		{ background: url(../images/bodysplitter.png) repeat-x; height: 18px; clear: both; 
					  margin: 0 -25px 25px -25px; }

/* Content */

#intro 				{ overflow: hidden; margin-bottom: 25px;}
#intro #text		{ width: 290px; float: left; }

#content			{ margin: 0 10px; padding: 15px 15px 350px; background: #ffffee url(../images/content-lower-bg.png) bottom no-repeat; 
					  overflow: hidden; }
#content h2			{ font-family: Helvetica; font-weight: normal; font-size: 1.4em; margin-bottom: 25px; }
#content h2.tagline	{ background: url(../images/tagline.png) -5px 0 no-repeat; height: 68px; text-indent: -9999px; margin-bottom: 25px; }
#content h3			{ font-family: Helvetica, Arial, garamond; font-size: 1.0em; margin-bottom: 15px; font-weight: normal; }
#content h4			{ font-family: Helvetica, Arial, garamond; font-size: 0.8em; margin-bottom: 15px; font-weight: normal; }
#content p			{ font-size: 0.8em; line-height: 1.5em; margin-bottom: 15px; color: #777; }

.properties			{ list-style: none; clear: both; overflow: hidden; }
.properties li 		{ width: 290px; margin-right: 20px; float: left; }
.properties li img	{ margin-bottom: 10px; }
.properties li.last	{ margin-right: 0px; }


#fromtheblog		{ float: left; width: 435px; }
#blogposts			{ list-style: none; }
#blogposts li 		{ list-style: none; }
span.date			{ font-size: 0.7em; color: #ccc; text-transform: uppercase; }

#latestcomments		{ float: right; width: 435px; }

#fromtheblog h2, #latestcomments h2		{ margin-bottom: 3px; }
#fromtheblog h4, #latestcomments h4		{ margin-bottom: 25px; }

/* Content - About */

#sidebar			{ float: left; width: 320px; }
#maincontent		{ float: right; width: 570px; }

#maincontent p		{ line-height: 1.6em; }

#maincontent h2		{ font-family: Arial; font-weight: normal; font-size: 1.4em; margin-bottom: 30px; }
blockquote			{ padding-left: 30px; font-family: Arial; font-size: 0.9em; line-height; 1.5em; font-style: italic; 
					  margin: 30px 0 35px; background: url(../images/quotes.png) 0 0 no-repeat; padding-top: 10px; }

#gallery			{ margin-top: 15px; list-style: none; }
#gallery li 		{ width: 80px; padding: 10px; background: #ddd; float: left; margin-right: 10px; margin-bottom: 10px; }

#video				{ display: none; }

/* Content - Information */


#column-x ol		{ margin-left: 50px; }
.withpics			{ width: 625px; }
.withpics img		{ float: right; margin-right: -280px; }

.section			{ margin-bottom: 35px; clear: both; }

#column-1 ul,
#column-2 ul 		{ padding-left: 25px; margin-bottom: 25px; }

#column-1 ul li,
#column-2 ul li 	{ font-size: 0.7em; line-height: 1.5em; color: #333; }

#column-1			{ width: 440px; float: left; }
#column-2			{ width: 440px; float: right; }

table				{ display: block; width: 440px; margin-bottom: 25px; }
td					{ width: 100px; text-align: center; font-size: 0.9em; font-family: Arial; border: none; padding: 5px; }
tr					{ border: none; border-bottom: 1px solid #ccc; display: block; width: 440px; color: #556; }

#provisions			{ padding: 15px; background: #dff4ff url(../images/popupbg.jpg) bottom no-repeat; overflow: hidden; }
#provisions ul 		{ margin-bottom: 25px; list-style: none; }
#provisions li 		{ text-size: 0.9em; padding: 3px; margin: 1px; background: url(../images/tick.png) no-repeat; 
					  padding-left: 25px; }
#provisions h3		{ font-size: 2.8em; font-weight: normal; margin-bottom: 25px; }

.listgroup			{ float: left; margin-right: 25px; }
.listgrouplast		{ float: left; }

/* Content - Post Office */

.po-images			{ text-align: center; padding-top: 50px; }
.img-row 			{ text-align: center; }

/* Content - Schoolhouse & Bothy */

.sh-images			{ text-align: center; }

/* Content - Contact Form */

form h4					{ font-weight: normal; font-size: 0.8em; margin-bottom: 5px;  }

form p.full-name label		{ display: block; float: left;  width: 178px; margin-right: 5px; font-size: 0.7em; color: #000; }
form p.full-name input		{ width: 160px; margin-right: 5px; display: block; float: left; border: none; background: #eee; padding: 8px; 
						  	  border: 1px solid #ccc; }
form p.full-name			{ height: 50px; }

form p.full-name label.select-label		{ width: 48px; }
form p.full-name input.select-label		{ width: 30px; clear: left; }

p label					{ display: block; color: #000; font-size: 0.7em; }
p input[type="text"]	{ width: 398px; display: block; border: none; background: #eee; padding: 8px; border: 1px solid #ccc; }
p textarea				{ width: 410px; display: block; border: none; background: #eee; padding: 8px; border: 1px solid #ccc; height: 80px; }

/* Comment Scroller */

#comment-scroller		{ clear: both; }
#comment-scroller h2	{ font-family: Arial;	font-size: 1.2em; color: #000; font-weight: normal; }
#comment-scroller ul 	{ }
#comment-scroller ul li	{ list-style-type: none; font-family: Verdana, Arial; font-size: 0.8em; color: #666; 
						  font-style: italic; text-align: justify; width: 900px; margin-bottom: 15px;  }
#comment-scroller p		{ font-size: 0.7em; color: #777; text-align: right; }

/* Footer */

#footer p			{ background: #cdc; font-size: 11px; text-align: right; padding: 0 10px 0px; height: 1px; }
#footer p a			{ display: block; text-align: right; padding-top: 10px; color:#6e9885; }
#footer p a:hover	{ color: #000; }



/* Prices notice */
#prices-notice		{ padding-top: 25px; clear: both; }
#prices-notice p	{ text-align: center; font-size: 1.0em; }