* {
padding: 0;
margin: 0;
}


a {
outline: none;
}



img {
border-style: none;
}





html {



}



	
	body {
		font-size: 62.5%;
		background-image: url(../images/bg/header-bg.jpg);
		background-repeat: repeat-x;
		text-align: center;
		background-color: #efefef;
		margin-bottom: 20px;
		
	}
	
	
	#container {
		margin: 0px auto;
		width: 960px;
		text-align: left;
		background-color: #fff;
	}
	
	
	#logo {
		
		width: 960px;
		height: 180;
		background-color: #80929c;
	}
	
	#nav
	{
		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;

	text-align: left;
	background-color: #80929c;
	width: 960px;
	padding-bottom: 9px;
	height: 17px;

}

#nav ul{
list-style:none;
margin-left: 226px;
color: #fff;

}

#nav li{
display:inline;
margin-right: 40px;
padding-bottom: 2px;

}


@media screen and (-webkit-min-device-pixel-ratio:0) { 

#nav li { margin-right: 36px; } 

}


#nav ul li a {

color: #fff;
text-decoration: none;

}

#nav ul li a:hover {

color: #a0b2b6;
text-decoration: none;

}


	
	
	#content {
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: #fff;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	
	float: left;
	width: 480px;

	}
	
		#content h1 {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
		font-style: normal;
		color: #686e6f;
		margin-left: 62px;
		margin-top: 10px;
		padding-bottom: 6px;
		
		
	}
	
		#content h2 {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		font-style: normal;
		color: #777;
		margin-left: 62px;
		margin-top: 10px;
		padding-bottom: 6px;
		
		
	}
	
	#content p {
		
		margin-top : 10px;
		margin-left : 62px;
		margin-right : 30px;
		padding: 0px;
		color: #555;
		text-align: left;
		line-height: 1.6em;
		font-size: 1.3em;
		
	
	}
	
	#content p a {
	text-decoration: underline;
	font-weight: normal;
	color: #6b898f;
	
	}
	
	
	#content p a:hover {
	text-decoration: underline;
    color: #ccc;	
	
	}
	
	#content ul {
	margin-top: 10px;
	margin-left: 62px;
	color: #555;
	
	}
	
	
	#content li {
	list-style-type: none;
	font-size: 1.3em;
	line-height: 1.8em;
	background-image: url(../images/bg/arrow_lite.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 18px;

	
	}
	
	#content li a {
	color: #5f7a7f;
    text-decoration: none;

	
	}
	
	#content li a:hover {
	color: #5f7a7f;
    text-decoration: underline;

	
	}
	
	#panelwrapper {
	width: 860px;
	clear: both;
	margin-left: 60px;
	
	
	}
	
	
	#panel1 {
	width: 270px;
	float: left;
	padding-bottom: 40px;
	
	}
	
	#panel1 p {
	
	margin-top: 6px;
	
	}
	
	#panel1 h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #686e6f;
		
	}
	
	#panel2 {
	width: 270px;
	float: left;
	margin-left: 19px;
	padding-bottom: 40px;
	}
	
	#panel2 p {
	
	margin-top: 6px;
	
	}
	
	#panel2 h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #686e6f;
		
	}
	
	#panel3 {
	width: 270px;
	float: left;
	margin-left: 19px;
	padding-bottom: 40px;
	}
	
	#panel3 p {
	
	margin-top: 6px;
	
	}
	
	#panel3 h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #686e6f;
		
	}
	
	#projectscontent {
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .70em;
	float: left;
	width: 960px;

	}
	
	#projectscontent h1 {
    
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	font-style: normal;
	color: #666;
	margin-left: 62px;
	margin-top: 10px;
	padding-bottom: 6px;
		
	}
	
	#projectscontent h2 {
    
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	font-style: normal;
	color: #bfb8a7;
	margin-left: 62px;
	margin-top: 10px;
	padding-bottom: 6px;
		
	}
	
	
	#projectsnav1 {
	width: 270px;
	background-color: #fff;
	float: left;
	padding-top: 10px;
	}
	
	#projectsnav1 ul {
	margin-left: 62px;
	
	
	}
	
	
	#projectsnav1 li {
	list-style-type: none;
	font-size: 1.8em;
	line-height: 1.8em;
	background-image: url(../images/bg/arrow_lite.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 18px;

	
	}
	
	#projectsnav1 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav1 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	
	#projectsimage1 {
	width: 690px;
	margin-top: 6px;
	background-color: #fff;
	float: right;
	
	}
	
	
	#projectsnav2 {
	width: 270px;
	background-color: #fff;
	float: left;
	padding-top: 28px;
	
	}
	
	#projectsnav2 ul {
	margin-left: 62px;
	
	
	}
	
	
	#projectsnav2 li {
	list-style-type: none;
	font-size: 1.8em;
	line-height: 1.8em;
	background-image: url(../images/bg/arrow_lite.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 18px;
	
	}
	
	#projectsnav2 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav2 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	
	#projectsimage2 {
	width: 690px;
	margin-top: 20px;
	background-color: #fff;
	float: right;
	
	}
	
	#projectsnav3 {
	width: 270px;
	background-color: #fff;
	float: left;
	padding-top: 54px;
	
	}
	
	#projectsnav3 ul {
	margin-left: 62px;
	
	
	}
	
	
	#projectsnav3 li {
	list-style-type: none;
	font-size: 1.8em;
	line-height: 1.8em;
	background-image: url(../images/bg/arrow_lite.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 18px;
	
	}
	
	#projectsnav3 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav3 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	#projectsimage3 {
	width: 690px;
	margin-top: 20px;
	background-color: #fff;
	float: right;
	
	}
	
	#projectsnav4 {
	width: 270px;
	background-color: #fff;
	float: left;
	padding-top: 70px;
	
	}
	
	#projectsnav4 ul {
	margin-left: 62px;
	
	
	}
	
	
	#projectsnav4 li {
	list-style-type: none;
	font-size: 1.8em;
	line-height: 1.8em;
	background-image: url(../images/bg/arrow_lite.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 18px;
	
	}
	
	#projectsnav4 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav4 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	#projectsimage4 {
	width: 690px;
	margin-top: 20px;
	background-color: #fff;
	float: right;
	
	}


