* {
padding: 0;
margin: 0;
}


a {

outline: none;

}


img {
border: 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;
	}
	
	
	
	#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: 30px;
	background-color: #fff;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	
	float: left;
	width: 680px;

	}
	
		#content h1 {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
		font-style: normal;
		color: #555;
		margin-left: 62px;
		margin-top: 10px;
		padding-bottom: 6px;
		
		
	}
	
		#content h2 {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		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 : 70px;
		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;
	margin-right : 70px;
	color: #555;
	
	}
	
	
	#content li {
	list-style-type: none;
	font-size: 1.2em;
	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: underline;

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

	
	}
	
	
	#contact {
	height: 220px;

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

	}
	
	#projectscontent h1 {
    
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	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;
	
	}
	
	#projectsnav1 ul {
	margin-left: 62px;
	padding-top: 10px;
	
	
	}
	
	
	#projectsnav1 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 6px;
    padding-left: 18px;

	
	}
	

	
	#projectsnav1 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav1 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	
	#projectsimage1 {
	width: 690px;
	height: 100px;
	margin-top: 6px;
	background-color: #fff;
	float: right;
	
	
	}
	
	
	#projectsnav2 {
	width: 270px;
	
	background-color: #fff;
	float: left;
	
	
	
	}
	
	#projectsnav2 ul {
	margin-left: 62px;
	padding-top: 30px;
	
	
	}
	
	
	#projectsnav2 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 6px;
    padding-left: 18px;
	
	}
	
	#projectsnav2 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav2 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	
	#projectsimage2 {
	width: 690px;
	height: 100px;
	margin-top: 20px;
	background-color: #fff;
	float: left;
	
	
	
	}
	
	#projectsnav3 {
	width: 270px;
	
	background-color: #fff;
	float: left;
	
	
	
	}
	
	#projectsnav3 ul {
	margin-left: 62px;
	padding-top: 40px;
	
	
	}
	
	
	#projectsnav3 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 6px;
    padding-left: 18px;
	
	}
	
	#projectsnav3 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav3 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	#projectsimage3 {
	width: 690px;
	height: 100px;
	margin-top: 20px;
	background-color: #fff;
	float: left;
	
	}
	
	#projectsnav4 {
	width: 270px;
	
	background-color: #fff;
	float: left;
	
	
	
	}
	
	#projectsnav4 ul {
	margin-left: 62px;
	padding-top: 40px;
	
	
	}
	
	
	#projectsnav4 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 6px;
    padding-left: 18px;
	
	}
	
	#projectsnav4 li a {
	color: #5f7a7f;
    text-decoration: none;
	
	}
	
	#projectsnav4 li a:hover {
	color: #5f7a7f;
    text-decoration: underline;
	
	}
	
	#projectsimage4 {
	width: 690px;
	height: 100px;
	margin-top: 20px;
	background-color: #fff;
	float: left;
	
	}


#sidepanel {
	float: right;
	background-color: #fff;
	width: 280px;
	margin-top: 44px;
	margin-bottom: 20px;
	
	}
	
	#sidepanel p {
	margin-left: 20px;
	padding-top: 16px;
	
	
	}
	

	#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;
	
	
	}
	
	#footer {
	
	clear: both;
	
	
	text-align: left;
padding-bottom: 60px;
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: 20px;
	
	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: #333;
	text-decoration: none;

	
	}
	
	
	
	.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;
	
}


.imgfloatleft {
float: left;
margin-right: 14px;
margin-top: 6px;

}


.imgfloatright {
float: right;
margin-left: 14px;
margin-top: 6px;
}


.imgmarginleft {
margin-left: 26px;
}

.imgmarginleft10 {
margin-top: 6px;
margin-left: 10px;
}

  
.current {

border-bottom: 9px solid #fff;

}


.clear {
  clear: both;
  height: 0;
}