/* 

LAYOUT STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/
@font-face {
    font-family: '';
    src: url('/fonts/.ttf');
    src: url('/fonts/.ttf?#iefix') format('embedded-opentype'),
         url('/fonts/.ttf') format('truetype')
    font-weight: normal;
    font-style: normal;
}

/* --------- 2. layout	--------- */
div.layout {
		width:100% !important;
}		
div.wrapper{
	width:100% !important;
	}
div#layout-tippy-top,
div#layout-banner,
div#layout-banner.homepage,
div#layout-top{
	display:none;
	}
div#layout-mobile-top{
	display:block;
	background:#FFF;
	background:#FFF;
	}
/*LOGO*/
div#logo, div#logo a {
	display:none;
}
div#logo-mobile{
	display: block;
	width: 61%;
	margin: 15px 10px 3px;
	float: left;
	z-index: 9999;
	max-width:290px;
	min-height:61px;
}
div#logo-mobile img{
	width: 100%;
	height:auto;
}
/*Nav Menu*/
div#layout-nav{
	display:none;
	}
div.dropdown-menu{
	float:right;
	}
div.panel-content.top-menu{
	margin-bottom:0!important;
	padding:0!important;
	}	
div#layout-mobile-top a.top-nav.right{
	color:#FFF;
	font-size:2.5em;
1	float:left;
	background:#7E0118;
    line-height: 2.4;
    padding:0px 15px;
	float:none!important;
	text-decoration:none;
	}
div#layout-mobile-top a.top-nav.right img{
    margin-top:20px;
	}
div#layout-mobile-top a.top-nav.right.menu-open{
1	background:#25408F;
	}
div#layout-mobile-top a.top-nav.right.menu-open img{
	padding:0 5px;
	}
div#layout-mobile-top a.top-nav.right.menu-open,
div#layout-mobile-top a.top-nav.right.menu-closed{
	position:absolute;
	top:0px;
	right:0;
	z-index:9999!important;
	height:77px;
	}
div#layout-mobile-top a.top-nav.right.menu-open{
1	top:-77px;
	}	
div.slider-content.menu.hide{
	position:absolute;
	right:1px;
	top:77px;
	z-index:9999;
	width:240px;
	background:#FFF;
	box-shadow: 1px 1px 1px 1px #CCC;
	}
#nav span.nav-link-outer{
	padding:0;
	margin:0;
	}		
#nav li{
	display:block;
	float:none!important;
	}
#nav a {
	display:block;
	float:none!important;
	width:200px;
	border: none;
	border-top: 1px solid #A54E5E;
	text-shadow: 0.1px 0.1px #FFF;
	display: block;
	text-decoration: none;
	display: block;
	line-height: 2;
	font-size: 2.4em;
	text-align:left;
	padding: 10px 20px;
}
#nav a:hover,
#nav a.on {
	background: #7E0118;
	color: #FFF;
	text-shadow: 0.1px 0.1px #1D1B1C;
	padding: 10px 20px;
	border:0;
	border-top: 1px solid #A54E5E;
}
/*BANNER*/
div#wrapper-mobile-banner,
div#layout-page-title.homepage{
	display:none!important;
	}
div#wrapper-mobile-banner.homepage,
div#layout-page-title{
	display:block!important;
	background:url(/mainpics/bgs/bg-layout-top.jpg) repeat-x top #E5E5E5;
	padding-top:15px;
	}
#banner-mobile{
	display:block!important;
	}		
#banner-mobile img{
	width:90%!important;
	margin-left:5%;
	margin-bottom:50px;
	height:auto!important;
	border:1px solid #FFF;
	-webkit-box-shadow: 0px 0px 3px 1px #666;
	-moz-box-shadow: 0px 0px 3px 1px #666;
	box-shadow: 0px 0px 3px 1px #666;	
	}		
#banner-mobile ol#controls,
#banner-mobile div.banner-text{
	display:none;
	}	
div#layout-page-title{
	padding-top:25px;
	}	
div#layout-page-title h1{
	padding-left:5px;
	}	
/*MAIN CONTENT*/
div#layout-content.homepage {
    padding: 25px 0px 2em;
}
#content-sidebar-holder.desktop{
	display:none;
	}
div.contentCentre.mobile,#content-sidebar-holder.mobile{
	display:block;
	}
/*Homepage Panels*/
.homepage-panel,
.homepage-panel.last,
div.gallery-list-item,
div.gallery-list-item.last
 {
    width: 85%;
    margin-left:7.5%;
    margin-bottom:1em;
	float:left;
}
div.homepagePanelImage{
    width: 95%;
	clear:both;
	height:auto;
	margin:0!important;
	margin:0px auto!important;
	border:none;
	box-shadow:none;
	}
