/* ============== CSS RESET (ERIC MEYER) ============ */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* ============== END OF CSS RESET ============ */

body{
	background: #b0a999 url(images/bg.jpg) repeat-x fixed 0% 0%;
}

#container{
	display: block;
	width: 725px;
	margin: 30px auto;
	}

/* ============== NAVIGATION ============ */

ul#nav{
	display:block;
	width:138px; /*152*/
	float:left;
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 100%;
	padding-top: 94px;
	list-style-type: none;
	margin:0;
	}


ul#nav a{
	text-decoration:none;
	width:100%;
	display:block;
	line-height: 50px;
	color: #3c220a;
	font-weight: bold;
	padding-left:16px;
	/*border:1px solid white;*/
	background: transparent url(images/nav.gif) no-repeat scroll 0% 50%;
	margin-bottom:1px;
	}

body#home ul#nav a#nav-home,
body#about ul#nav a#nav-about,
body#cottages ul#nav a#nav-cottages,
body#ventry ul#nav a#nav-ventry,
body#book ul#nav a#nav-book,
body#find ul#nav a#nav-find,
body#faq ul#nav a#nav-faq
	{
	background: transparent url(images/current.gif) no-repeat scroll 0% 50%;
	}

/* ============== MAIN BODY ============ */

#main{
	background: #c69d6e url(images/main-bottom.gif) no-repeat scroll 100% 100%;
	width: 571px;
	padding-bottom:1em;
	display:block;
	float:right;
	}

h1 {
	width: 571px; height: 80px;
	position: relative;
	}
h1 span {
	background: url(images/ballybeag-cottages.gif);
	position: absolute;
	width: 100%;
	height: 100%;
	}
h2 {
	font-size:90%;
	font-family: Georgia, Times New Roman, Times, Serif;
	line-height: 114%;
	margin:0.6em 1em;
	font-weight:bold;
	}
h3{
	font-size:70%;
	font-family: Georgia, Times New Roman, Times, Serif;
	line-height: 114%;
	margin:0.6em 14px;
	font-weight:bold;
	}

#main p{
	font-size:90%;
	font-family: Georgia, Times New Roman, Times, Serif;
	line-height: 144%;
	margin: 1.2em 1em;
	}

#main form p{
	margin:0.6em 1em;
	}

#main p#footer{
	clear: both;
	font-size:70%;
	color: #3c220a;
	padding: 0.6em;
	border-top: 1px solid #85633f;
	margin-top: 0.5em;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align:right;
	}

.clear {
	clear:both;
	}

ul{
	font-size:90%;
	font-family: Georgia, Times New Roman, Times, Serif;
	line-height: 140%;
	margin:0.6em 2em;
	list-style-type: disc;
	}

/* ===== DECORATIVE ELEMENTS ==== */
img.singleimage{
	padding: 2px;
	border:1px solid #603913;
	display: block;
	margin: 1em auto;
	}
div.map{
	padding: 2px;
	border:1px solid #603913;
	display: block;
	margin: 1em 10px;
	}

.signature 	{
	float:right;
	padding-bottom:2em;
	}
.inset-left{
	float:left;
	margin-right:1em;
	margin-left:11px;
	}
.inset-right{
	float:right;
	margin-right:11px;
	margin-left:1em;
	}
.tick-list{
	float:left;
	width:200px;
	display:block;
	list-style-image: url(images/tick.gif);
		}
.small, #main p.small{
	font-size:60%;
	font-style: italic;
	}

/* ============ FORM ============== */
form label{
	float:left;
	display:block;
	width: 200px;
	text-align:right;
	padding-right:0.5em;
	}
form input#button, #main form p.formalign
	{
	margin-left:221px;
	}


/* ============ SLIDESHOW =============== */

	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}

	#previewPane{
		height: 310px; /* stops body text jumping between images */
		margin-bottom:10px;
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		position:relative;
	}
	#previewPane img{
		/*line-height:400px;*/
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family:Georgia, Times New Roman, Times, Serif;
		font-size:0.9em;
		/*color: #76522f;*/
	}
	#galleryContainer{
		height:62px;	/* Height of the images + 2 */
		position:relative;
		overflow:hidden;
		padding:1px;
	}
	#arrow_left{
		display:none;
	}
	#arrow_right{
		display:none;
	}
	#theImages{
		position:absolute;
		height:60px;
		left:0.6em;
		width:100000px;

	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;
	}

	#theImages .imageCaption{
		display:none;
	}

.photocredit{
	font-size:60%;
	padding-left: 200px;
	color: #76522F;
	}
.photocredit a{
	text-decoration:underline;
	color: #76522F;
	}
/* ============ RATES TABLE =============== */


#rates td{
	font-size:90%;
	font-family: Georgia, Times New Roman, Times, Serif;
	line-height: 144%;
	margin: 1.2em 1em;
	padding:4px;
	}
table#rates{
	width:543px;
	margin:auto;
	}
table#rates tr.odd{
	background-color: #b48c60;
	}
/* ============ SEASONAL BANNER ================= */
#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 151px;
	width: 151px;
	background: url(/images/banner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}