/* #Site Styles
================================================== */
header, .container, footer{
	position: relative;
	width: 100%; 
}
.wrapper{
	margin: 0 auto;
	position: relative;
	width: 960px; 
}
/* Header Styles
================================================== */
header{
	margin: 0 0 0 0;
	padding: 60px 0;
}
header a.menu{
	background: url('../images/menu.gif') 0 0 no-repeat;
	display: none;
	opacity: 1;	
	position: absolute;	
	right: 0; top: 0;
	text-indent: -999em;	
	width: 20px; height: 17px;
}
header a.menu:hover{
	opacity: 0.5;
}
a#logo{
	background: url('../images/ballyroan-logo-blue.gif') 0 0 no-repeat;
	display: block;
	left: 0; top: 0px;
	position: absolute; 
	text-indent: -999em;
	width: 200px; height: 68px; 
}
a#logo:hover{
	opacity: 0.8;
}
nav{
	float: right;
}
nav ul{
	font-size: 12px; line-height: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 0 0;
	text-transform: uppercase;
}
nav ul li{
	border-right: 1px solid #ccc;
	float: left;
	text-align: center;
	width: 97px;
}
nav ul li:last-child{
	border-right: 0;
}
nav ul li a{
	display: block;
	text-decoration: none;
	padding: 8px 0;
}

/* #Page Styles
================================================== */
.page-header{
	border-top: 1px solid #AFACAC;
	padding-top: 40px;
}
.page-header h1{
	color: #007af7;
	margin-bottom: 30px;
}
.page-header p{
	font-size: 24px; line-height: 32px;
}
h1.tag{
	background: rgba(255,255,255,0.8);
	color: #AFACAC;
	font-size: 32px;
	font-weight: normal;
	left: 50%; bottom: 75px;
	letter-spacing: 0px;
	margin: 0 0 0 -315px;
	padding:30px 0;	
	position: absolute;
	text-align: center;
	text-transform: none;
	width: 630px;
	z-index: 1001;
}
article.article-detail{
	background: white;
	margin: 0 auto 60px auto;
	position: relative;
	padding: 32px 0 60px 0;
	width: 960px;
}
article.article-detail form{
	margin-left: 165px; margin-right: 85px;
	position: relative;
}
article.article-detail form input, article.article-detail form textarea{
	background: #fff; 
	border: 0;
	border-bottom: 1px solid #ccc;
	color: #333;
	display: block;
	font: 14px/21px "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 24px;
	padding: 10px;
	font-size: 14px;
	width: 280px;
}
article.article-detail form input:focus, article.article-detail form textarea:focus{
	background: #fff; 
	border: 0;
	color: #666;
	border-bottom: 1px solid #007af7;
	outline: none;
}
article.article-detail form .button input{
	background: #007af7;
	color: #fff;
	display: block;
	font-size: 12px; font-weight: bold;
	letter-spacing: 1px;
	margin: 48px 0;
	padding: 20px 0;
	position: static;
	text-align: center;
	text-transform: uppercase;
	width: 300px;
}
article.article-detail form .button input:hover{
	background: #007af7; 
	color: #eaeaea;
}
article.article-detail form label{
	color: #333;
	display: block;	
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
article.article-detail p, article.article-detail h1, article.article-detail h2, article.article-detail h3, article.article-detail h4, article.article-detail h5, article.article-detail ul, article.article-detail ol, article.article-detail blockquote{
	margin-left: 165px; margin-right: 85px;
}
article.article-detail h1, article.article-detail h2, article.article-detail h3, article.article-detail h4, article.article-detail h5{
	margin-bottom: 24px;
}
article.article-detail blockquote p{
	margin-left: 0;
}
article.article-detail hr{
	margin: 0 165px 24px 165px;
}
article.article-detail p.source{
	color: #333;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
div.feature-container{
	position: relative;
	width: 100%;	
}
#feature-slider {
	background: transparent;
	margin: 0 auto;
	width: 100%; height: 505px;
}
#feature-slider.rsDefault .rsContent{
	margin: 5px auto;
	width: 960px; height: 495px;	
}
#feature-slider.rsDefault .rsContent img{
	display: block;
	margin: 0 0 0 0;
	width: 960px; height: auto;
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}
#gallery-slider {
	background: transparent;
	margin: 0 auto 30px auto;
	width: 100%; height: 420px;
}
#gallery-slider.rsDefault .rsContent{
	margin: 0 auto;
	width: 100%; height: 420px;	
}
#gallery-slider.rsDefault .rsContent img{
	display: block;
	margin: 0 auto;
	width: auto; height: 420px;
}
#gallery-slider.rsDefault.rsHor .rsArrowLeft { left: 20px; }
#gallery-slider.rsDefault.rsHor .rsArrowRight { right: 20px; }