div.homepagePanelImage img{
    width: 95%!important;
	margin-left:2%;
	margin-top:1%;
	height:auto!important;
	border:1px solid #FFF;
	-webkit-box-shadow: 0px 0px 3px 1px #666;
	-moz-box-shadow: 0px 0px 3px 1px #666;
	box-shadow: 0px 0px 3px 1px #666;	
}
.homepage-panel h2,.homepage-panel.blue h2,.homepage-panel.last h2{
    width: 88%;
	box-shadow:none;
	color:#B11D09!important;
	}
.homepage-panel.blue h2{	
	}
	
div.contentCentre div.right.two-thirds,
div.contentCentre.three-quarters,
div.contentCentre.right.two-thirds,
div#wrapper-homepage-content{
	width:90%!important;
	float:none!important;
	margin:0 auto;
	overflow:hidden;
	}

div#homepage-sidebar-holder.left.third,
div#content-sidebar-holder,
div.contentLeft.third.left,
div#content-right-holder{
	clear:both!important;
	float:none!important;
	width:90%!important;
	margin:15px auto!important;
	margin-top:1em;
	}	

div.contentCentre iframe,
div.contentCentre div#map_canvas{
	max-width:90%;
	height:300px;
	margin:10px 5%;
	}
	

div.contentCentre h1,
div.contentCentre h2,
div.contentCentre h3,
div.contentCentre p {
    text-align: left!important;
}

div.contentCentre h1 {
    font-size: 3.2em;
}

div.content p {
    font-size: 1.6em;
}
div.content ul,div.content ol{
    font-size: 1.6em;
	}
div.contentCentre h2,div.contentCentre h2 {
    font-size: 2.8em;
}

/*Images*/
div.contentCentre img {
    max-width: 95%;
    height: auto;
	float: none !important;
	margin-right: 100% !important;
}


/*Contact Form*/
/*Remove default Iphone Styles FOr Inputs*/
textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
form#contact-form,
fomr#newsletterSignUpForm{
	margin-bottom:2em;
	width:95%;
	}
div.form-holder,
form#contact-form p.field.third.left,
form#contact-form p.field.third,
form#newsletterSignUpForm p.field.third.left,
form#newsletterSignUpForm p.field.third{
	clear:both!important;
	width:95%;
	margin:0 auto;
	text-align:left!important;
	}
form#contact-form p.field.two-thirds.left,
form#newsletterSignUpForm p.field.two-thirds.left{
	clear:both!important;
	width:95%;
	margin:0 auto;
	}
form#contact-form p.field.two-thirds.left input,
form#newsletterSignUpForm p.field.two-thirds.left input{
	width:95%!important;
1	max-width:310px!important;
	}
form#contact-form p.field.two-thirds input,
form#newsletterSignUpForm p.field.two-thirds input{
	width:100%!important;
1	min-width:265px!important;
1	max-width:310px!important;
	}
form#contact-form p.field.two-thirds textarea,
form#newsletterSignUpForm p.field.two-thirds input{
	width:95%!important;
1	min-width:265px!important;
1	max-width:310px!important;
	}
form#contact-form p.field.two-thirds.left input.submit-button,
form#newsletterSignUpForm p.field.two-thirds input.submit-button{
	padding:10px;
1	max-width:310px!important;
	background:#7E0118;
	float:left;
	width:97%!important;
	}
form#contact-form p.field.two-thirds.left input.submit-button:hover,
form#newsletterSignUpForm p.field.two-thirds.left input.submit-button:hover{
	background:#A54E5E ;
	z-index:9999;
	}
form#contact-form p.field.checkbox{
	width:100%!important;
	border:none!important;
	box-shadow:none!important;
	}		
form#contact-form p.field.checkbox input[type=checkbox]{
	width: 20px;
	height: 20px;
	top: 0px;
	border-radius: 4px;
	box-shadow: 0px 1px 1px #FFF inset, 0px 1px 3px rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(center top , #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%) repeat scroll 0% 0% transparent;
	float:left;
	}		
div#footer{
	width:93%!important;
	margin:0 auto;
	}

div#footer div.half{
	width:100%!important;
	margin:0 auto!important;
	}

div#footer h2, div.faqs-item a#back-link {
    font-size: 3em;
}

div#footer p,div#footer h3 {
    font-size: 2em;
}

div#termsFooter a{
	display:block;
	float:none!important;
	margin-bottom:2em;
	}
	
div#services-sidepanel a, div#providers-sidepanel a,div.nav-side a, div.nav-side a.province-link, div.nav-side p.province-link  {
    font-size: 2.5em;
    padding: 25px 25px;
}

div#testimonial-slideshow .has-slider-content a.closed,div#testimonial-slideshow .has-slider-content a.open {
    font-size: 2.8em;
}	

div#footer div.panel{
	clear:both!important;
	float:none!important;
	width:90%!important;
	margin:0 auto!important;
	border-right: none;
	border-bottom: 1px solid #AA7350;
	padding-bottom:2em;
	}