@charset "utf-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #00052b url(../images/background.png) no-repeat center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
	font-size:12px;
	line-height:28px;
}

a {outline:none; color:#fff; text-decoration:underline;}

a:hover{text-decoration:none;}

p {margin-bottom:20px; clear:both;}

#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	height:800px;
}

h3{color:#ffdf02; font-weight:bold; clear:both;}

.yellow {color:#ffdf02;}

h4 {font-size:1.4em; line-height:2em; padding-top:20px; padding-left:20px;}

li {padding-left:20px; background:transparent url(../images/bullet.png) no-repeat scroll 0px 10px;}

table {border: dashed 1px #ffdf02;}
td {padding:5px; border-bottom: dashed 1px #ffdf02; border-right: dashed 1px #ffdf02}

/* ========== Header =========*/
#header {height:150px; width:100%; position:relative;}
#header h1 a{ background: url(../images/logo.png) no-repeat; height:98px; width:259px; display:block; position:absolute; top:30px; text-indent:-9000px; left:50px;}
#header .nav-bar{position:absolute; right:0px; height:40px; top:90px;}
#header .nav-bar li {float:left; background:none; padding-left:0px;}
#header .nav-bar li a {color:#fff; border-right:1px solid #ffdf02; padding-left:6px; padding-right:6px; padding-bottom:5px; text-transform:capitalize; font-weight:500;}
#header .nav-bar li a.active {color:#ffdf02; text-decoration:none;}

/* =========== Main Content =======*/
#mainContent {clear:both; padding-left:50px;}

/* ========= Left Col ============*/
.left-col {width:450px; float:left;}
.left-col h1 {background:url(../images/welcome-title.png) no-repeat; height:80px; width:220px; display:block; position:relative; text-indent:-9000px;}

/*========= Right Col =========== */
.right-col {float:right; width:410px;}
.right-col h2 {background:url(../images/small-titles.png) no-repeat; height:80px; width:160px; position:relative; text-indent:-9000px;}

/*=========== footer ============*/
#footer {background:url(../images/footer-background.png) no-repeat; width:910px; height:93px; position:relative; clear:both; left:50px;}
#footer h1 {position:relative; left:175px; top:35px; width:700px;}
#footer .map-button a{position:absolute; right:15px; background:url(../images/map-button.png) no-repeat; height:49px; width:98px; display:block; text-indent:-9000px;}
#footer .map-button a:hover {background:url(../images/map-button.png) no-repeat 0px -48px;}

/*========== The Rooms ============*/
.left-col h1.the-rooms {background:url(../images/the-rooms.png) no-repeat;}

/*========== Places of Interest ============*/
.left-col h1.places-of-interest {background:url(../images/places-of-interest.png) no-repeat; width:320px;}

/*========== Local Events ============*/
h1.local-events { height:80px; width:220px; display:block; position:relative; text-indent:-9000px; background:url(../images/local-events.png) no-repeat;}

/*========== Image Gallery ============*/
.gallery {width:400px; position:relative; background:url(../images/gallery-background.png); height:225px;}
#slideshow, #slideshow_work {width:396px; height:226px;position:relative;}
#slideshow #slidesContainer{width:396px;height:226px;overflow:hidden; position:relative;}
#slideshow #slidesContainer .slide{width:396px;height:226px; overflow:hidden; position:relative; top:10px; left:10px;}
#slideshow #slidesContainer .slide img { border:solid 1px #fff;}
.control{ display:block; width:50px; height:50px; text-indent:-10000px; position:absolute; cursor: pointer; top:90px;}
#leftControl{left:-10px; background:url("../images/gallery-arrows.png") repeat scroll -40px 0px transparent; height:40px; width:40px; z-index:2;}
#leftControl:hover{background:url("../images/gallery-arrows.png") repeat scroll -40px -40px transparent;}
#rightControl{right:-10px; background:url("../images/gallery-arrows.png") repeat scroll 0px 0px transparent;height:40px; width:40px;}
#rightControl:hover{background:url("../images/gallery-arrows.png") repeat scroll 0px -39px transparent;}

/*========== Historical SItes ============*/
h1.historical-sites {background:url(../images/waterford-historical-sites.png) no-repeat; width:300px;}

/*========== Contact Us ============*/
h1.contact-us{background:url(../images/contact-us.png) no-repeat; width:300px;}
h2.address{background:url(../images/address-title.png) no-repeat; height:80px; width:160px; position:relative; text-indent:-9000px;}
iframe{border: solid 1px #fff;}

.created-by {width:950px; text-align:right; font-size:.8em;}
#bookings {
	background-color:#FFF;
	float:centre;
	padding-left:200px;
	padding-top:50px;
	color:#03C;
	font-weight:bold;
	}
#searchdates{
	width:300px;
	float:center;
	padding-bottom:30px;
}
	
#checkoutLbl,#checkinLbl
{
width:50px;
}
#checkinLbl,#checkinDay,#checkinMonth,#checkoutLbl,#checkoutDay,#checkoutMonth
{
float:left;
padding-right:5px;
}
#accubookCheckInRow,#accubookCheckOutRow,#accubookSearchRow
{
padding:0px;
margin-left: 8px;
clear:both;
}
#accubookSearchButton
{
width:100px;
text-align:right;
padding-top: 12px;
float:left;
}
#accubookSearchForm
{
}