/* MOBILE MEDIA QUERIES 1024 */

html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}


@media screen and (max-width: 1024px) {
#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:1000px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:1020px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 15%;
	float: left;
}
#strap {
	position: relative;
	width: 51%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 30%;
	float: left;
}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 1020px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 1024px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 98%;
}
#main {
	padding:1%; 
	position: relative;
	width: 58%;  
	float: left;
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
	margin-left: 1%; 
	float: left;
	width: 35%;    
	height: 300px;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 31%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#box2 {
	position: relative;
	width: 31%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#box3 {
	position: relative;
	width: 31%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#section-bottom {
    width:96%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 1020px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 18%;
	padding:1%;
	float: left;
}

#breadcrumb {
   position: relative;
   width: 78%;
   float: left;
   padding:1%;
}

.sections {
   position: relative;
   width: 30%;
   padding: 1%;
   float: left;
   
}

img {
	max-width:100%; 
	height: auto !important;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android landscape */

@media screen and (max-width: 966px) {

#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:1000px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:966px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 15%;
	float: left;
}
#strap {
	position: relative;
	width: 51%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 30%;
	float: left;
}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 98%;
}
#main {
	padding:1%; 
	position: relative;
	width: 58%;  
	float: left;
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
	margin-left: 1%; 
	float: left;
	width: 35%;    
	height: 300px;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 31%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#box2 {
	position: relative;
	width: 31%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#box3 {
	position: relative;
	width: 31%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#section-bottom {
    width:96%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 966px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 18%;
	padding:1%;
	float: left;
}

#breadcrumb {
   position: relative;
   width: 78%;
   float: left;
   padding:1%;
}

.sections {
   position: relative;
   width: 30%;
   padding: 1%;
   float: left;
   
}


}


/* MOBILE MEDIA QUERIES iPad portrait */

@media screen and (max-width: 768px) {

#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:1000px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:966px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 15%;
	float: left;
}
#strap {
	position: relative;
	width: 51%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 30%;
	float: left;
}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 98%;
}
#main {
	padding:1%; 
	position: relative;
	width: 58%;  
	float: left;
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
	margin-left: 1%; 
	float: left;
	width: 35%;    
	height: 300px;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 31%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#box2 {
	position: relative;
	width: 31%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#box3 {
	position: relative;
	width: 31%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
}
#section-bottom {
    width:96%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 966px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 18%;
	padding:1%;
	float: left;
}

#breadcrumb {
   position: relative;
   width: 78%;
   float: left;
   padding:1%;
}

.sections {
   position: relative;
   width: 30%;
   padding: 1%;
   float: left;
   
}
.indent-text {
	text-indent: 0px;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android portrait / Galaxy Tab */

@media screen and (max-width: 604px) {

#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:700px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:966px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 98%;
	text-align:center;
}
#strap {
	position: relative;
	width: 98%;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 100%;
	padding-bottom:20px;

}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 97%;
}
#main {
	padding:1%; 
	position: relative;
	width: 95%;  
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%; 
	margin-top: 10px;  
	float: left;
	width: 95%;    
	height: 300px;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 30%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box2 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box3 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}

#section-bottom {
    width:96%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 966px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 98%;
	padding:1%;
	text-align:center;

}

#breadcrumb {
   position: relative;
   width: 98%;
   padding:1%;
}

.horiz ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
	padding-top:1px;
}
.horiz li {
	display:inline;
	margin:0px;
}
.horiz li a:link, .horiz li a:visited {
    padding: 3px 3px 3px 3px;  
    color: #FFFFFF; 
    text-decoration: none;  
    font-family: 'Abel', sans-serif; 
    font-size: small; 
    text-align:center;         
	

}
.horiz li a:hover {
    color: #FFFFFF; 
    text-decoration: underline;         

}

.sections {
   position: relative;
   width: 30%;
   padding: 1%;
   float: left;
   
}
.indent-text {
	text-indent: 0px;
}


}


/* MOBILE MEDIA QUERIES Mobile iPhone 6plus */

@media screen and (max-width: 414px) {

#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:800px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:966px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 98%;
	text-align:center;
}
#strap {
	position: relative;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 100%;
	padding-bottom:20px;

}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 95%;
}
#main {
	padding:1%; 
	position: relative;
	width: 95%;  
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%;
	margin-top: 10px;
	width: 92%;
	height: 300px;
	background-color: #FFFFFF;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 30%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box2 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box3 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}

#section-bottom {
    width:95%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 966px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 98%;
	padding:1%;
	text-align:center;

}

