/* CSS Document */
/* Created for Carrick Plaza Suites, Carrick on Shannon, Ireland */
/* Copyright OSD Web Design, eBusiness, eMarketing.ie, Training and Software Solutions, Ireland - www.osd.ie */

html, body { height: 100%; }
body { margin: 0; padding: 0; text-align: center; background: url(../images/background.jpg) repeat-y top center fixed; font: 400 12px verdana, arial, sans-serif; line-height: 170%; color: #555555; }

/* Headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; padding: 0; }
h1 { padding-bottom: 0.2em; font: 400 1.6em Lucida sans, verdana, arial, sans-serif; color: #551b18; }
h2 { font-size: 1.2em; color: #3e0413; }
h3 { text-transform: uppercase; font-size: 0.9em; color: #5D6F73; }
h4 { font: bold 1.2em Lucida sans, verdana, arial, sans-serif; margin-bottom:-12px; }
h5 { font-size: 0.8em; }

/* Links */
a { text-decoration: underline; color: #3B5D77; }
a:hover { color: #aad5ff; text-decoration: none; }
a img { border: 0; }
a img.border { border: 1px solid #000; }
a:hover img.border { /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important; border: 1px solid #FC3307; }  

#content { position: relative; height: auto !important; height: 100%; min-height: 100%; }

/* Topbar */
#topbar { float: left; width: 100%; padding: 0.6em 0; font-size: 0.9em; text-transform: uppercase; color: #CFD9DB; background: #ffffff url(../images/topbar.gif) repeat-x bottom left; }

/* Top menu */
#header { clear: both; position: relative; height: 43px; margin: 0 auto; width:800px; background: #676d6b; }
#header ul { margin: 0.8em 0 0 0 !important; padding: 0; float: right; text-align:center; font-weight:bold; width: 800px; z-index:500; }
#header ul li { display: inline; list-style: none; padding: 0 0.8em 0 0.8em; color: #ffffff; border-right: 1px solid #b3b6b5; }
#header ul li a { color: #ffffff; }
#header ul li.first { padding-left: 0; margin-left:0; }
#header ul li.last { padding-right: 0; margin-right:0; border-right: 0; }
#header ul li a:hover { color: #aad5ff; }


/* Header */
#headerImg { margin: 0 auto; height: 264px; z-index:-1; }
#headerImg #logo { position: absolute; top: 43px; float:left; z-index:5000; width:310px; height:120px; }
#headerImg #enquire_now { position: absolute; top: 233px; margin-left:619px; float:right; z-index:5000; width:168px; height:48px; }

/* Top Menu */
#menu { margin: 0 auto; background: #3e0412 url(/images/button.jpg) repeat-x top left; }
#menu ul li { display: inline; margin: 0; padding: 0; list-style: none; }
#active { color:#000000 !important; background:#a3b8d5 !important; }
.first { padding-left:8px !important; }

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu, .menu ul { margin: 0; padding: 0; list-style-type: none; display: block; }

.menu li { background: #3e0412 url(/images/button.jpg) repeat-x top left; border-right: 1px solid #653642; margin: 0; padding: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ }

.menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ }

.menu li li { float: none; /* items of the nested menus are kept on separate lines */ }

.menu ul { visibility: hidden;	/* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ }

.menu li:hover>ul {
    /* background: #3e0412 url(/images/button.jpg) repeat-x top left; */
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; }

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; }
.menu, .menu ul { /* IE7 float clear: */ min-height: 0; }
/* -- float.clear.END --  */

/* -- sticky.submenu --
it should not disappear when your mouse moves a bit outside the submenu
YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
if you do it, make sure you 110% know what you do */
.menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}
.menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; }
/* -- sticky.submenu.END -- */

/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li { color: #ffffff; }
.menu ul { width: 11em; }
.menu a { text-decoration: none; color: #ffffff; font: bold 13px verdana, arial, sans-serif; padding: .7em 1.5em; display: block; position: relative; }
.menu a:hover, .menu li:hover>a { color: #000000; background: #a3b8d5; }
.menu li li { border-bottom: 1px solid #653642;  width:22em !important; text-align:left !important; background: #3e0412 !important; }
.menu ul>li + li { border-top: 0;  width:22em; text-align:left !important; }
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; }

/* Fix for IE5/Mac \*//*/
.menu a { float: left; }
/* End Fix */

/*]]>*/

<!--[if lte IE 6]>
/*<![CDATA[*/
/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */
.menu, .menu ul { /* float.clear */ zoom: 1; }
.menu li.adxmhover { z-index: 10000; }
.menu .adxmhoverUL { /* li:hover>ul selector */ visibility: visible; }
.menu .adxmhoverUL { /* 1st-level submenu go below their parent item */ top: 100%; left: 0; }
.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; }

/* - - - ADxMenu: DESIGN styles - - - */
.menu ul a { /* fix clickability-area problem */ zoom: 1; }
.menu li li { /* fix white gap problem */ float: left; width: 100%; }
.menu li li { /* prevent double-line between items */ margin-top: -1px; }
.menu a:hover, .menu .adxmhoverA { /* li:hover>a selector */ color: #000000; }
.menu .adxmhoverUL .adxmhoverUL { /* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; }
/*]]>*/


/* Page Content */
#page { clear: both; width: 800px; margin: 0px auto 6em auto; text-align: left; background:#ffffff; height: 100%; padding-top:10px; }
#columns { margin: 0 auto; }
#left_column { margin: 0; float:left; width: 70%; display:inline; padding: 10px 0 0 10px; }
#right_column { margin: 0; float:right; width: 24%; display:inline; padding: 10px 10px 0 0; }

.width { width: 800px; }

#thumnails table { font-size:10px; }
#thumnails td { padding:5px; font-size:10px !important; text-align:center; vertical-align:top; line-height:130%; }
.thumbnails { width: 155px; padding:5px; border:1px solid #cccccc; }

/* Generic */
.clear { clear: both; }
.marginRight { margin-right: 15px; }
.paddingLeft { padding-left: 5px; }
.paddingRight { padding-right: 5px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignTop { vertical-align: top; }
.alignMiddle { vertical-align: middle; }
.alignBottom { vertical-align: bottom; }

/* Images */
img.floatRight { margin: 5px 0 10px 10px; }
img.floatLeft { margin: 5px 10px 10px 0; }

/* Lists */
ul li { list-style-image: url(../images/bullet.jpg); margin: 0; }
ol li { font-weight: bold; color: #668FA3; }
ol li span { font-weight: normal; color: #444; }

.calendar_icon { background: #ffffff url(/images/calendar-icon2.jpg) center right no-repeat !important; border: 1px solid #002e68;}

/* Footer */
#footer { clear: both; width: 820px; height: 30px; margin: 0 auto; padding: 5px 0 8px 0; background: #676d6b; }
#footer #bg { position: relative; height: 30px; margin: 0 auto; width: 620px; }
#footer #bg ul { margin: 0.5em 0 0 0 !important; margin: 0.5em 0 0 0; padding: 0; color: #ffffff; }
#footer #bg ul li { display: inline; list-style: none; float: left; padding: 5px 1em 5px 1em; border-right: 1px solid #b3b6b5; font: 400 1em verdana, arial, sans-serif; line-height: 0.8em !important; line-height: 1em; }
#footer #bg ul li a { color: #ffffff; }
#footer #bg ul li.last { padding-right: 0; border-right: 0; }
#footer #bg ul li a:hover { color: #aad5ff; }