/* Design B - Denise Carr IFA WebPro */

body {
	margin: 0 ;
}

a {
	color:#332f86;
	text-decoration:none;
	}

a:hover {color:#078abc;
	}

a:focus { 
	outline: none
	}


body {
	font-family: Arial, Helvetica sans-serif ;
	font-size: 75% ;
	}
	
body {
	/*background: #394fa2 url(../images/background-fade.jpg) repeat-x 0 0 ;*/

background-image: url('../images/swim-background.jpg');
    background-repeat: repeat;
    border-top: 3px solid #00415f;
	}

p, ol ,dl, blockquote, h1, h2, h3, h4, h5, h6, hr, ul {
	line-height: 1.5em ;
	margin-top: 0 ;
	margin-bottom: 1em ;
	color: #000000;
	
	}

p {font-size:1.3em;}

td, tr {font-size:1.2em; }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}          
	

span {color:#078abc;}	
.blue {color:#332f86;}
ul{
	margin-top: 0 ;
}
ol {
	list-style-position: inside;
}

li {
	line-height: 1.5em ;
}

h1 {
    color:  #00415f;
	font-size: 1.9em ;
	margin-bottom: 5px ; 
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
	font-weight:normal;
	}

h2 {
    color:  #00415f;
	font-size: 1.6em ;
	margin-bottom: 5px ; 
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
    font-weight:normal;
	}

h3 {
     color:  #00415f;
	 font-size: 1.3em ;
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
	font-weight:normal;
	}

h4 {
     color:  #00415f;
	 font-size: 1em ;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight:normal;
	margin:0;
	padding:0;
	}
h3 a {font-size:1.3em; text-decoration:none;}
hr {
	border-style: none ;
	border-top: 1px solid #00415f;
	height: 0px ;
	margin: 0 0 5px 0 ;
	padding: 0 ;
	}


img {
	border: 0;
	}

form {
	margin: 0;
	padding: 0;
	}

input, select, textarea , button {
	font: 1em Arial, Helvetica, sans-serif;
	}

.form-format {
    display: block;
    width: 100%;
    height: 43px;
    padding: 10px 18px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input {
 padding:10px;
 width:100%;

}


select, textarea {
    border-radius: 0px;
    border-color: rgb(169, 169, 169);
    padding:10px;
	width:100%;
}


#wrapper {
clear:both;
position:relative;
    width:100%;
	max-width: 958px ; 
	padding: 0; 
	margin: 0 auto 0px auto;
	text-align: left ;
	background-color: #FFFFFF;
  
   
}

#header-wrapper {
    position:relative;
	clear:both;
	max-width:1040px;
	margin:0 auto 20px auto;
border-left: 2px solid #00415f;
border-right: 2px solid #00415f;	
border-bottom: 2px solid #00415f;	
background: #ffffff;
}



div#top_images {
	width:100%;
	max-width:958px;
	margin:0;
	padding:0;
	position: relative;
	background-color: #FFFFFF;
	/*height: 250px;*/
	height:auto;
	overflow:hidden;
 box-sizing: border-box;
 -moz-box-sizing: border-box;

  }


#right-area {
/*position:relative;
float:right;*/
position:absolute;
right:0;
top:0;
width:300px;
max-width:100%;
height:auto;
padding:0 0 0 30px;
overflow:hidden;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
margin:30px 0 0 0;

}

#logo {
float:left;
width:465px;
height:154px;
padding:0;
margin:10px 0 10px 0;
background: url('../images/parlour-pool-logo.jpg') 0 0 no-repeat;
}


#swimming-image {
float:left;
padding:35px 10px 10px 40px;
}


 
#banner_page2 {
    position:relative;
	padding:0;
	margin: 0px 0px 0 0px; 
	width:100%;
	max-width: 958px;
	height: 255px;
	background: url('../images/banner2.jpg') no-repeat;
    border: 2px solid #99cb38;
}

.adverts {height:300px;}
.adverts p, .adverts h3, .adverts h4 {padding-left:5px;}
 .adverts h3 {padding-top:5px;}