#breadcrumb {
   position: relative;
   width: 100%;
   padding:1%;
}

.sections {
   position: relative;
   width: 30%;
   padding: 1%;
   float: left;
   
}

.indent-text {
	text-indent: 0px;
}

}



/* MOBILE MEDIA QUERIES Mobile iPhone 6 */

@media screen and (max-width: 375px) {

#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:750px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:966px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 98%;
	text-align:center;
}
#strap {
	position: relative;
	width: 94%;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 98%;
	padding-bottom:20px;

}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:1%;
	padding-right:1%;
	width:100%;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 95%;
}
#main {
	padding:1%; 
	position: relative;
	width: 94%;  
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%;
	margin-top: 10px;
	width: 92%;
	height: 300px;
	background-color: #FFFFFF;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 30%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box2 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box3 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}

#section-bottom {
    width:94%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 966px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 98%;
	padding:1%;
	text-align:center;

}

#breadcrumb {
   position: relative;
   width: 100%;
   padding:1%;
}

.sections {
   position: relative;
   width: 98%;
   padding: 1%;
   text-align:center;
   
}
.indent-text {
	text-indent: 0px;
}


}



/* MOBILE MEDIA QUERIES Mobile Anroid */

@media screen and (max-width: 360px) {

#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:700px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:966px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 98%;
	text-align:center;
}
#strap {
	position: relative;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 96%;
	padding-bottom:20px;
	padding-right:1%;
	padding-left:1%;

}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:1%;
	padding-right:1%;
	width:100%;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 95%;
}
#main {
	padding:1%; 
	position: relative;
	width: 94%;  
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%;
	margin-top: 10px;
	width: 92%;
	height: 300px;
	background-color: #FFFFFF;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 30%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box2 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box3 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}

#section-bottom {
    width:95%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 966px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 98%;
	padding:1%;
	text-align:center;

}

#breadcrumb {
   position: relative;
   width: 100%;
   padding:1%;
}

.sections {
   position: relative;
   width: 98%;
   padding: 1%;
   text-align:center;
   
}
.indent-text {
	text-indent: 0px;
}


}


/* MOBILE MEDIA QUERIES Mobile Lumia */

@media screen and (max-width: 320px) {

#intro {
	position: relative;
	width: 100%; 
    background: url(../images/shapa-head.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:700px;

}
#introbox {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF; /* background of container */;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#topwrap {
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}
#logowrapper {
	position: relative;
	width: 96%;
	max-width:966px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	padding-left:1%;
	padding-right:1%;
}
#logo {
	position: relative;
	width: 98%;
	text-align:center;
}
#strap {
	position: relative;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center;
	padding-top:10px;
}
#search1 {
	position: relative;
	width: 96%;
	padding-bottom:20px;
	padding-right:1%;
	padding-left:1%;

}
#contact-details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	margin-top: 10px;
	background-color: #002F50;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:1%;
	padding-right:1%;
	width:100%;
}
#menu {
	position: relative;
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}



#newmenu {
	position: relative;
	width: 100%;
	background-color: #097FC4;
}


/* finish new header styles here */



#wrapper {
	width: 100%;
	max-width: 966px;
	margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top:20px;
}

#slider {
	position: relative;
	width: 94%;
}
#main {
	padding:1%; 
	position: relative;
	width: 95%;  
	margin-top: 1%; 
}
#news {
	overflow: auto;
	position: relative;
	padding: 1%;
	margin-top: 10px;
	width: 92%;
	height: 300px;
	background-color: #FFFFFF;
}
.clear {
	position: relative;
	clear: both;
}
#box1 {
	position: relative;
	width: 30%; 
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box2 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}
#box3 {
	position: relative;
	width: 30%;  
	padding-top: 10px; 
	padding-right: 1%; 
	padding-bottom: 10px; 
	margin-left: 1%; 
	float: left;
	margin-top:20px;
}

#section-bottom {
    width:95%; 
	position: relative;
	padding: 1%; 
	margin-top: 10px; 
}


#footerwarapper {
	position: relative;
	width: 100%;
	background-color: #003358;
}

#footerinnerwrap {
	 position: relative;
	 width:98%;
	 max-width: 966px;
	 margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-contact {
	position: relative;
	width: 98%;
	padding:1%;
	text-align:center;

}

#breadcrumb {
   position: relative;
   width: 98%;
   padding:1%;
}

.sections {
   position: relative;
   width: 98%;
   padding: 1%;
   text-align:center;
   
}
.indent-text {
	text-indent: 0px;
}
}