/*------------------------------------------------------------------ 
[Master Stylesheet] 
Project:    O'Kane Website Main CSS 

[Typography] 
All text: font-family: Arial, Geneva, sans-serif;
Body text: 0.8em

[Colours]
Dark Gray: 	#666666
Light Gray: #f2f2f2
Dark Blue: #003E7E


-------------------------------------------------------------------*/

* { margin:0; padding:0 }

body {  
	color: #666666;  
	font-size: 0.8em;
	font-family: Arial, Geneva, sans-serif;    
	margin: 0;  
	padding: 0px 0px 20px 0px; 
	background:#f2f2f2;
}


  
/*=STRUCTURE
----------------------------------------------- */
#page {
	background: #ffffff url(images/body-bg.gif) top left repeat-x;
	position: relative;
	width: 1000px;
	margin: 0 auto 20px auto; 
	padding:0px;
}

#wrap {
	background: url(images/page-bg.gif) bottom left repeat-x;
	padding: 40px 20px 0px 20px;
	
}


#left {
	clear:left;
	margin: 20px 0px 0px 0px;
 	padding: 0px;
 	float: left;
}

#content {
	margin: 20px 0px 0px 0px;
 	padding: 0px;
 	display: inline;
 	
}

#right {
	margin: 20px 0px 0px 0px;
 	padding: 0px;
 	float: right;
}
	
#footer { clear:both; color:white; margin-top:30px; height:135px;  }

/* =HEADER
   ----------------------------------------------------*/
#header { padding:0px; }

#topLogo { float:left; margin:20px 0px 22px 0px; }
	
#topContact { float: right; margin:20px 0px 0px 0px; list-style-type:none; text-align:right; color:#003E7E; line-height:0.9em; font-size:90%;}
	#topContact li { margin:0 0 0 7px;  padding:0 0 5px 12px; }

/* MENUS */


#header .rmHorizontal { margin:0px; padding:0px; clear:both; list-style-type:none; text-align:left; font-weight:bold; font-size:95%;}
	#header .rmHorizontal li { margin:0px; padding:0px; text-align:center; display: block; position: relative; float: left; width:137px;}
	#header .rmHorizontal li a { display:block; height:33px; line-height:33px; text-decoration:none; color:#666666; padding:0px;}
		#header .rmHorizontal li {margin-right:0px;}
		#header .rmHorizontal li a.selectedItem, #topMenu li a.currentLink:hover { color:#003E7E; background:url(images/tab-menu.gif) top left no-repeat;}
		#header .rmHorizontal li a:hover { color:#ffffff; background:url(images/tab-menu.gif) 0px -33px no-repeat;}
		
	#header .rmHorizontal li ul {position: absolute; left: -999em; background: #003E7E; text-align:left; }
		#header .rmHorizontal li ul li { text-align:left;  height:auto; }
		#header .rmHorizontal li ul li a { font-weight:normal; width:auto; height:auto; line-height:1.2em; color:white; padding:5px; width:128px;}	
		
		#header .rmHorizontal li:hover ul { display: block; left: 0px; position: absolute; border-bottom:dashed 1px white;}	
			#header .rmHorizontal li:hover a { color:#ffffff; background:url(images/tab-menu.gif) 0px -33px no-repeat; }
			#header .rmHorizontal li:hover li { float: none; font-size: 0.9em; }	
			#header .rmHorizontal li:hover li a:hover { background: #ffffff; color:#003E7E; }


#left .rpRootGroup { list-style-type:none; }
	#left .rpRootGroup a { display:block; padding:0px 10px; color:#666666; line-height:25px; border-bottom:dashed 1px #666666; text-decoration:none; }	
	#left .rpRootGroup a:hover, #left .rpRootGroup a.rpSelected { color:#003E7E; }	
	#left .rpRootGroup a span span { background:url(/images/arrowbullet2.gif);background-repeat:no-repeat;background-position:bottom right;padding-right:15px}	



/*News Radtree*/
#left .RadTreeView { white-space:nowrap; cursor: default; }

#left .RadTreeView_Default, #left .RadTreeView_Default a.rtIn, #left .RadTreeView_Default .rtEdit .rtIn input{ color: inherit; font: inherit; }

#left .RadTreeView .rtUL { margin: 0; padding: 0; -moz-user-select: -moz-none; }

#left .RadTreeView .rtLI { list-style-image: none; list-style-position: outside; list-style: none;}