.wrapper.projects{
	margin: 60px auto;
}
h2.subsection{
	background: url('../images/h-border.gif') 50% 50% no-repeat;
	text-align: center;
	margin-bottom: 60px;
	width: 100%;
}
.wrapper.projects ul li{
	border-bottom: 5px solid #fff;
	float: left;
	margin: 0 30px 30px 0;
	overflow: hidden;
	position: relative;
	width: 300px; height: 165px;
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;	
}
.wrapper.projects ul li h3{
	background: white;
	font-size: 14px;	
	left: 0; bottom: 0;
	letter-spacing: 0;	
	padding: 5px 0;
	position: absolute;
	text-align: center;
	text-transform: none;
	width: 100%;	
}
.wrapper.projects ul li h3 a{
	color: #333;
	text-decoration: underline;
}
.wrapper.projects ul li:nth-child(3n){
	margin: 0 0 30px 0;
}
.wrapper.projects ul li a:hover{
	opacity: 0.9;
}
.wrapper.projects a.call-to-action{
	display: block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;	
	margin-bottom: 60px;
	text-align: right;	
	text-transform: uppercase;
}
.service-list{
	margin: 0 auto 60px auto;
	padding-bottom: 30px;
	position: relative;
	width: 960px; 
}
.service-list ul{
	margin: 0 40px;
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
}
.service-list ul li{
	text-align: center;
}
.testimonials{
	margin: 0 auto 60px auto;
	padding-bottom: 30px;
	position: relative;
	width: 100%; 
}
#quote-slider {
	background: transparent;
	margin: 0 auto;
	width: 100%; height: 300px;
}
#quote-slider .rsContent{
	margin: 0 auto;
	width: 960px; 
}
#quote-slider.rsDefault .rsArrow{
	height: 50px;
}
.testimonials .quote p{
	color: #eb5f3a;
	font-size: 20px; line-height: 28px;
	margin-right: 30px;
	text-indent: 28px;
}
.testimonials .quote p:before {
   content:'\201C ';
}
.testimonials .quote p:after {
   content:' \201D';
}
.testimonials p.source{
	color: #545454;
	font-size: 14px; font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-indent: 0;
}
.testimonials p.source:before, .testimonials p.source:after{
   content:'';
}
a.get-quote{
	background: #007af7;
	color: #fff;
	display: block;
	font-size: 12px; font-weight: bold;
	letter-spacing: 1px;
	padding: 20px 0;
	position: absolute;
	right: 0; bottom: 0;
	text-align: center;
	text-transform: uppercase;
	width: 300px;
}
a.get-quote:hover{
	background: white; 
	color: #007af7;
	text-decoration: none;
}
footer{
	color: #545454;
	font-size: 12px; line-height: 18px;
	margin: 60px 0 0 0;
}
footer .wrapper{
	background: white;
	margin: 0 auto;
	min-height: 180px; height:auto !important; height: 180px; 	
	position: relative;
	padding: 35px 0;
	width: 1140px;
}
footer .wrapper p.contact{
	position: absolute;
	right: 90px; top: 30px;
	width: 300px;
}
footer p.credit{
	float:left;
	margin: 0 0 0 90px;
}
footer ul.credit{
	margin: 0 45px 24px 90px;
}
footer ul.credit li{
	float: left;
	margin-right: 12px; 
	width: 80px;
}
footer ul.credit li.seai{
	width: 213px;
}
footer ul.credit li a{
	display: block;
	text-indent: -999em;
	width: 80px; height: 60px;
}
footer ul.credit li a:hover{
	opacity: 0.9;
}
footer ul.credit li.cif a{
	background: url('../images/cif-logo.gif') 0 0 no-repeat;
}
footer ul.credit li.homebond a{
	background: url('../images/homebond-logo.gif') 0 0 no-repeat;
}
footer ul.credit li.seai a{
	width: 213px;
	background: url('../images/seai-logo.jpg') 0 0 no-repeat;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1139px) {
footer .wrapper{
	width: 960px;
}
footer .wrapper p.contact{
	right: 30px; 
	width: 270px;
}
footer p.credit{
	margin: 0 0 0 30px;
}
footer ul.credit{
	margin: 0 45px 24px 30px;
}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper.projects ul li img{
	max-width: 100%; height: auto;
}
.wrapper{
	width: 760px; 
}	
footer .wrapper{
	width: 100%;
}
nav{
	display: block;
	margin: 0 0 0 260px;
}
#feature-slider {
	width: 100%; height: 402px;
}
#feature-slider.rsDefault .rsContent{
	background: aqua;
	margin: 5px auto;
	width: 760px; height: 392px;	
}
#feature-slider.rsDefault .rsContent img{
	display:  block;
	margin: 0 auto;
	max-width: 100%; height: auto;
}
#feature-slider.rsDefault .rsArrow {
	width: 44px;
}
#feature-slider.rsDefault.rsHor .rsArrowLeft { left: 10px; top: 0; }
#feature-slider.rsDefault.rsHor .rsArrowRight { right: 10px; top: 0; }

h1.tag{
	font-size: 24px;
	left: 50%; bottom: 80px;
	margin: 0 0 0 -315px;
	padding: 15px 0;	
	width: 630px;
}
.wrapper.projects ul li{
	width: 240px; height: 132px;
	margin: 0 20px 20px 0;
}
.wrapper.projects ul li:nth-child(3n){
	margin: 0 0 20px 0;
}
.testimonials h2.subsection{
	margin: 0 auto 60px auto;
	width: 760px;
}
#quote-slider .rsContent{
	margin: 0 auto ;
	width: 760px; 
}
#quote-slider.rsDefault.rsHor .rsArrowLeft { left: 10px; top: -55px; }
#quote-slider.rsDefault.rsHor .rsArrowRight { right: 10px; top: -55px; }
article.article-detail{
	width: 760px;
}
article.article-detail p, article.article-detail h1, article.article-detail h2, article.article-detail h3, article.article-detail h4, article.article-detail h5, article.article-detail ul, article.article-detail ol, article.article-detail blockquote{
	margin-left: 40px; margin-right: 85px;
}
article.article-detail form{
	margin-left: 40px; margin-right: 85px;
	position: relative;
}
article.article-detail hr{
	margin: 0 40px 24px 40px;
}
.service-list{
	width: 760px; 
}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 767px) {
header{
	margin: 0 0 0 0;
	height: auto;
	padding: 20px 0;
}	
a#logo{
	position: static;
	margin: 0 auto;
	width: 200px; height: 68px; 
}		
.wrapper{
	width: 300px; 
}	
footer .wrapper{
	margin: 0 auto;
	width: 300px;
}
header a.menu{
	display: block;
}
nav{
	display: none;
	float: none;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
nav ul{
	font-size: 12px; line-height: 24px;
	margin: 0 0 0 0;
	text-transform: uppercase;
}
nav ul li{
	border-bottom: 1px solid #ccc;
	border-right: 0;
	float: left;
	text-align: center;
	width: 100%;
}
nav ul li:last-child{
	border-right: 0;
	border-bottom: 0;	
}
nav ul li a{
	display: block;
	text-decoration: none;
	padding: 8px 0;
}
.page-header{
	border-top: 1px solid #AFACAC;
	padding-top: 20px;
}
.page-header h1{
	font-size: 16px; line-height: 24px;
	margin-bottom: 20px;
}
.page-header p{
	font-size: 14px; line-height: 21px;
	margin-bottom: 21px;
}
#feature-slider {
	width: 100%; height: 165px;
}
#feature-slider.rsDefault .rsContent{
	margin: 5px auto;
	width: 300px; height: 155px;	
}
#feature-slider.rsDefault .rsContent img{
	display:  block;
	margin: 0 auto;
	max-width: 100%; height: auto;
}
#feature-slider.rsDefault .rsArrow {
	width: 44px;
}
#feature-slider.rsDefault.rsHor .rsArrowLeft { left: 10px; top: 0; }
#feature-slider.rsDefault.rsHor .rsArrowRight { right: 10px; top: 0; }
#feature-slider.rsDefault .rsBullets {
	bottom: 10px;
}
h1.tag{
	display: none;
}
.wrapper.projects{
	margin: 20px auto 40px auto;
}
h2.subsection{
	margin-bottom: 20px;
}
.wrapper.projects ul{
	margin-bottom: 0;
}
.wrapper.projects ul li{
	float: none;
	margin: 0 0 20px 0;
}
.wrapper.projects a.call-to-action{
	margin: 0 0 0 0;
	text-align: left;
}
article.article-detail{
	background: white;
	margin: 0 auto 20px auto;
	position: relative;
	padding: 20px 0 60px 0;
	width: 300px;
}
article.article-detail p, article.article-detail h1, article.article-detail h2, article.article-detail h3, article.article-detail h4, article.article-detail h5, article.article-detail ul, article.article-detail ol, article.article-detail blockquote{
	margin-left: 20px; margin-right: 20px;
}
article.article-detail img{
	max-width: 260px; height: auto;
}
article.article-detail form{
	margin-left: 20px; margin-right: 20px;
	position: relative;
}
article.article-detail form input, article.article-detail form textarea{
	width: 240px;
}
article.article-detail form .button input{
	width: 260px;
}
article.article-detail h1, article.article-detail h2, article.article-detail h3, article.article-detail h4, article.article-detail h5, article.article-detail p, article.article-detail ul{
	font-size: 14px; line-height: 21px;
	margin-bottom: 21px;
}
article.article-detail blockquote p{
	margin-left: 0;
}
article.article-detail hr{
	margin: 0 20px 21px 20px;
}
#gallery-slider {
	background: #ccc;
	margin: 0 auto 20px auto;
	width: 300px; height: 300px;
}
#gallery-slider.rsDefault .rsContent{
	margin: 0 auto;
	text-align: center;
}
#gallery-slider.rsDefault .rsContent img{
	display: block;
	max-width: 100%; height: auto;
	margin: 0 auto;
}
#gallery-slider.rsDefault.rsHor .rsArrowLeft { left: 10px; top: 0; }
#gallery-slider.rsDefault.rsHor .rsArrowRight { right: 10px; top: 0; }
#gallery-slider.rsDefault .rsBullets {
	bottom: 10px;
}
.service-list{
	margin: 0 auto 20px auto;
	padding-bottom: 30px;
	position: relative;
	width: 300px; 
}
.service-list ul{
	font-size: 14px; line-height: 21px;
	margin: 0 40px;
	-moz-column-count:1; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
	column-count:1;
}
.service-list ul li{
	text-align: center;
}
#quote-slider {
	background: transparent;
	margin: 0 auto;
	width: 100%; height: 300px;
}
#quote-slider .rsContent{
	margin: 0 auto;
	width: 300px; 
}
#quote-slider.rsDefault .rsArrow{
	height: 50px;
}
#quote-slider.rsDefault.rsHor .rsArrowLeft { left: 10px; top: 0; margin-top: -50px; }
#quote-slider.rsDefault.rsHor .rsArrowRight { right: 10px; top: 0; margin-top: -50px; }

.testimonials h2.subsection{
	margin-bottom: 20px;
}
.testimonials p.quote{
	font-size: 14px; line-height: 21px;
	margin-right: 0;
}
.testimonials .quote p{
	font-size: 14px; line-height: 21px;
	margin-right: 0;
}
a.get-quote{
	position: static;
}
footer .wrapper{
	width: 100%;
}
footer .wrapper p.contact, footer p.credit, footer ul.credit{
	float: none;
	margin: 0 auto 21px auto;
	position: static;
	width: 300px;
}

	
	}