.adverts p a {font-size:90%}
.adverts h3, .adverts h4 {color:#3d01a4;}
.adverts a {text-decoration:none}
.adverts a:hover {color:green}
.colour-1 {background-color: #8ab5e2;}
.colour-2 {background-color: #fec459;}
.colour-3 {background-color: #69c4a1;}
.colour-4 {background-color: #dc97d6;}
.colour-5 {background-color: #bbb7dc;}
.colour-6 {background-color: #bfe1c8;}
.colour-7 {background-color: #ede157;}
.colour-8 {background-color: #a4c5ce;}



/* *************************************************************Social Media ********************************************************************* */
p.strapline {
	float: left;
	margin: 10px 0px 0 0px ;
	color:#343273;
	font-size:26px;
	text-align:right;
}

p.strapline-1 {
	float: right;
	margin: 20px 0px 0 0px ;
	color:#0a5fa0;
	font-size:1.6em;
	text-align:right;
}

p.strapline-2 {
	float: right;
	margin: 0px 0px 0 0px ;
	color:#2d7fbe;
	font-size:1.2em;
	text-align:right;
}

p.smalltext {
	float: right;
	width: 250px;
	margin: 10px 0px 0 0px ;
	 color:#343273;
	font-size:16px;
	text-align:left;
}

a.email {
    float: right;
	margin: 0px 0px 0 0px ;
	color:#078abc;
	font-size:19px;
	text-align:left;
	text-decoration:none;
}

a.email:hover {
  text-decoration: underline;
   color:#343273;
}

/* ************************************************************************ End Social Media ******************************************************/

#side_image {
	position: relative;
	float: right;
	width: 320px;
	height: 331px;
	margin: 10px 14px 14px 14px;
	z-index: 100;
}


#content_main {
    width:100%;
	max-width:958px;
	position:relative;
	padding: 0 0 0px 0 ; 
	margin:0px 0 0 0;
	background: #ffffff;
}


#content {
		float: left;
		width:78%;
        margin: 20px 0px 0px 0px;
		text-align:left;
        color: #616161;
        z-index:20;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
		background:#ffffff;
}

#content-home {
		float: left;
		width:98%;
        margin: 0;
		text-align:left;
        color: #616161;
        z-index:20;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding:0 1% 0 1%;
		overflow:hidden;
		background:#ffffff;
}

#content-full-width {
		float: left;
		width:100%;
        margin: 0;
		text-align:left;
        color: #616161;
        z-index:20;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding:0;
}
#directory-current {
float:left;
padding: 0 1.5% 0 1.5%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#content_home {padding: 0;}

#content {padding:0 0 0 1%;}


#content ul {
	list-style-type: disc;
}

#content ul li span {
	text-align: left;
}

#content ul li {font-size:1.3em;}

/* Footer Navigation */
#footer-navigation {
clear:both;
position:relative;
width:100%;
height:30px;
margin:5px 0 10px 0;
}

table {border:1px solid #ccc;border-collapse:collapse;}
th {border:1px solid #ccc; background:#c0dfd5; font-weight:normal; text-align:left; padding:3px 0 3px 5px; }
td {border:1px solid #ccc; text-align:left; padding:3px 3px 3px 5px; }

#footer-nav {
    	float: left;
   	width:100%;
    /*	
	Top Nav rounded Border */
	border: 1px solid #343273;
    	border-top: 1px solid #343273;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
    	overflow: hidden;
}

#footer-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#footer-nav ul li {
	float:left;
}

#footer-nav ul li a {
   	float: left;
	color:#343273;
    	padding: 5px 10px 5px 10px;
	text-decoration:none;
    	background:#ffffff;
		font-size:1.2em;
		font-weight:normal;
		
}

#footer-nav ul li a:hover {color: #078abc;   }

/* End Footer */
.clear {
	clear: both ;
	height: 0 ;
	overflow: hidden ;
}


#top_nav {
  position: relative;
  /*margin:auto;*/
  margin:0 0 0 0px;
  padding-top:10px; 
  padding-top:5px;
 width: 875px;
  height: 37px;
  z-index: 500;
  color:#00000;
  z-index:500 !important;
}

#header_nav	{
        position:relative;
        max-width:958px;
		width:100%;
		height:50px;
		z-index:500 !important;
		color:#ffffff;
		color:#666666;
}

#alternative_menu
{
        width: 150px;
		position:relative;
		height:30px;
		background-color:#078abc;
		border:1px solid  #00415f;
		margin:10px 0 10px 10px;
        display:none;
		padding:0 0 0px 10px;
		font-weight:bold;
		color: #00415f;
}


#spacer {
position:relative;
margin:0 0 0px 0;
max-width:958px;
width:100%;
height:2px;
background:none;
}

#side {
    clear:both;
	float: right;	
	font-size: 1.0em ;
	margin: 20px 0px 20px 0;
	width:25%;
	max-width:200px;
  box-sizing: border-box;
        -moz-box-sizing: border-box;
}


.testcont{text-shadow:1px 1px white;background-color:#ffffff;
              padding:5px 5px 5px 5px;
padding:5px 5px 0px 5px;
			  border:2px solid #078abc;
-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
              margin:5px 0 5px 0;
			  font-family: Arial, Helvetica sans-serif ;
			  width:85%;
			  float:right;
 box-sizing: border-box;
        -moz-box-sizing: border-box;
			  }
.testcont-home {width:95% !important;} /* less gappy home page */			  

.testcont a{display:block; padding:3px 0;}

.testcont a:hover {color: #078abc;}

.testcont a, .testcont p {
  color:#444444;
  text-decoration:none;
  font-size:1.05em;
  }

.testcont p {margin-bottom:0;}

.arthead {
  padding:0 0 5px 0; 
  border-bottom:1px solid #ccc;
  margin:0 0 10px 0; 
  font-weight:bold; 
  font-size:1.8em;
  margin:0 0 10px 0;
  color:#313275;
  font-size:13px;
  
  }

.arthead a {
color:#313275;
font-size:1.0em;
font-weight:bold;
}

.arthead a:hover {color:#078abc;}

.non-phone {display:block;}
.phone-version {display:none;}

.desktop-version {display:block;}
.mobile-version {display:none;}



#footer_boxes {
position:relative;

}

#footer_box2 {
position:relative;
width:230px;
height:auto;
margin:10px 0 10px 0px !important;
padding:0 0 10px 0;
border: 1px solid #f92273;
border-top: 35px solid #f92273;
border: 1px solid #074d7e;
border-top: 45px solid #074d7e;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#footer_box1 {
position:relative;
width:230px;
height:auto;
margin:10px 0 10px 0px !important;
padding:0 0 10px 0;
border: 1px solid #797dbd;
border-top: 35px solid #797dbd;
border: 1px solid #074d7e;
border-top: 45px solid #074d7e;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


#footer_box3 {
position:relative;
width:230px;
height:auto;
margin:10px 0 10px 0px !important;
padding:0 0 10px 0;
border: 1px solid #074d7e;
border-top: 35px solid #797dbd;
border: 1px solid #074d7e;
border-top: 45px solid #074d7e;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#footer_box4 {
position:relative;
width:308px;
height:230px;
margin:0 0 0 0;
background: url('../images/footer-box-four.jpg') no-repeat;
}

#footer_box5 {
position:relative;
width:308px;
height:230px;
margin:0 0 0 0;
background: url('../images/footer-box-five.jpg') no-repeat;

}

#footer_box6 {
position:relative;
float:left;
width:308px;
height:230px;
margin: 0 0 0 0;
background: url('../images/footer-box-six.jpg') no-repeat;
}


#footer_box1 p, #footer_box2 p, #footer_box3 p,  #footer_box4 p, #footer_box5 p , #footer_box6 p  {
font-size:12px;
color:#2b3f7e;
padding:0px 10px 0 10px;
margin:16px 0 0 0;
line-height:16px;
box-sizing: border-box;

}

#footer_box1 h2, #footer_box2 h2, #footer_box3 h2, #footer_box4 h2, #footer_box5 h2, #footer_box6 h2  {
font: normal normal normal 18px/20px 'Podkova', Arial, sans-serif;
color:#ffffff;
width:200px;
margin:-30px 0 20px 0px;
padding:0px 0 0 40px;
line-height:17px;
text-shadow:none;
font-weight:normal;

}


#footer_box1 a, #footer_box2 a, #footer_box3 a, #footer_box4 a, #footer_box5 a, #footer_box6 a {
color:#efefef;
font-weight:normal;
}

 a.button {
		
	position:relative;
	width:170px;
	height:33px;
    color: white;
    font-weight: normal;
    font-size: 16px;
    line-height: 33px;
    padding: 0 0 0 10px;
	margin:0 0 0 30px;
}

 
#footer_box2 a:hover, #footer_box3 a:hover, #footer_box4 a:hover, #footer_box5 a:hover, #footer_box6 a:hover {color:#2d7fbe; font-weight:normal;}
#footer_box1 a:hover {color:#c2c2c2; font-weight:normal;}

	.button {
    display: inline-block;
    border-radius: 3px;
    color: white;
    font-size: 22px;
    text-decoration: none;
	
}

