/*
------------------------------------------------------
=CSS INFORMATION
------------------------------------------------------
Copyright (C) HACCPSOLUTIONS.IE

/*
------------------------------------------------------
=CLEARING
-----------------------------------------------------*/
.clear{clear:both;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*
------------------------------------------------------
=GENERAL
------------------------------------------------------*/
body {font-family: "Georgia", Arial, serif; font-size:62.5%; background:#fff;}
p {font-size: 1.0em;}

.r {float:right;}
.l {float:left;}

a:link {color: #4172C0;}
a:hover {color: #CC0000;}
a:visited {color: #004477;}
a:active {color: #4172C0;}



/*
------------------------------------------------------
=TITLES
-----------------------------------------------------*/
h1, h2, h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: dotted 1px #a9a9a9;}
h1 {font-size:2.2em; color:#666; font-weight:normal; margin-top:5px; margin-bottom:10px; padding-bottom: 2px;}
h2 {font-size:2.0em; color:#666; font-weight:normal; margin-top:20px; margin-bottom:10px; padding-bottom: 2px;}
h3 {font-size:1.8em; color:#1E4D9D; font-weight:normal; margin-top:5px; margin-bottom:10px; padding-bottom: 2px;}

h1.footer {font-family: Georgia;  font-size: 1.8em; padding-bottom: 1px; border-bottom: dotted 1px #ffffee; color: #ffffee; margin-bottom: 6px;}
h1.huge {font-family: Georgia; font-size: 23px; text-align: justify; color: #666; letter-spacing: 0.04em; line-height: 1.3em; width: 680px; border: none;}
h1.huge a:hover {color: #CC0000;}
h2.clients {width: 40%; margin-top: 30px;}


/*
------------------------------------------------------
=HEADER
-----------------------------------------------------*/
#header {height: 170px; width: 100%; background-image: url(../images/header-bg2.png); background-repeat: repeat-x; border-top: solid 2px #71715F;}
#header .site-logo {border: none;}

/*
------------------------------------------------------
=NAVIGATION
-----------------------------------------------------*/
#nav {height: auto; width: 100%; background-color: #0b1d07; padding: 4px 0px 4px 0px;}

#menu {text-align: left; margin-left: 150px;}
#menu li {float:left; width:140px; display:inline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 0.04em;  margin-right: 5px;}
#menu li a {display:block; padding:6px 0px 6px 14px; text-decoration:none; color:#e5f0f6; font-size:1.5em; background:#0b1d07; width:120px; -moz-border-radius: 6px;}
#menu li a:hover {display:block; padding:6px 0px 6px 14px; text-decoration:none; font-size:1.5em; color:#1c1b0d; background:#e6e5de;}
#menu li a span {margin:0px 0 0 0; display:block; font-size:0.8em; color:#a3cfe7;}
#menu li a:hover span {color:#242312;}

#menu li a.current {color:#1c1b0d; background:#e6e5de;}
#menu li a.current span {color:#242312;}

/*
------------------------------------------------------
=CONTAINER + BODY
-----------------------------------------------------*/
#container {height: auto; min-height: 500px; width: 100%; background: #fff url(../images/dropshadow.png); background-repeat: repeat-x; background-position: top left; padding-top: 20px;}
#container #body {margin-left: 150px; width: 770px; background-color: #fff;}
#container #body p {font-size: 1.4em; margin: 4px 0px 6px 0px; text-align: justify;}

#container #body .homebox {width: 730px; height: auto; -moz-border-radius: 10px; margin: 20px 0px 20px 0px; padding: 20px; background-color: #dae5e7;}

#container #body .infobox {width: auto; height: auto; float: left; background-color: #49493a; padding: 0px 8px 6px 8px; margin: 20px 30px 20px 0px; border: solid 3px #ccc; -moz-border-radius: 3px;}
#container #body .infobox img {border: solid 2px #ffffcc; display: block; margin: 4px 0px 6px 0px;}
#container #body .infobox img:hover {border: solid 2px #999;}
#container #body .infobox h2 {font-size: 1.6em; color: #fff; letter-spacing: 0.04em; margin-top: 8px;}
#container #body .infobox p {font-size: 1.2em;}
#container #body .infobox a {color: #7391AB; font-size: 1.2em;}
#container #body .infobox a:hover {color: #C8CACB;  text-decoration: none;}
#container #body .infobox a:visited {color: #a7b7c5;}

/*
------------------------------------------------------
=FOOTER
-----------------------------------------------------*/
#footer {height: 176px; width: 100%; background-color: #494945; border-top: solid 4px #CCC;}
#footer p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; color: #fff; margin-top: 3px;}
#footer #left-foot {height: 100px; width: auto; float: left; margin: 40px 20px 20px 150px;}
#footer #right-foot {height: 100px; width: auto; float: left; margin: 40px 20px 20px 20px;}
#footer a:link {color: #7391AB}
#footer a:hover {color: #C8CACB}
#footer a:visited {color: #7391AB}

#footer #footer-logos {float: right; margin: 40px 40px 0px 0px;}
#footer #footer-logos img {border: none;}

/*
------------------------------------------------------
=CONTACT
-----------------------------------------------------*/
#container #body .address {font-size: 1.4em; margin-top: 15px; margin-bottom: 15px; color: #272727;}
#container #body .phone {font-size: 1.4em; padding-left: 22px; background: #fff url(../contact/images/phone.png); background-repeat: no-repeat; background-position: top left;}
#container #body .email {font-size: 1.4em; padding-left: 22px; background: #fff url(../contact/images/email.png); background-repeat: no-repeat; background-position: top left; margin-bottom: 10px}
#container #body .map {margin: 10px 0px 20px 0px; border: solid 3px #ccc;}

/*
------------------------------------------------------
=SERVICES
-----------------------------------------------------*/
#container #body .services-box {width: 730px; height: 210px; margin: 15px 0px 15px 0px; padding: 20px; background: #e1ecf1; -moz-border-radius: 6px; border: solid 2px #e4e4e4;}
#container #body .services-box h1 {font-size: 2em; color: #666; padding: 2px 0px 2px 32px; margin-bottom: 10px; background: #fff url(../services/images/cert.png); background-repeat: no-repeat; background-position: 3px 3px; border: none; }
#container #body .services-box p {font-size: 1.6em; color: #434343; margin-bottom: 10px;}
#container #body .services-box .sbi {float: right; border: solid 3px #ccc; -moz-border-radius: 2px; margin-left: 20px;}

#container #body .services-box2 {width: 730px; height: 210px; margin: 15px 0px 15px 0px; padding: 20px; background: #f9f9df; -moz-border-radius: 6px; border: solid 2px #e4e4e4;}
#container #body .services-box2 h1 {font-size: 2em; color: #666; padding: 2px 0px 2px 32px; margin-bottom: 10px; background: #fff url(../services/images/tick.png); background-repeat: no-repeat; background-position: top left; border: none; }
#container #body .services-box2 p {font-size: 1.6em; color: #434343; margin-bottom: 10px;}
#container #body .services-box2 .sbi {float: right; border: solid 3px #ccc; -moz-border-radius: 2px; margin-left: 20px;}

#container #body .services-box3 {width: 730px; height: 270px; margin: 15px 0px 15px 0px; padding: 20px; background: #f9f9df; -moz-border-radius: 6px; border: solid 2px #e4e4e4;}
#container #body .services-box3 h1 {font-size: 2em; color: #666; padding: 2px 0px 2px 32px; margin-bottom: 10px; background: #fff url(../services/images/tick.png); background-repeat: no-repeat; background-position: top left; border: none; }
#container #body .services-box3 p {font-size: 1.6em; color: #434343; margin-bottom: 10px;}
#container #body .services-box3 .sbi {float: right; border: solid 3px #ccc; -moz-border-radius: 2px; margin-left: 20px;}

#container #body .notice {width: 750px; height: auto; margin: 20px 0px 20px 0px; padding: 10px; background: #FFFFCC; -moz-border-radius: 6px; border: solid 2px #EECE77; color: #333; font-size: 1.0em;}
#container #body ul.ticklist {margin: 10px 0px 10px 0px; font-size: 14px;}
#container #body ul.ticklist li {margin-bottom:12px; background:url(../services/images/tick2.png) no-repeat; padding-left:22px; color: #434343;}

/*
------------------------------------------------------
=CLIENTS
-----------------------------------------------------*/
#container #body ul.clients {margin-top: 20px; font-size: 1.4em;}
#container #body ul.clients li {margin-bottom:22px; background:url(../clients/images/client.png) no-repeat; padding-left:22px; line-height:12px;}
#container #body li a {text-decoration:underline;}
#container #body li a:hover {text-decoration:none;}

#container #body .test {float: right; margin: 20px 0px 20px 10px;}

/*
------------------------------------------------------
=EVENTS
-----------------------------------------------------*/
#container #body ul.events {margin-top: 20px; font-size: 1.4em;}
#container #body ul.events li {margin-bottom:22px; background:url(../events/images/calendar_view_day.png) no-repeat; padding-left:22px; line-height:17px;}
#container #body ul.events p {margin-top: 20px; font-size: 1.0em;}

#container #body .test {float: right; margin: 20px 0px 20px 10px;}



/*
------------------------------------------------------
=ABOUT
-----------------------------------------------------*/
#container #body .portrait {float: right; border: solid 5px #ccc; -moz-border-radius: 3px; margin-left: 30px;}
#container #body .about {font-size: 15px; color: #1c1c1c; line-height: 24px; text-align: justify; margin-bottom: 20px;}