#left .RadTreeView .rtLI a, #left .RadTreeView .rtIn, #left .RadTreeView_Default .rtSelected .rtIn { display:block; padding:0px 10px;	line-height:25px;	border-top:none;	border-left:none;	border-right:none;	border-bottom:dashed 1px #666666;	text-decoration:none;	background:none; }

#left .RadTreeView .rtLI a, #left .RadTreeView .rtIn { color:#666666; }

#left .RadTreeView_Default .rtSelected .rtIn, #left .RadTreeView .rtLI a:hover, #left .RadTreeView_Default .rtSelected .rtIn:hover { color:#003E7E; }

#left .RadTreeView .rtUL .rtLI .rtUL { padding-left:0px; }

#left .RadTreeView .rtTop, #left .RadTreeView .rtMid, #left .RadTreeView .rtBot { padding: 0px; margin:0px; }
#left .RadTreeView .rtSp { display: -moz-inline-box; display: inline-block; width: 1px; height: 22px; float:left; clear:left; }
#left .RadTreeView .rtChk { margin: inherit; padding: inherit; width: auto; height: auto; }

#left .RadTreeView_Default .rtChecked, #left .RadTreeView_Default .rtUnchecked, #left .RadTreeView_Default .rtIndeterminate { background:inherit; }
#left .RadTreeView_Default .rtHover .rtIn { color: inherit; border-color: inherit; background-color: inherit; background-image: none; }
#left .RadTreeView_Default .rtSelected .rtLoadingBelow { color: inherit; }
#left .RadTreeView_Default .rtLI .rtEdit .rtIn { border-color: inherit; background: inherit; }
#left .RadTreeView_Default_disabled .rtIn, #left .RadTreeView_Default .rtDisabled .rtIn { color: inherit; }

/* =CONTENT PANEL
   ----------------------------------------------------*/

/*Home*/
#homeGraphic { float:left; margin: 0px 20px 0px 0px; }
#homeContent { float: right; width: 410px; }
  
/*People*/  
#organisationChart { text-align:center; width:960px; }
	#organisationChart div.chartLevel { text-align:center; clear:left;}
	#organisationChart div.chartLevel div.positionBox { float:left; clear:none; text-align:center; border: dashed 1px #666666; padding:5px; }
		#organisationChart div.chartLevel div.positionBox ul { list-style-type:none; list-style-position:outside; margin:0px; padding:0px;}
			#organisationChart div.chartLevel div.positionBox ul li { margin:0px; padding:0px 0px 3px 0px; }
	#organisationChart h3 {text-align:center;margin-bottom:5px; }



#LevelOne { width: 220px; margin-left:auto; margin-right:auto; }
	#LevelOne div.positionBox { width:200px; margin:5px 0px; }

#LevelTwo { width: 670px; margin-left:auto; margin-right:auto; }
	#LevelTwo div.positionBox { width:200px; margin:5px; }
	
#LevelThree { width: 950px; margin-left:auto; margin-right:auto; }
	#LevelThree div.positionBox { width:135px; margin:5px; }
	
#LevelThree #plantManager { margin-bottom:45px; }


