body { margin: 0; padding: 0; background: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color:#000; }
#container { width: 970px; margin: 0 auto; text-align: left; color: #666; }

/* HEADER */
#header { position: relative; height: 127px; background: url(../images/bground.gif) no-repeat 400px 0; }
#header img { position: absolute; top: 40px; left: 0;}
#header form { margin: 0; padding: 0; width: 230px; position: absolute; right: 0; top: 20px; font-size: 12px; color: #fff; text-align: right; }
#header form div { display: block; width: 230px; text-align: right; margin: 3px 0 10px 0; font-size: 12px; }
#header form input { margin: 0 0 0 10px; padding:1px; text-align: left; width: 115px }
#header form div#signin { float:right; width: 58px; margin: 0 0 0 10px; padding:0; text-align: center; font-size: 11px; }
#header form div#signin input { width: 58px; margin:0px; padding:1px; text-align: center; font-size: 11px; }
#header form br { clear: both; }
#header form div#password { float: right; width: 130px; text-align: right; font-size: 10px }
#header form a { color: #fff; text-decoration: underline; }

/* PICTURES */
#pictures { width:970px; clear:both; }
#pictures div { float:left; }
#pictures img { float:left; }
#pictures:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
#pictures br { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }

#pictures div#home1 { width: 324px; float: left; border-bottom: 1px solid #B2B2B2; text-align:center; }
#pictures div#home2 { width: 322px; float: left; border-bottom: 1px solid #B2B2B2; text-align:center; }
#pictures div#home3 { width: 324px; float: left; border-bottom: 1px solid #B2B2B2; text-align:center; }
#pictures div#home1 img, #pictures div#home2 img, #pictures div#home3 img { margin-bottom:4px; }
#pictures div#home1 a, #pictures div#home2 a, #pictures div#home3 a { display: block; color: #fff; background: #F89837; text-transform: uppercase; text-decoration: none; padding-bottom:4px; font-size:19px; }
#pictures div#home1 a:hover, #pictures div#home2 a:hover, #pictures div#home3 a:hover { display: block; color: #F89837; background: #fff; }

/* HEADING (2 COLUMN) */
#heading { clear: both; border-bottom: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; background: #fff; height: 29px; }
#heading h1 { position: relative; width: 606px; float: left; color: #F26721; font-size: 14px; margin: 0; padding: 6px 20px 0; }
#heading h1 a { position: absolute; right: 0; top: 5px; background: url(../images/compass.gif) no-repeat 0 0; padding: 2px 20px 4px 30px; color: #666; font-size: 12px; font-weight:normal; }
#heading p { width: 294px; float: left; background: #F78F1F; color: #fff; font-size: 12px; height: 23px; margin: 0; padding: 6px 15px 0 }
#heading div { width: 324px; float: left; background: #fff; height: 29px; margin: 0; padding: 0 }

/* CONTENT AREA */
#contentcell { position: relative; clear: both; background: #fff; padding: 25px 0; }
	 
h2 { color: #F26721; font-size: 14px; font-weight:normal; margin: 0px 15px 10px 15px; padding: 0; }
h3 { color: #F26721; font-size: 13px; font-weight:normal; margin: 15px 15px 10px 15px; padding: 0; }
h4 { color: #F26721; font-size: 12px; font-weight:normal; margin: 15px 15px 10px 15px; padding: 0; }
p { margin: 10px 15px 10px 15px; padding: 0; line-height:1.4 }
ul { margin-right:15px; line-height:1.4 }
a { color: #3F68B2; }
a img { border:none; }

.map { float:right; width:60px; text-align:center; border:0px solid #D2CFCF; font-size:10px; line-height:1.2 }
.map a { text-decoration:none; }

/** content structure for homepage */
#twocolshome { width: 646px; float: right; position:relative; }
#maincolhome { width: 322px; float: left; display:inline; position: relative; }
#rightcolhome { width: 324px; float: right; position:relative; }
#leftcolhome { width: 324px; float: left; position: relative; }

#maincolhome p strong a, #rightcolhome p strong a, #leftcolhome p strong a { text-decoration:none; color:#F26721 }
#maincolhome p strong a:hover, #rightcolhome p strong a:hover, #leftcolhome p strong a:hover { text-decoration:underline; }

#maincol { float: right; display: inline; position: relative; width: 779px; border-left: 1px solid #D2CFCF }
#maincol table { margin:10px 15px 0 15px }
#maincol table p { margin:3px; padding:0; }
#maincol table a { text-decoration:none }
#maincol table a:hover { text-decoration:underline; }

#twocols { width: 780px; float: right; position: relative; }
#maincol2 { float: left; display: inline; position: relative; width: 454px; border-left: 1px solid #D2CFCF; border-right: 1px solid #D2CFCF;  }
#maincol2 table { margin:10px 15px 0 15px }
#maincol2 table p { margin:3px; padding:0; }
#maincol2 table a { text-decoration:none }
#maincol2 table a:hover { text-decoration:underline; }

/* RIGHT COLUMN */ 
#rightcol { width: 324px; float: right; position: relative; }
#rightcol h2 { font-weight: bold; font-size: 12px; margin-top: 0; }
#rightcol ul { list-style: none; padding: 0; margin: 0 15px; font-size: 12px; }
#rightcol li { margin: 0; padding: 3px 0 3px 15px; background: url(../images/nav_arrow.gif) no-repeat 0 6px; }
#rightcol li a { color: #F26721; text-decoration: none; }
#rightcol li a:hover { text-decoration: underline; }
#rightcol img { margin:0 15px; padding: 0; border: 0; }
#rightcol p { font-size: 10px; }

/* LEFT NAVIGATION */
#leftcol { width: 190px; float: left; position: relative; }
#leftcol ul { list-style: none; padding:0 15px 15px 20px; margin: 0; font-size: 12px; }
#leftcol ul li { margin: 0; padding: 3px 0 3px 15px; }
#leftcol ul li.navactive { background: url(../images/nav_arrow.gif) no-repeat 0 6px; }
#leftcol ul li a { color: #F26721; text-decoration: none; }
#leftcol ul li a:hover { text-decoration: underline; }
#leftcol ul li ul { list-style: none; padding: 2px 0 0 0; margin: 0; font-size: 11px; }
#leftcol ul li ul li { margin: 0; padding: 1px 0 1px 15px; }
#leftcol ul li ul li.navactive { background: url(../images/nav_arrow.gif) no-repeat 0 3px; }

/* PEOPLE HOVER EFFECT */
a#people_mwj { display:block; float:left; width:108px; height:153px; }
a#people_mwj:hover { background:url(../images/michael-whelan-jnr.jpg) no-repeat; }
a#people_mwj:hover img { display:none;}
a#people_mw { display:block; float:left; width:108px; height:153px; }
a#people_mw:hover { background:url(../images/michael-whelan.jpg) no-repeat; }
a#people_mw:hover img { display:none;}
a#people_jb { display:block; float:left; width:108px; height:153px; }
a#people_jb:hover { background:url(../images/john-barrett.jpg) no-repeat; }
a#people_jb:hover img { display:none;}
a#people_ab { display:block; float:left; width:108px; height:153px; }
a#people_ab:hover { background:url(../images/alex-brett.jpg) no-repeat; }
a#people_ab:hover img { display:none;}
a#people_sm { display:block; float:left; width:108px; height:153px; }
a#people_sm:hover { background:url(../images/sean-moran.jpg) no-repeat; }
a#people_sm:hover img { display:none;}
a#people_cw { display:block; float:left; width:108px; height:153px; }
a#people_cw:hover { background:url(../images/caitriona-whelan.jpg) no-repeat; }
a#people_cw:hover img { display:none;}

/* PEOPLE NAMES */
#heading ul { width: 294px; float: left; background: #F78F1F; color: #fff; font-size: 12px; height: 23px; margin: 0; padding: 6px 15px 0; list-style:none; }
#heading ul li { display:inline; margin:0; padding:0; }
#heading ul li#people_mw_name { display:none; }
#heading ul li#people_mwj_name { display:none; }
#heading ul li#people_jb_name { display:none; }
#heading ul li#people_ab_name { display:none; }
#heading ul li#people_sm_name { display:none; }
#heading ul li#people_cw_name { display:none; }

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix { display: inline-block;}

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


/* FOOTER */
#footer { clear:both; text-align: center; font-size: 9px; color: #fff; margin:5px 0 15px 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* TOP NAVIGATION */
#topnav { position: relative; background: #8a8a8a; }

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu { position: relative; margin: 0 auto; border: 0 none; padding: 0; background-color: #8a8a8a; text-align: center; 
  width: 75em; /*For KHTML*/
  list-style: none; height: 34px; }
ul#navmenu li { position: relative; margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/
  display: inline; list-style: none; position: relative; height: 34px; }
ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 220px; list-style: none; display: none; position: absolute; z-index:10; top: 34px; left: 0; }
ul#navmenu ul:after /*From IE 7 lack of compliance*/ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#navmenu ul li { width: 220px; height:24px; text-align:left;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; 
  display: inline; /*For IE*/ }

/* Root Menu */
ul#navmenu a { padding: 0 10px  0 9px; 
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block; background: url(../images/nav_line.gif) no-repeat center right #8a8a8a; color: #fff; font: 12px/34px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 
  height: auto !important; 
  height: 1%; /*For IE*/ }

/* Last menu item */
ul#navmenu li.navlast a, 
ul#navmenu li.navlast a:hover, 
ul#navmenu li.navlast:hover a,
ul#navmenu li.navlast.iehover a { background-image:none; }

/* Hightlight active menu item */
#home li#nav_home a, #about li#nav_about a, #residential li#nav_residential a, #commercial li#nav_commercial a, #group li#nav_group  a, #health li#nav_health a, #careers li#nav_careers a, #solarpower li#nav_solar_power a, #news li#nav_news a, #community li#nav_community a { color: #FAAB5C; } 

#home li#nav_home a:hover, #home li#nav_home:hover a, #home li#nav_home.iehover a { color: #222; } 
#about li#nav_about a:hover, #about li#nav_about:hover a, #about li#nav_about.iehover a { color: #222; } 
#residential li#nav_residential a:hover, #residential li#nav_residential:hover a, #residential li#nav_residential.iehover a { color: #222; } 
#commercial li#nav_commercial a:hover, #commercial li#nav_commercial:hover a, #commercial li#nav_commercial.iehover a { color: #222; } 
#group li#nav_group a:hover, #group li#nav_group:hover a, #group li#nav_group.iehover a { color: #222; } 
#health li#nav_health a:hover, #health li#nav_health:hover a, #health li#nav_health.iehover a { color: #222; } 
#careers li#nav_careers a:hover, #careers li#nav_careers:hover a, #careers li#nav_careers.iehover a { color: #222; } 
#solarpower li#nav_solar_power a:hover, #solarpower li#nav_solar_power:hover a, #solarpower li#nav_solar_power.iehover a { color: #222; } 
#news li#nav_news a:hover, #news li#nav_news:hover a, #news li#nav_news.iehover a { color: #222; } 
#community li#nav_community a:hover, #community li#nav_community:hover a, #community li#nav_community.iehover a { color: #222; } 

/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: url(../images/nav_line.gif) no-repeat center right #bbb; color: #222; }

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background: #ddd; color: #222; font: 11px/24px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #8a8a8a; }

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #fff; color: #222; }

/* 3rd Menu 
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #eee; color: #666; }*/

/* 3rd Menu Hover Persistence 
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #ccc; color: #fff; }*/

/* 4th Menu 
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #eee; color: #666; }*/

/* 4th Menu Hover 
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #ccc; color: #fff; }*/

ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }