@charset "utf-8";
/* CSS Document */
/* Font Import */
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Oswald);


/************************************************************************************
resets
************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
}

/*default font sizes
body {
  font-size: 16px;
}*/

/* .small {
  font-size: 12px; 75% of the baseline 
}*/

/*.large {
  font-size: 20px;  125% of the baseline 
}*/


body {	
	font:100% Verdana, Arial, sans-serif;
	color: #524A45;
	margin: 0;
	padding: 0;
	height: 100%;



}

html {
	-webkit-text-size-adjust: none;
		height: 100%;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	font:sans-serif;
	line-height: 1.4em;


}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

p {
	margin: 0 0 1.2em;
	line-height: 1.5em;
	padding: 0;
	font-size: 1em;/*10px*/	
}

a {
	color: #2163AD;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #2A6B6C;
}




/************************************************************************************
Page wrap
*************************************************************************************/
#pagewrap {

	margin: 0 auto;

	background-image:url(../images/header_image.jpg), url(../images/footer_image.jpg);
	background-position: top,bottom;
	background-repeat: no-repeat,no-repeat;
	 background-size: 100%, 100%;
	 background-color:#FFF;
/*	min-height:2500px;*/


}
#page {
	width:90%;
	margin: 0 auto;
	margin-bottom:1%;


}

/************************************************************************************
HEADER
*************************************************************************************/
#banner{

 }
#banner img{width:100%;
		text-decoration: none;
			}

/************************************************************************************
mainContent Area*/

#mainContent{
	

	}		


/************************************************************************************
footer*/

#footer{
	

	}
	
#footer .inner{
			padding: 10px 20px;}
#footer a{
			color:#fff;}			
/*************************************************************************************/

#pagewrap,  #banner , #mainContent, #footer{padding:1em;}

/************************************************************************************
Menu
************************************************************************************/

#menu{	width:100%;
	margin: 0 auto;
	}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}

#menu li {
    float: left;

}

#menu li a {
    display: block;
    color: #fff;
    text-align: center;
    padding:.9em 1.8em ;
	margin-right:.125em;

    text-decoration: none;
}


#menu li a:hover {
    background-color: #0955a0;
	    border-radius: .31em;
}

.active {
    background-color: #0955a0;
    color: white;
	  border-radius: .31em;
}

/************************************************************************************
grids*/
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
/*.line{padding-bottom:15px;}*/
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size5{width:5%;}
.size10{width:10%;}
.size14{width:14%;}
.size15{width:15%;}
.size15-5{width:15.5%;}
.size16{width:16%;}
.size16-5{width:16.5%;}
.size17{width:17%;}
.size18{width:18%;}
.size20{width:20%;}
.size25{width:25%;}
.size27{width:27%;}
.size30{width:30%;}
.size33{width:33%;}
.size35{width:35%;}
.size40{width:40%;}
.size45{width:45%;}
.size50{width:50%;}
.size55{width:55%;}
.size60{width:60%;}
.size65{width:65%;}
.size70{width:70%;}
.size75{width:75%;}
.size80{width:80%;}
.size85{width:85%;}
.size90{width:90%;}
.size95{width:95%;}
.lastUnit {
		float:none;
		_position:relative;	
		_left:-3px;
		_margin-right: -3px;
		width:auto;
}/* extending grids to allow a unit that takes the width of its content */


/************************************************************************************
general items*/

.inner{padding: 1em 1em;}
.marginAuto{	margin: 0 auto;}
.hidden{ visibility: hidden;}

/*fonts*/
.kite{font-family: 'Kite One', sans-serif;}
.tangerine{font-family:'Tangerine', cursive;}
.oswald{font-family: 'Oswald', sans-serif;}
.dancing{font-family: 'Dancing Script', cursive;}

/*font colours*/
.darkBlue{color: #0374BE;}
.white{ color:#FFF;}
.turBlue{ color:#1e70bf;}

/*font size*/
.f75{	font-size: .75em;/*10px*/}
.f6{font-size:6em;}
.f2{	font-size:2em;}
.f1-5{font-size:1.5em;}
.f1{font-size:1em;}

/*font Weight*/
.bold{font-weight:bold;}

/*letter spacing*/
.lsp87{letter-spacing: .087em;}
.lsp125{	letter-spacing: .0125em;}

/*background colours*/
.bBlue{background:#cceafe;}
.bBrightGreen{background-color:#0F0;}
.bRed{background-color:#F00;}
.bRoyalBlue{background-color:#00F;}

/*Padding*/
.pt2{padding-top:2%;}
.pt5{padding-top:5%;}
.pt10{padding-top:100px;}
.pl1{padding-left:1%;}
.pl2{padding-left:2%;}
.pr1{padding-right:1%;}
.pb2{padding-bottom:2%;}

/*Other*/
.right{text-align:right;}
.centre{text-align:center;}

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{
margin-left:5%;
font-size:1em;
margin-bottom:.8em;
}



/* ====== Pebbles Specific======*/
/************************************************************************************
Generic slideshow
************************************************************************************/
.slideshow{
	margin: 0 auto;
background-color:#fff;
/*margin-top:2%;*/
margin-bottom:2%;
text-align:center;
  -moz-box-shadow:    0px 5px 13px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 13px rgba(0,0,0,0.5);
  box-shadow:         0px 5px 13px rgba(0,0,0,0.5);}
  
.slideshow img{width:98%;
/*padding:1%;*/
}

/************************************************************************************
Find Facebook
************************************************************************************/
.facebookFind{width:98%;
	margin: 0 auto;
background-color:#fff;
/*margin-top:2%;*/
margin-bottom:2%;
text-align:center;
  -moz-box-shadow:    0px 5px 13px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 13px rgba(0,0,0,0.5);
  box-shadow:         0px 5px 13px rgba(0,0,0,0.5);}

.facebookFind img{width:98%;
padding:1%;}

/************************************************************************************
dark border
************************************************************************************/
.boxborder{width:96%;
	margin: 0 auto;
background-color:#fff;
/*margin-top:2%;*/
margin-bottom:2%;
text-align:center;}


.boxborder img{border:#575757 medium solid;

}


/************************************************************************************
box
************************************************************************************/
.box{width:96%;
	margin: 0 auto;
background-color:#fff;
/*margin-top:2%;*/
margin-bottom:2%;
text-align:center;
  -moz-box-shadow:    0px 5px 13px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 13px rgba(0,0,0,0.5);
  box-shadow:         0px 5px 13px rgba(0,0,0,0.5);}

.box img{border:#575757 medium solid;

}
/************************************************************************************
Small box
************************************************************************************/
.smallbox{width:50%;


/*margin-top:2%;*/
margin-bottom:2%;

}

.smallbox img{border:#FFF medium solid;
width:98%;
}

/************************************************************************************
Small box
************************************************************************************/
.smallboxMiddle{width:50%;
	margin: 0 auto;


margin-bottom:2%;

}

.smallboxMiddle img{border:#FFF medium solid;
width:98%;
}
/************************************************************************************
Small box
************************************************************************************/
.smallboxRight{width:50%;

/*margin-top:2%;*/
margin-bottom:2%;
text-align:right;
margin-left:48%;

}

.smallboxRight img{border:#FFF medium solid;
width:98%;
}

/*ie Warning message */
#ie-message {
background: #0374bd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aad6f3', endColorstr='#579fcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#aad6f3), to(#579fcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #aad6f3,  #579fcf); /* for firefox 3.6+ */
text-align:center;
border-bottom:1px solid #900;
color: #fff;
height:20px;
font-size:12px;


}
#ie-message a {
color: #fff;
}
/************************************************************************************
/*Media Queries*/ 
/*************************************************************************************/
@media only screen and (max-width :480px){ 


/*default font sizes*/
body {
  font-size: 4.5px;
}
	
}
@media only screen and (min-width: 481px)  and (max-width : 699px){
/*default font sizes*/
body {
  font-size: 8px;
}	
	}
@media only screen and (min-width: 700px)  and (max-width : 799px){
/*default font sizes*/
body {
  font-size: 8.5px;
}	
	}
@media only screen and (min-width: 800px)  and (max-width : 1024px){
/*default font sizes*/
body {
  font-size: 12px;
}	
	}
	
}