/* CSS Document */
/* Created for Carrick Holiday Homes, 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 auto; padding: 0; text-align: center; background: #e7f7ff url(/images/background.jpg) repeat-y top center; font: 400 13px verdana, arial, sans-serif; line-height: 170%; color: #000; }

/* Headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; padding: 0; }
h1 { padding-bottom: 0.2em; font: 400 1.6em verdana, arial, sans-serif; color: #448cca; line-height: 100%; }
h2 { font-size: 1.2em; color: #0159a0; }
h3 { font-size: 1.1em; color: #c51515; }
h4 { font: bold 1.0em verdana, arial, sans-serif; }
h5 { font-size: 0.8em; }

/* Links */
a { text-decoration: underline; color: #00599e; }
a:hover { color: #0094de; 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: 30px; margin: 0 auto; padding: 8px 0 0 0; width:800px; background: #0159a0; text-align:center; font-weight:bold; color: #ffffff; }
#header a { color: #ffffff; }
#header a:hover { color: #0094de; }


/* Header */
#headerImg { margin: 0 auto; height: 200px; z-index:-1; }
#headerImg #logo { position: absolute; top: 38px; float:left; z-index:5000; width:260px; height:200px; }

/* Main Navigation Menu */
#menu { clear:both; margin: 0 auto; background: #fff url(/images/button.jpg) repeat-x top left; width: 800px; height: 45px; color: #ffffff; padding: 5px 0 0 0; }
#menu a { text-decoration: none; color: #ffffff; font: normal 17px verdana, arial, sans-serif; padding: 0.1em 0.8em 0.3em 0.8em; }
#menu a:hover { color: #fff; background:#fff url(/images/mouseover.jpg) top left repeat-x !important; }
#menu a#active { color: #fff; background:#fff url(/images/mouseover.jpg) top left repeat-x !important; }

/* Page Content */
#page { clear: both; width: 800px; margin: 0px auto 6em auto; text-align: left; background:#ffffff; height: 100%; padding-top:0px; }
#columns { margin: 0 auto; }
#left_column { margin: 0; float:left; width: 72%; display:inline; padding: 10px 10px 0 10px; border-right: 1px solid #ccc; }
#right_column { margin: 0; float:right; width: 23%; display:inline; padding: 10px 0px 0 0px; font-size: 95%; }
#right_column p { margin: 0; padding: 0px 0px 10px 0px; line-height: 120%; }
#right_column img { padding: 0px; border: none; }
#right_column img a { padding: 0px; border: none; text-decoration: none; }

.width { width: 800px; }

.inputform { background: #448bc9; padding: 5px; color: #ffffff !important;}

table { width: auto; }

/* Generic */
.floatLeft { float: left; }
.floatRight { float: right; }

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

img.floatRight_icon { margin: 5px 5px 10px 10px; float: right; }

/* 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; }

/* Footer */
#footer { clear: both; width: 800px; height: 65px; margin: 0 auto; padding: 0px 0 0px 0; background: #0159a0; }
#footer #bg { position: relative; height: 30px; padding: 20px 0 0px 0;  margin: 0 auto; width: 560px; color: #ffffff; font: 400 1em verdana, arial, sans-serif; }
#footer #bg a { color: #fff; }
#footer #bg a:hover { color: #fff; text-decoration: none !important; }