/*Portfolio*/
div.portfolioBox { padding:10px; background:#f2f2f2; margin-top:10px;}
	div.portfolioBox h3 { color:#003E7E; font-weight:normal; font-size:1.1em; margin-top: 0px; margin-bottom:5px; }
	div.portfolioBox img { float:left; margin-right:10px;}
	#content div.portfolioBox ul { list-style-type:none; color:#666666; margin:0px; padding:0px; float:left; }
		#content div.portfolioBox li { margin:0px; padding: 1px 0px;}
	
	div.portfolioBox h4 { display:inline; color:#999999; margin:0px; }
	div.portfolioBox img { width:120px }

/* News List */
#content .sf_newsList  { margin: 0 0 20px;	padding: 0;	list-style: none; }
#content .sf_newsList li { padding:10px; background:#f2f2f2; margin-top:10px; list-style-type: none; clear:left; }
.sf_newsList h3.sf_newsTitle {	color:#003E7E; font-weight:bold; font-size:1.1em; margin-top: 0px; margin-bottom:5px; }
.sf_newsList h4.sf_newsDate {	font-size: 1em; color:#000000; font-weight:normal; margin-bottom:5px; }
.sf_newsList .sf_newsThumbnail img { float:left; margin-right:10px; width:120px;}
.sf_newsList .sf_newsSummary { color:#666666; }

#right .sf_newsList h3.sf_newsTitle { margin-top:15px; font-size:95%;}
#right .sf_newsList li { margin-bottom:20px; }
	#right .sf_newsList li p {margin:0px;}

#content .sf_singleNews { margin-top:20px; }
#content .sf_singleNews h3.sf_newsDate { font-size: 1em; color:#000000; font-weight:normal; margin-bottom:5px; }
#content .sf_singleNews .sf_newsThumbnail img { float:right; margin-left:10px; width:250px; }
#content .sf_singleNews .sf-newsFooter { clear:left; }

#homenews { border-bottom:1px dashed #c0bdba; }

/*Contact*/

#contactDetails { margin-bottom:10px; list-style-type:none; color:#666666; line-height:0.9em; font-size:95%;}
	#contactDetails li { margin:0px;  padding:0 0 5px 0px; }

#ContactForm input, #ContactForm textarea { width: 250px; margin: 0px 0px 10px 0px; padding: 3px; border: 1px solid #808080; }
	#ContactForm textarea { height: 90px; }
	#ContactForm label { float: left; text-align: right; margin-right: 15px; width: 150px; padding-top: 3px; }
	#ContactForm input#ctl00_Content_ctl00_submitBtn { width: 120px; margin-left: 165px; cursor:pointer; background:#003E7E; color:white; border: solid 1px black; padding:2px; }
		#ContactForm input#ctl00_Content_ctl00_submitBtn:hover { font-weight:bold; }
	
#ctl00_Content_ListDisplay1	 { margin-bottom:20px; }
	#ctl00_Content_ListDisplay1 .sf_listItemTitle, #ctl00_Content_ListDisplay1 .sf_listItemTitleexp { font-size:inherit; margin:0; padding:0; float:left; width: 250px; text-align:left; margin-right:25px; }	
	
	
  
/* =RIGHT PANEL - HOMEPAGE
   ----------------------------------------------------*/  
 


/* =FOOTER
   ----------------------------------------------------*/ 

#footer p { margin:0px;text-align:center; }
	
#footer .ECA-CIF-Logos { float:right; margin-top:18px; margin-bottom:25px;}
	#footer .ECA-CIF-Logos img { margin-left: 15px;}
	
#footer .office-Locations { padding-top:35px; text-align:left; }
	
.ISO-certif { }
	.ISO-certif img { margin-right:10px; }
	
#footer p.copyright { clear:both; color:#666666; }


/* =LINKS
----------------------------------------------- */
a, a:link, a:link, a:active, a:hover {  } 

a, a:link { color:#003E7E; }

a:hover, a:active { color:#000000; } 


/* =TYPOGRAPHY
----------------------------------------------- */
p, ul, ol { margin: 0px; }

h2, h3, h4, h5, h6 {  }

h2 { color:#003E7E; font-weight:normal; font-size:1.1em; margin-bottom:5px; text-transform:uppercase;}
.sf_newsList h2.sf_newsTitle { color:#003E7E; font-weight:normal; font-size:.9em; margin-bottom:5px; text-transform:uppercase;}

h2.breadcrumbs { text-transform: lowercase; color:#666666; font-size:1.1em; }
	h2.breadcrumbs a { text-transform: lowercase; color:#003E7E; font-size:90%;}

/* =FORMS
----------------------------------------------- */
form {  margin:0;  line-height:1.3em;  }

form div { padding:0px; }

    
  
/* =TABLES
----------------------------------------------- */
caption {display:none;}
table {  border-width:0;  font-size:100%;  line-height:1.5em;  width:100%;  margin:0 0 1.5em;  }
table tr.blank td {  border-width:0;  font-size:1px;  line-height:1px;  padding:5px;  }


/* =LISTS
----------------------------------------------- */

#content dl { margin:0 0 1.5em; padding:0; }
#content dd { margin:0 0 .5em; padding:0; }
#content ul { margin:.5em 0 1em; padding:0; }
#content ol { margin-top:.5em;  margin-bottom:1em; }
#content ul li { margin:0 0 0 7px;  padding:0 0 5px 12px; }
#content ol li { padding:0 0 5px 0; }


  
/* =GENERAL
----------------------------------------------- */
p {margin:0 0 1em;}

pre {  margin:0 0 1em;  font-size:100%;  }

pre.codeblock { background:#eee; border:1px solid #ccc; padding:5px; }

code {font:110% "Courier New";}

img {border:none} 

hr {margin: 1em 0; color:#3c3c3c; background-color:#3c3c3c; height:2px; border:none;}

.spacer {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;} 

.hidden {position:absolute;	left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

p.moreLink { text-align:right; }

.highlight {color:#E17000}

.error {color:#c00;font-weight:bold}

.success {color:#390;font-weight:bold}

.caption {color:#999;font-size:11px}

.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: -1px}

small {font-size:11px}