.button-colour-one {  background-color: #4d9b4f;                          }
.button-colour-two {  background-color: #b2906b;                          }
.button-colour-three {   background-color: #c6964c;                         }
.button-colour-four {   background-color: #f0b945;                         }
.button-colour-five {   background-color: #e68340;                        }
.button-colour-six {   background-color: #7ca85d;                         }

	.button a:hover {
      background-color: #ffffff;
    color: #5cb030;
   
}


/*style the main menu*/

.myMenu-mobile {display:none;}

.myMenu {
	margin:0;
	padding:0;
	float:left;
	margin:45px 0 0 45px;
	z-index:1500 !important;

}

.myMenu li, .myMenu-mobile li  {
	list-style:none;
	float:left;
	font-size:1em;
	font-weight:normal;
	z-index:1500 !important;
}


.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
/*    background-color:#ffffff; */
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin:0;
	color:#000000;

	 font-size:1.2em;
	z-index:500 !important;
}

.myMenu-mobile li a:link  {
	float:right;
	text-decoration:none;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin:0;
	color:#000000;

	 font-size:1.2em;
	z-index:500 !important;
}

.myMenu li a:hover, .myMenu-mobile li a:hover {
	color:#9499a9;
	z-index:1500 !important;
	
}




/* Responsive CSS */

/* Responsive CSS */
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPhone 6:
@media screen and (device-aspect-ratio: 667/375) {}

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}



@media (max-width: 1040px) 
{

}

@media (max-width: 950px)  
{


#header-wrapper {background: #394fa2 !important; z-index:100; padding:0;}

html {overflow-x: scroll;}

#content-home {margin:0 auto 0 auto !important; float:none; clear:both;}

/*#footer_boxes {display:none;}*/

p.strapline {
	float: right;
	margin: 20px 0px 0 0px ;
	color:#343273;
	font-size:18px;
	text-align:right;
}

p.smalltext {
	float: right;
	width: 250px;
	margin: 10px 0px 0 0px ;
	 color:#343273;
	font-size:12px;
	text-align:left;
}

a.email {
    float: right;
	margin: 0px 0px 0 0px ;
	color:#078abc;
	font-size:14px;
	text-align:left;
	text-decoration:none;
}

#wrapper_top {height:20px; background: #ffffff;}



#content-home .col-9-of-12 {width:100%;}
#content-home .col-3-of-12 {width:100%;}

#footer_boxes {margin-left:60px;}


#content, #content_home {
        margin: 5px 0 5px 0;
		width:65%;
}


.right-side {display:block; clear:both; position:relative; width:100% !important; padding-left:1%; margin-left:0 !important;}
.testcont {float:left; }

/* alternative menu */
#alternative_menu
        {
                display:block;
        }

#navigation, #side, #feedwind, #banner, #banner_shadow, right_area, .strapline
        {
                display:none;
        }

/* Header items */

#content, #content_home {
        float:left; 
		width:97%;
		margin: 5px 0 5px 0;
}



}

@media (max-width: 850px) 

 {

#logo {
float:left;
width:300px;
height:115px;
padding:0;
margin:10px 0 10px 0;
background: url('../images/parlour-logo-mobile.jpg') 0 0 no-repeat;
}

#swimming-image {
float:left;
padding:25px 0px 10px 20px;
max-width:100%;
}


 }

@media (max-width: 765px) 

 {

p.strapline-1, p.strapline-2 {display:none;}



.testcont {width:95%;}

}

@media (max-width: 564px) /* iphone  */
{

#right-area {
position:relative;
float:left;
display:block;
width:300px;
max-width:100%;
height:100px;
padding:0 0 0 0px;
margin:0;
overflow:hidden;
 box-sizing: border-box;
 -moz-box-sizing: border-box;


}

.testcont {width:95%;}

#swimming-image {
padding:15px 0px 10px 0px;
}

#footer_boxes {margin-left:0px;}
}

@media (max-width: 440px) 
{


@media (max-width: 375px) 
{






}



@media (max-width: 320px),  
{


}