#sidepanel {
	float: right;
	background-color: #fff;
	width: 480px;
	margin-top: 40px;
	margin-bottom: 20px;
	
	}
	

	#galleryrow1, #galleryrow2, #galleryrow3  {
	margin-left: 44px; 
	
	
	}
	
	#galleryrow1 h1 {
	margin-left: 20px;
	color: #777;
	margin-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	
	
	
	}
	
	#galleryrow4 {
	margin-left: 44px; 
	padding-bottom: 30px;
	
	
	}
	
	
	#googlemap {
	padding: 16px 0 40px 0;
	
	
	}
	
	
	#slideshow {

position:relative;
margin-top: 36px;
width: 480px;
height:323px;
float: right;



}



#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
text-align: center;



}



#slideshow IMG.active {
z-index:10;
opacity:1.0;

}





#slideshow IMG.last-active {
z-index:9;

}



	
	#footer {
	
	clear: both;
	
	
	text-align: left;
padding-bottom: 40px;
padding-top: 30px;
background-image: url(../images/footer/sea-god.jpg);
background-repeat: no-repeat;
background-position: 60px 20px;
border-top: 1px solid #efefef;
	
	}
	
	#footer p
	{
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 110px;
	margin-top: 0px;
	padding-top: 12px;
	
	clear: both;
	
	font-size: 1.1em; 
	color: #bfbfbf;
	text-align: left;
	
	}
	
	
		#footer p a
	{
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #78a6af;
	text-decoration: none;

	
	}
	
	
			#footer p a:hover
	{
	
	
	text-decoration: underline;

	
	}
	
	
	.imagepad {
	padding:2px;
	margin: 0px;
	margin-left: 16px;
	margin-top: 20px;
	
	
}

	.imagepadhome {
	padding:2px;
	margin: 0px;
	margin-right: 26px;
	margin-top: 18px;
	
	
}


	.imagepadcontact {
	padding:2px;
	margin: 0px;
	margin-right: 36px;
	margin-top: 30px;
	
	
}


	.imageballymena {

	padding-top: 6px;
	padding-bottom: 10px;
	
}

 

	.imageballymenalower {

	padding-top: 0px;
	padding-bottom: 30px;
	
}

.current {

border-bottom: 9px solid #fff;

}