/*CREDITS
COMPANY: www.clickstream.ie
DESIGN: Aoife Ni Chionnaith - edits: Charlie Healy
CSS: Aoife Ni Chionnaith - edits: Charlie Healy
XHTML: Aoife Ni Chionnaith - edits: Charlie Healy
PHP: xxxName
Flash: Charlie Healy
*/
/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0;  font-size:100.01%; font-family: Arial, Helvetica, sans-serif;  color: #444; background: #fff; text-align:left; }
* { margin: 0; padding:0;}
img.floatright {float:right; margin:0 0 0 10px;}
a.below {position:absolute; bottom:0; right:5px;}
/***** GENERAL STYLES *****/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	border: 1px solid #eaeaea;
	}
img.alignright.noborder {padding: 0; border: 0}
img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
	border: 1px solid #eaeaea;	
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}

/*LINKS*/
a {outline: none; }
a:link {color: #153aa6; text-decoration: underline; }/* unvisited link */
a:visited {color: #153aa6} /* visited link */
a:hover {color: #832020; text-decoration:underline; } /* mouse over link */
a:active {color: #666} /* selected link */

acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
/* style widths and percentage widths this way
.s30 { width:30px; }
.pc30 { width:30%;}*/

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#page { width:980px; margin:0 auto; font-size: 0.85em; text-align: left; position:relative; padding:0 0 45px 0;}

#topWrap {padding: 0 20px; float:left;background:url(/img/bg/page.png) repeat-y; width: 940px;}

/*.................................................. HEADER ................................................*/
#header { padding: 10px 0; width:940px; background: url(/img/bg/dots.png) repeat-x bottom left; clear: both; float:left; }
#logoWrap {float: left; }
#logoWrap h1 {padding: 0 10px 0 0; display: inline; float:left;}
#logoWrap h2 {margin: 32px 0 0 0; display: inline; float:left;}

/*.................... MAIN NAVIGATION .......................*/
#mainmenu {margin: 36px 0 0 0; float:right;}
#mainmenu ul {float: right; }
#mainmenu ul li { display: inline; float:left; font-weight: bold; }
#mainmenu ul li a {padding: 14px 10px; color:#000; text-decoration: none;/* background: url(/img/bg/border.png) no-repeat center right; */display:block}
#mainmenu ul li.last a {background: none; }
#mainmenu ul li.on {padding-left: 4px; background: url(/img/bg/menu-left.png) no-repeat}
#mainmenu ul li a:hover {background:url(/img/bg/menu-right.png) no-repeat top right #f1b700}
#mainmenu ul li.on a {background:url(/img/bg/menu-right.png) no-repeat top right #f1b700}
#mainmenu ul li.on a:hover {color: #fff;}
#mainmenu ul li a:focus { outline: none} /*hides the dots around the links caused by text indent, if used*/

/*........................ MAIN this wraps the left and right columns........................*/
#main {float:left; width: 100%; background:url(/img/bg/main.png) repeat-y}

/*.................................................. LEFTCOL ...............................................*/
#sidebar {padding: 0 0 217px 0; float:left; width: 220px; background: url(/img/bg/sidebar.jpg) no-repeat bottom left}

#sidebar h2 {font-size: 1.3em; font-weight: normal; color:#fff;}
#sidebar a {color: #fff}

/*.. SECONDARY NAVIGATION ........*/
#ourServices {padding: 10px 0 0 0; width: 220px; background: url(/img/bg/our-services.png) no-repeat bottom left #0f759f; float:left; }
#ourServices h2 a {padding: 0 0 0 45px; color: #fff; background: url(/img/icons/bms-small.gif) no-repeat 10px -80px}
#ourServices h2 a:hover {color: #cbf0ff}
#ourServices a { text-decoration:none;}
#ourServices ul {margin: 5px 0 0 0; }
#ourServices ul li {display: inline; float:left; width: 216px; background: url(/img/bg/our-services-divider.png) repeat-x bottom left; }
#ourServices ul li.last {background-image: none;}
#ourServices ul li a {padding: 10px 9px 10px 19px;  display:block; color:#fff; background:url(/img/icons/arrow.gif) 10px 15px no-repeat ;  }
#ourServices ul li.on a {background-color: #219dd1; background-position: 10px -128px}
#ourServices ul li a:hover {background-color: #3ab5e9; background-position: 10px -272px}

/*......... RIGHTCOL ...............................................*/
#rightCol {padding: 10px 0 10px 11px; float: left; width: 709px;}

#mainImage {float: left; width: 100%; margin:0 0 0 -6px;}
#mainImage img {display: block}
/*............................................. COLUMN THREE ...............................................*/
#thirdCol {float: right; width:150px; background:green;}

/*.................................................. CONTENT ...............................................*/
#content {width: 100%; float: left;}
/*#content h3 {margin:15px 0 10px 0; color:#444; font-size:2.1em; font-weight:normal }*/

#content h3 {
background: url(/img/bg/header_bg.jpg) no-repeat;
color:#fff;
font-size:2.1em;
font-weight:normal;
height:40px;
margin:0 0 12px -6px;
padding:10px 10px 10px 60px;
width:639px;
}

.entry ul{margin:0 0 20px 15px;}
.entry ul li ul{margin:0 0 0 15px;}
.entry ul li ul li{list-style:circle inside;}
.entry ul li{list-style:disc inside;}

#content h4 {margin:25px 0 10px 0; color:#00386c; font-size:1.3em; font-weight:normal; text-transform:capitalize}
#content h5 {margin:25px 0 10px 0; color:#444; font-size:1.1em; font-weight:bold}
#content p {margin:5px 0 10px 0; line-height:1.5em; }
#content p.note {font-size: 0.9em;}
#content p.backToTop {padding: 0 20px 0 0; margin-top: 30px; text-align: right; clear: both; display:block; background:url(/img/icons/arrow-up.png) no-repeat center right}
#content p.contactBMS {padding: 10px 0 10px 45px; background: url(/img/icons/contact.png) no-repeat center left}

#content .breadcrumb {margin-bottom: 20px; font-size: .8em; color:#999; clear:both; }
#content .breadcrumb p {line-height: 1.0em; display:inline;}

/*#content span.bms {color: #000 }*/
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {padding: 0 5px; 
	border: 1px solid #eaeaea;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

blockquote {
	margin: 15px 30px 25px 10px;
	padding: 0 0 15px 70px;
	background:url(/img/icons/quotes-open.png) no-repeat;
	}
blockquote p {font-size: 1.2em}

blockquote cite { margin: 5px 0 0; font-style: normal; text-transform: uppercase; font-weight: bold; font-size: .8em; display: block; }

blockquote.alignright {margin-top: 0; margin-right: 0; width: 250px;}
/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}

#content ul.dataList {margin: 10px; }
#content ul.dataList li {padding: 0 0 0 20px; line-height:2.0em; background:url(/img/icons/arrow02.gif) no-repeat 0 6px}
#content ul.dataList ul{padding: 0 0 0 20px; }

#content ul.moreInfo {float: right; }
#content ul.moreInfo li {padding: 10px 0 10px 9px; background: url(/img/bg/more-info.png) no-repeat center left; font-weight: bold; }
#content ul.moreInfo li a {padding: 10px 25px 10px 6px; background: url(/img/bg/more-info-right.png) no-repeat center right; text-decoration:none; color:#000}
#content ul.moreInfo li a:hover {color: #565656; text-decoration:underline}
/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }

/*************************** FORMS ***************************************/
fieldset {border: 0px}
textarea {font-family:Arial, Helvetica, sans-serif;}
/*form.inputform input {padding: 2px 3px; font-size: 1.0em;}
form.inputform select {padding: 2px 0px; font-size: 1.0em;}*/
form.inputform textarea {padding: 2px 3px;  font-size: 1.0em;}
form.inputform tr.action td {text-align: center;}
input.submit {background: red; }
form.inputform table {margin: 0 0 10px 0; }
form.inputform table td {padding: 2px 3px; }
.mand {color: red;}
/*Styling Error Messages*/
p#errMsg {background: red; }

/*.................................................. FOOTER ...............................................*/
#footer {margin: 1px 0 0 0; padding: 10px 20px 25px 20px; width: 940px; float:left; clear:both;  background: url(/img/bg/footer.png) no-repeat bottom left #151515; color:#ccc; font-size: .9em;   }
#footer p.address {margin: 0 15px 0 0; float: left;}
#footer a {color: #dfc265}
#footer a:hover {color: #fff}
#contactInfo {float: left; width: 49%}
#footerRight {float: right; width: 49%}
#footerRight p {text-align: right; }
#footer ul {margin: 0 0 10px 0; float: right}
#footer li {display: inline; float:left; margin: 0 0 0 15px;}

/* OUR SERVICES */
.serviceWrap {padding: 0 20px 10px 0; float: left; width: 330px; border-bottom: 1px solid #eaeaea;}

/*CONTACT PAGE*/
.officeInfo {width: 160px; float: left; }
.officeInfo2 {width: 360px; float: left; }

/*Maps*/
/*.map {float: left; width:300px; height: 300px;}*/

/*HOLDING PAGE*/
#page.holdingPage #main {background: none; }
#page.holdingPage #rightCol {width: 930px}
#page.holdingPage #content {text-align: center; width: 100%}

/* ---- forms ------*/
#contact-area { width: 520px; padding: 16px 0 0 0; height: 370px; clear:both; }
#contact-area input, #contact-area textarea { padding: 5px; width: 300px; font-family: Helvetica, sans-serif; font-size: 18px; margin: 0px 0px 10px 0px; border: 2px solid #ccc; float: left; }
#contact-area textarea { height: 90px;}
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #9ACD4C;}
#contact-area input.submit-button {width: 100px; float: right;}
#contact-area label { float: left; text-align: right; margin-right: 15px; width: 120px; padding-top: 5px; font-size: 1.4em; display: block; }
#wrapper #content #contact-area form p {width:500px;}