/* 

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:#000;
		padding:0;
		border-top:1px solid #E84A1C;
	}
/*LOGO*/
div#logo, div#logo a {
	display:none;
}
div#logo-mobile{
	display: block;
	width: 45%;
	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:#E84A1C;
    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: #000;
	box-shadow: 1px 1px 1px 1px #CCC;
	}	
#nav li{
	display:block;
	float:none!important;
	}
#nav a {
	display:block;
	float:none!important;
	width:200px;
	border-top: 1px solid #E84A1C;
	color: #FFF;
	text-decoration: none;
	line-height: 2;
	font-size: 2.2em;
	text-align:left;
	padding: 10px 20px;
}
#nav a:hover,
#nav a.on {
	background:#E84A1C;
	color: #000;
	padding: 10px 20px;
	border:0;
	border-top: 1px solid #000;
}
/*BANNER*/
div#banner-mobile.homepage{
	display:block;
	}
#banner-mobile img{
	width:100%!important;
	height:auto!important;
	}		
#banner-mobile ol#controls,
#banner-mobile div.banner-text{
	display:none;
	}	
/*MAIN CONTENT*/
#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: 95%;
    margin-left:2.5%;
    margin-bottom:1em;
	float:left;
}
div.gallery-thumb{
    width: 90%;
	clear:both;
	height:auto;
	}
div.gallery-thumb.last{
	float:left;
	}	
div.gallery-homepage-thumbnail,div.gallery-thumb{
	float:none!important;
	margin:0!important;
	margin:0px auto!important;
	margin-bottom:2em!important;
	}
div.homepagePanelImage img{
    width: 100%!important;
	height:auto!important;
}
.homepage-panel h2,.homepage-panel.blue h2,.homepage-panel.last h2{
	}
.homepage-panel.blue h2{	
	}
div#layout-content-homepage ,
div.homepage-content-with-bg{
    background-size: auto 100%;
}	
div.contentCentre.left.two-thirds,
div.contentCentre div.right.two-thirds,
div.contentCentre.three-quarters,
div.contentCentre.right.two-thirds{
	width:90%!important;
	float:none!important;
	margin:0 auto;
	}

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:0 auto!important;
	margin-top:1em;
	}	

div.contentCentre iframe,
div.contentCentre div#map_canvas{
	max-width:85%;
	height:300px;
	margin:0 auto;
	}


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

div.content ul,div.content ol {
    font-size: 1.2em;
}

div.contentCentre h2,div.contentCentre h2 {
    font-size: 2.8em;
}

/*Images*/
div.contentCentre img {
    max-width: 95%;
    height: auto;
}


/*Contact Form*/
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:#E74E08;
	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:#CB3200;
	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;
	}
	
	
/*mobile button*/
div#mobile-switcher-show-mobile,
div#mobile-switcher-show-desktop
{
	clear:both;
	text-align:center;
	padding-top:20px;
} 
div#mobile-switcher-show-mobile 
{
	display: none !important;
}

div#mobile-switcher-show-desktop
{
	display: block !important;
}		
/*Blog*/		
div.blog-sidebar-right{
	display:none;
	}
div.contentCentre.right.two-thirds,
div#homepage-about-jennifer,
div#homepage-latest-blog{
	float:none;
	width:98%!important;
	margin:0 auto;
	}
div.has-slider-content-blog{
	background:#000;
	box-shadow: 0px 0px 3px #595447;
	padding:2em 0;
	margin-bottom:20px;
	display:block;
	}	
div.has-slider-content-blog a.menu-closed{
	text-decoration:none;
	font-size:2em;
	display:block;
	width:100%;
	background:url(/mainpics/buttons/arrow-down.png) no-repeat right 20px center;
	}	
div.has-slider-content-blog a.menu-closed,
div.has-slider-content-blog a.menu-open{
	padding-left:8px;
	width:100%;
	color:#FFF;
1	font-family: "Pluto-Regular",Arial;
	}	
div.slider-content.blog.menu.hide{
	position:absolute;
	left:1px;
	top:60px;
	z-index:9999;
	width:98%;
	background: #FFF;
1	box-shadow: 0px 0px 3px #595447;
	}
div#blog-menu-mobile{
	text-align:left;
	padding:10px;
	background:#000;
	}
div.blog-panel div.recent-posts-item a,
div.blog-panel div.recent-posts-item p {
    font-size: 1em!important;
}	
div.blog-panel div.recent-posts-item p.text-snippet,
div.blog-panel div.recent-posts-item p.date{
	display:none!important;
	}
div.blog-panel a h3 {
    font-size: 1.8em !important;
}	
div.blog-panel{
	background:none!important;
	box-shadow:none!important;
	}
div.content.blog div.left.third,
a#button-back-link{
	display:none;
	}	
div.content.blog div.right.two-thirds{
	width:95%!important;
	margin:0 auto!important;
	float:none!important;
	}	
div.blog-item.blog-content img{
	margin: 8px;
	}	
div.footer-panel {
    margin-right: 0px;
    margin-bottom: 20px;
	float:none;
	width:100%;
}
div#layout-content-homepage h1, div#layout-content-homepage p {
    width: 95%;
}
div#layout-content-homepage {
    overflow:hidden;
	word-wrap:break-word;
}
div.category-homepage-panel,
div.category-homepage-panel.right {
    width: 90%;
	float:none!important;
	margin-right:0px;
    margin:20px auto;
}