@charset "utf-8";
		/*** The Essential Code ***/

body {
		text-align:center;
		margin:0;padding:0;
		color: #777777; font: normal 11px Tahoma, Arial, sans-serif; 
		background-color: White; 
}
*{ margin:0; padding: 0; }
h1, h2, h3, h4 { margin:0; padding: 0; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }

h1 {  color: #666666;  font-size: 24px;}

h1 a { color: #666666;  text-decoration: none; }
h1 a:visited { color: #666666;  text-decoration: none; }
h1 a:hover { color: #666666;  text-decoration: none; }
	
h2 { font-weight: normal;font-size: 20px; color: #666666; margin-bottom: 5px;  }

	h2 a { text-decoration: none; color: #666666;  }
	
	h2 a:visited { text-decoration: none; color: #666666;  }
	
	h2 a:hover { text-decoration: none; color: #666666; }
	
h3 { font-size: 1.0em; }	

h4 { font: 1.1em Arial, Helvetica, sans-serif; color: #B0B0B0;  }

h4 a, h4 a:visited { color: #333;  text-decoration: none; }
	
h4 a:hover { color: #8DC919;  text-decoration: underline; }


/*---:[ global elements ]:---*/

a, a:visited { color: #DE9431; text-decoration: none; }

	a:hover { color: #DE9431; text-decoration: none; }
	
	a img { border: none; }
	
p{ line-height: 140%; }	
#wrapper {	width:960px;	margin:0px auto; padding:0px;	
text-align:left;	 background-color: White;}
		
#contentleft {
		width:200px;
		padding:10px;
		float:left;
		}
	
#contentcenter {
		width:500px;
		margin-top: 10px;
		padding:10px 10px 0px 10px;
		float:left;
		}	
#contentcenterClient {
		width:400px;
		margin-top: 10px;
		padding:10px 10px 0px 10px;
		float:left;
		}
#contentcenter h2 { font: bold 12px Tahoma, Arial, sans-serif;}
#contentcenter h3 {padding:0px; font-weight: bold; font-size: 11px;}
#contentcenter ul { color:#606060; margin-top:5px; margin-left: 20px; margin-right:0; list-style: none;}

#contentcenter li{ font-weight: normal; padding:5px 15px; background: url(images/square.gif) 2px 1em no-repeat; line-height: 140%; text-align: justify;}
#contentcenter p{	padding:10px 0px; text-align: justify; line-height: 140%;	}

#contentcenterFull {
		width:740px; margin: 10px 0px;	padding:10px 0px;
		float:left;
		}	
#contentcenterFull h2 {padding:0px; font-weight: bold; font-size: 11px;}
#contentcenterFull ul { color:#606060; margin-top:5px; margin-left: 20px; margin-right:0; list-style: none;}
#contentcenterFull li{ font: normal 11px Arial, sans-serif; padding:5px 15px; background: url(images/square.gif) 2px 0.9em no-repeat; line-height: 140%; text-align: justify;}
#contentcenterFull p{	padding:10px 0px; text-align: justify; line-height: 140%;	}
	
.contentcenterBtm {
		width:710px;
		margin: 15px 0px 10px 10px;
		padding:10px 0px 0px 0px;
		float:right;
		border-top:#DBDBDD 3px solid;
		}	
.contentcenterBtm p{		text-align: justify;	}			
#contentright {
		width:200px;
		margin-top: 10px;
		padding:10px;
		float:left;
			}
#contentright ul { color:#606060; margin-top:5px; margin-left: 0px; margin-right:0; list-style: none;}

#contentright li{ font: normal 11px Arial, sans-serif; padding:5px 15px; background: url(images/square.gif) 2px 0.9em no-repeat; line-height: 140%;}

#contentright h1 { color:#777777; font:normal 22px Tahoma, Arial, sans-serif; }
#contentright h1 a:link, #contentright h1 a:visited { color:#777777;   }
#contentright h1 a:hover{color:#666666; 	}


#contentrightClient {
		width:300px;
		margin-top: 10px;
		padding:10px;
		float:left;
			}		
#contentheader {
		height: 148px;
		border-bottom:#DBDBDD 3px solid;
		margin-top:0
		}

#topbar{padding:3px 30px 3px 230px; font-size: 10px; text-align: center;   background: #DBDBDD url('http://www.etrix.ie/images/top-bar.gif') top left repeat-y; height:12px;}
#logo{width: 220px;  background-color: White; float: left; } 
#nav { width:740px; margin: 0px; list-style: none; padding: 10px 0px; float: right; border-bottom:#DBDBDD 3px solid; clear: both; }

#nav a { margin:0px 0; padding: 0px 15px; font: bold 12px  Tahoma, Arial, Helvetica, sans-serif; text-transform: capitalize; float: left; }
	
#nav a, #nav a:visited {display: block; color: #666666; text-decoration: none; }
	
#nav a:hover { color: Black; text-decoration: none; }
		
#nav a.current, #nav li a.current:visited, #nav a.current:hover { color: #5A707F; text-decoration: none; }

#maintop { width:712px; margin-top: 15px; margin-left:10px; padding: 0px 0px; float: left; }

#seo{ font:bold 21px Tahoma, Arial, sans-serif; border-bottom:#DBDBDD 3px solid; margin-bottom: 5px;}
#seo a:link, #seo a:visited{ color: #777777; text-decoration: none;}
#seo a:hover{ color: #666666; text-decoration: none;}

#contentcenter pre {
margin:0px 10px 10px 10px;
}		

#footer {
  font: 11px Tahoma, Arial, Verdana, sans-serif;
	background-color: #F4F4F4; padding:2px 0px 10px 0px;
	clear:both;
	color: #666666;
	text-align:center;
	bottom:0;	
}
#footer p { line-height: 160%;}
#footer-links{ color: White; background-color: #BCBDC1; font-weight: bold; margin: 0px; padding: 5px 0;}
#footer-links a, #footer-links a:visited {color: White; text-decoration: none;}
#footer-links a:hover { text-decoration: none; }

#copy{	background-color: #EEEEEE; }

.mline{border-bottom: #eeeeee solid 1px;}
.menu{color: #777777;}
.menu h3{padding: 10px 0;  font:bold 12px Tahoma, Arial, sans-serif; letter-spacing: 0px;}
.menu a, .menu a:visited{color: #666666;text-decoration: none; }
.menu a:hover { color: Black; text-decoration: none; }
.menu ul{ color: #666666; list-style: none; margin: 0; padding:0px 0px 10px 10px;}
.menu li{ font: normal 11px Tahoma, Arial, sans-serif; padding:4px 10px; background: url(images/square.gif) 0px .8em no-repeat; line-height: 110%;}
.menu li a, .menu li a:visited {color: #666666; text-decoration: none; }
.menu li a:hover, .menu li a:active { text-decoration: none; }

.componentMain{width:220px; margin: 10px 15px 5px 0px; padding:0; float:left;}
.componentMain h2{ font:bold 15px Tahoma, Arial, sans-serif; color:#ffffff; height:20px; padding: 5px 0px 5px 15px; margin-bottom:2px; background: #BCBDBF url('images/bg-comp.gif') left no-repeat; 
}
.componentMain p{padding: 5px 0;	margin:0; text-align: justify;}
.componentMain ul{ color:#606060; margin-top:10px; list-style: none;}

.componentMain li{ font: normal 11px Arial, sans-serif; padding:0px 15px; background: url(images/arrow-list.gif) 2px 0.45em no-repeat; line-height: 180%;}
			
.componentMain li a, .componentMain li a:visited {color: #5A707F;text-decoration: none; }
				
.componentMain li a:hover { text-decoration: underline; }


form{
	padding:0px 5px 5px 5px; margin:0; 
}
input, textarea, option, select { font:normal 10px Tahoma, Arial, sans-serif; color: #777777; }
label{	font-weight: bold;}
.fields{	border: #cccccc 1px solid; background-color: White; padding-left:4px;}
.submit {
	padding:0; border-width: 0px; margin-right:4px; float: right; 
}
.date{font-weight: bold; border-bottom: 1px #cccccc solid; padding: 4px 0px;  }
#news{margin-bottom:0px; padding-bottom:0px; }
#news p{margin:5px 0px; font-weight: bold; }
#news a,#news a:visited {	text-decoration: none;}	
#news a:hover {text-decoration: underline;}	

#highlight{width: 690px;
margin:0 5px; padding: 5px 10px 0 10px;  height: 140px;  background: #F0F0F0  url(images/bar.gif) no-repeat;  float: left;
}
#highlight h3 { font-size: 12px; font-weight: bold; margin:5px 0;  }
#highlight ul { color:#606060; margin:10px 5px 5px 10px; list-style: none;}

#highlight li{ font: normal 11px Arial, sans-serif; padding:0px 15px; background: url(images/square.gif) 2px 0.8em no-repeat; line-height: 180%;}
			
#highlight li a, #highlight li a:visited {color: #606060; text-decoration: underline; }
				
#highlight li a:hover { text-decoration: underline; }

#support{	height:100px; padding:25px 100px 5px 10px;  float: right;
}
#support h2{ font-weight:bold;font-size: 15px; color:#9A9A9A; 
}
#support form{ padding:0px;}
#support input{ margin-top: 2px;font-size: 12px; border:0px; vertical-align: bottom; }
 
.fieldBg{	color:#666666; background-color: #E3E3E3; padding:3px; height: 15px; }

.borderBtm { border-bottom:#DBDBDD 3px solid; margin-bottom: 5px;}

.right{margin:10px 0 10px 10px; border: #CCCCCC 1px solid;}
.left{margin:10px 10px 10px 0px; border: #CCCCCC 1px solid;}
.spacer { clear: both; }
.space-h10 { width:10px }
.space-v10 { height:10px }
.pad10{	padding: 10px;}
.pad5{	padding: 5px;}
.summary-box p{	background-color: #E8F4FF;	border:1px solid #B2DAFF;		padding: 5px;	margin: 10px 0px;}
.warn p{	background-color: #FFE8E8;	border:1px solid #FFBBBB;	padding: 5px;	margin: 10px 0px;}
.grey{ font:normal 10px Verdana, Arial, sans-serif; color: #666666; }
.line{ border-bottom: #A9A9A9 1px solid; 	}

.tbl-form{	background-color: #F7F7F7;	border:1px solid #D8E1E8;	padding: 5px;}
.tbl-form td{	padding: 5px;}
.tbl-jform{	background-color:#D0D9DE;}
.tbl-jform td{	padding: 5px;}
.quote {	background-color: #F1F3F8; color: #333333; font-size: 12px; border:1px solid #AAB5C4;	padding: 10px 20px; line-height: 140%; margin: 10px 0px;}
.list{ background-color: #F8F8FA; border: 1px #E7E7E7 solid; margin:10px; padding: 10px; line-height: 150%;}
.dash{ border-bottom: 1px #CDCDCD dashed; margin: 5px 0px; }
.dot{ border-bottom: 1px #CDCDCD dotted;}
.img-border{	border:#CCCCCC 1px solid;}
.list-portfolio{margin:15px 5px; padding: 10px 5px; line-height: 150%;}

.title {
	color: #5A707F;font-size: 14px; font-weight: bold; padding: 10px 0px;
}
.subtitle {
	color: #5A707F;font-size: 11px; font-weight: bold;
}
#thumbs{
width: 300px; 
min-height: 250px; height:auto !important;  height:250px;
}
.thumbs img{
	border:#BFCAD0 1px solid;
}
.testimonial{	color: #981C02; font:bold 11px Tahoma, Arial, sans-serif; margin:15px 0px; }
.box{	float:left; margin: 0px; padding: 2px;}
.arrow-b{color: #2888B8;font-size: 11px; font-weight: bold;background: url(images/arrow-blue.gif) 0px 0.3em no-repeat; padding-left: 10px; margin-top: 5px; border-bottom:1px #CDCDCD dashed;}
.arrow-g{color: #4A5D68;font-size: 11px; font-weight: bold; background: url(images/arrow-grey.gif) 0px 0.3em no-repeat;padding-left: 10px;}
#portfolio{
	margin: 10px 0px; padding: 10px 10px 0 14px; line-height: 150%;   height: 100px;  background: #F0F0F0  url(images/bar-p.gif) no-repeat; 
}
#portfolio a, #portfolio a:visited{
	color: #FFA500; text-decoration: underline;
}
#portfolio a:hover{
	color: #D98D00;
}
/*popup image*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border:#BFCAD0 2px solid;
background-color: White;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: -550px; /*position where enlarged image should offset horizontally */
}
/*end roleover image*/
.bt a, .bt a:visited{ 
display: block; padding: 4px; width: 16px;
color: #505050; background: url(images/bg-bt.gif) no-repeat; text-decoration: none;}
.bt a:hover{ color: #505050; text-decoration: none; }
.heading{color: #666666; font-size: 18px;}


#services{	padding: 10px; }
#services a, #services a:visited {text-decoration: none; }
#services a:hover { text-decoration: underline; }
#services ul { color:#606060; margin-top:10px; list-style: none;}

#services li{ font: normal 11px Arial, sans-serif; padding:0px 15px; background: url(images/arrow-grey.gif) 2px 0.5em no-repeat; line-height: 180%;}
			
#services li a, #services li a:visited {text-decoration: none; }
				
#services li a:hover { text-decoration: underline; }

#servicesList{	margin:0px; }

#servicesList ul { color:#606060; margin-top:10px; list-style: none;}

#servicesList li{ font: normal 11px Arial, sans-serif; padding:0px 15px; background: url(images/arrow-list.gif) 2px 0.45em no-repeat; line-height: 180%;}
			
#servicesList li a, #servicesList li a:visited {color: #5A707F;text-decoration: none; }
				
#servicesList li a:hover { text-decoration: underline; }

.featured-services{	margin:0px; }

.featured-services ul { margin-top:10px; margin-left:0px; list-style: none; padding: 5px; background-color: #F7F7F7;	border:1px solid #D8E1E8;}

.featured-services li{ color:#606060;font: normal 11px Arial, sans-serif; padding:0px 15px; background: url(images/arrow-grey.gif) 2px 0.5em no-repeat; line-height: 180%;}
			
.featured-services li a, .featured-services li a:visited { text-decoration: none; }
				
.featured-services li a:hover { text-decoration: underline; }

#featured-jobs{	margin:0px; }

#featured-jobs ul { margin-top:10px; margin-left:0px; list-style: none; padding: 5px; background-color: #F7F7F7;	border:1px solid #D8E1E8;}

#featured-jobs li{ color:#606060;font: normal 11px Arial, sans-serif; padding:0px 15px; background: url(images/arrow-grey.gif) 2px 0.5em no-repeat; line-height: 180%;}
			
#featured-jobs li a, #featured-jobs li a:visited { text-decoration: none; }
				
#featured-jobs li a:hover { text-decoration: underline; }

.highlight {margin-top:10px; padding: 5px; background-color: #F7F7F7;	border:1px solid #D8E1E8;}

.p-td1{ padding:5px 5px 5px 10px; background-color: #ECEAEB;}
.p-td1 b{ color: #323232; }
.p-td2{ padding:5px 5px 5px 10px; background-color: #F5F5F5;}
.p-td2 b{ color: #323232; }
.nlink a:link, .nlink a:visited, .nlink a:hover, .nlink a:active{ color: #666666; text-decoration: none;}

#top-links {	padding: 35px 20px 0px 0px ; text-align: right; font-weight: bold;}
.top-text{width:141px; padding: 4px 10px;  color: #969696; font-weight: normal;	font-size: 18px; background-color: #F1F1F1; float:left;}
#phone {	  margin: 30px 10px 0px 0px; float:right; clear: right; }
#email {	 padding: 0px;  margin: 5px 10px 5px auto;   float:right;clear:right; }
#componentAdvice{width:200px;  padding-bottom:5px; }
#componentAdvice h2{ font:bold 15px Tahoma, Arial; color:#ffffff; height:20px; padding: 5px 0px 5px 15px; 
background: #BCBDBF url('images/bg-comp.gif') left no-repeat;}
#componentAdvice p{padding: 5px 0;	margin:0; text-align: justify;}
#componentAdvice form{	margin:0px; padding:0px;}
.TextBox, .ddBox, .TextArea{
font-size:9px;	margin:2px 0px;padding:1px 3px;	width:190px; border:solid 1px #CDCDCD;}
.ddBox{	width:198px;padding:0px;}

.testimonials p{	text-align:justify;	font-weight:bold;	}
.boxHighlight{
 float: left;	width:220px;
 margin:5px 5px 5px 0px; padding: 5px; background-color: #F7F7F7;	border:1px solid #D8E1E8;
}
.heading {  color: #666666;  font-size: 20px; text-transform:capitalize;}
.subheading {  font-weight: bold;color: #666666;  font-size: 15px; text-transform:capitalize;}
.subheading2 {  font-weight: bold;color: #666666;  font-size: 12px; text-transform:capitalize;}

.img-R{	margin-right: 5px;}
.img-L{	margin-left: 5px;}	
	
.widewrap{width:100$%; height:717px;}