/*
Theme Name: SP Davis Ltd (Sheffield)
Theme URI: http://underscores.me/
Author: Jez Thompson
Author URI: http://jezthompson.co.uk
Description: Starting theme..
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Find out more at Underscores.me.
*/

@import "css/reset.css";

html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}


body{
	margin: 0;
	padding: 0;
	overflow:hidden;
}

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:url("imgs/body-background.png") repeat; 

border-top: 5px solid #EFD800;

}
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body.single-bella-lapidi,
body.post-type-archive-bella-lapidi {
	background-color: #c8e4ea;
	background-image: none;
}

body			{color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

h2,.side-inner li a,ul.product-boxes li h3,.memorial-footer h3{font-family: 'Oswald', sans-serif;


}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

.site-footer p,.site-footer .site-detail h3,ul.product-boxes li p{
	font-size: 12px;
}

p,#site-navigation,p.header-tel,p.header-email,.header-middle .logo-block h3,.memorial-footer p{
	font-size: 13px;
}

.mem-col p a,
.site-footer h3,.site-detail h2,.side-inner li a,span.title-block,#tiles li p,.memorial-footer h3,.mem-col p,.search article a{font-size: 15px;}

header.content-title h2{
	font-size: 20px;
}

.mem-col p a,
p.header-tel,p.header-email,p.header-email a,.site-footer .site-detail h3,.menu-toggle.toggled-on,.side-inner li,.side-inner li.current-menu-item a,.mem-col p,.right-content p a,.search article a,
.search h2.left-bar span{color: #EFD800;}

.address-padding p{
	
}
	.address-block span.title-block{
		margin: 0;

width: 100%;

background-color: white;

display: block;

box-sizing: border-box;

padding: 13px;

text-decoration: none;

text-transform: uppercase;
		}
		
		.address-block.bella span.title-block {
			font-size: 17px;
background-color: transparent;
border-bottom: 2px white solid;

padding: 22px;
		}
		.address-block span.title-block.sub {
			font-size: 12px;
color: #406d77;
border: none;

text-transform: initial;
		}
		
		.address-block.bella {
				border-color: white;
		}
		
		.address-block.bella a {
			display: block;
			background-color: #c8e4ea;
			text-decoration: none;
		}
		
		
		.address-block.bella a:hover {
			background-color: #a8c6cd;
		}
		.address-block.bella .title-block {
			margin: 0;
			width: 100%;
			background-color: #c8e4ea;
		}


span.title-block,span.tel-block{
	color: #000;
}
.header-middle .logo-block.bramm h3{
	color: #910707;
}

.header-middle .logo-block.national h3{color: #000e63;}

.address-padding p{color: #e5e5e5;}

ul.product-boxes li,#tiles li p {color: #464646;}

#site-navigation a,ul.section-nav li a,.site-footer h3,.side-inner li a,.memorial-footer p,ul.single-nav a{color: #fff; }


.box-content h3{text-transform: uppercase;}

#site-navigation a,p.header-tel,p.header-email,ul.section-nav li a,.header-middle .logo-block h3,.address-block{
	font-weight: bold;
}
.site-detail h3,header.content-title h2{
	font-weight: normal;
}


p.header-tel,p.header-email{   font-style: italic;}

.box-content h3,.header-middle .logo-block h3,.site-footer .cols p{
	margin-bottom: 15px;
}

.right-content .box-content p{
	line-height: 15px;
}

.entry-content p,.right-content p{
line-height: 20px;
	margin-bottom: 20px;
}

.site-footer h3{margin-bottom: 30px;}

.site-detail h3,.box-content p{
	margin-bottom: 0;
}

header.content-title{
	background: url("imgs/header-bar.jpg") repeat-x;
	width: 100%;
	
}
.full-title header.content-title{
	margin: 30px 0;
}

header.content-title h2{background:url("imgs/body-background.png") repeat;padding-right: 20px;
display: inline-block;position: relative;
    top: -13px;
}

/* #Links
================================================== */
	a, a:visited {  text-decoration: underline; outline: 0; -moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }



#site-navigation a,p.header-email a,ul.section-nav li a,.side-inner li a,ul.single-nav a,ul.single-nav a:hover{
	text-decoration: none;
}

a:hover,p.header-email a:hover,.side-inner li a:hover{
	text-decoration: underline;
}


#site-navigation li.menu-item a:hover,
#site-navigation li.current-menu-item a{
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #303030;
border: 1px solid #070707;
}


.orange-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #faeebe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #faeebe;
	box-shadow:inset 0px 1px 0px 0px #faeebe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ffae00) );
	background:-moz-linear-gradient( center top, #ffcc00 5%, #ffae00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffae00');
	background-color:#ffcc00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d1965c;
	display:inline-block;
	color:#000;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
}.orange-button:hover {
	background: -moz-linear-gradient(center top, #ffae00 97.7%, #ffcc00 100%) #ffae00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.977, #ffae00), to(#ffcc00)) #ffae00;
	
	text-decoration: none;
	color: #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae00', endColorstr='#ffcc00');
}.orange-button:active {
	position:relative;
	top:1px;
}

/* =Menu
----------------------------------------------- */


#site-navigation {
	float: right;
	   width: 651px;
}


#site-navigation li{
	line-height: 38px;
	  margin-bottom: 18px;
	  margin-top: -7px;
}

#site-navigation  ul > li:after {
}
#site-navigation li a{
border-right: 1px solid #EFD800;
border

	/*background:url("imgs/nav-dash.png") no-repeat center right;*/

}

.navigation-main {
	/*clear: both;
	display: block;
	float: left;
	width: 100%;*/
}
.navigation-main ul {
	/*list-style: none;
	margin: 0;
	padding-left: 0;*/
}
.navigation-main li {
	float: left;
	position: relative;
}
.navigation-main a {
	display: block;
	text-decoration: none;
}
.navigation-main ul ul {
/*	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow:         0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;*/
}
.navigation-main ul ul ul {
	/*left: 100%;
	top: 0;*/
}
.navigation-main ul ul a {
/*	width: 200px;*/
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
	/*display: block;*/
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
}


ul#cols li{
	background-color: #fff;
	    border-radius: 2px;
	    color: #000000;
	    cursor: pointer;
	    float: left;
	    height: 336px;
	    margin: 10px;
	    padding: 4px;
	    text-align: center;
	    width: 210px;
	    position: relative;
}
ul#cols li img{
	max-width: 100%;
	  max-height: 100%;
	  display: block;
	  margin: auto auto;
}


ul#cols li.img-centre{
	position : relative;
	   float : left;
	    width: 210px;
	     height: 336px;
	 line-height: 336px;
	 	text-align: center;padding-bottom: 50px;
}


ul#cols li.img-centre::after {
	content: ".";
    visibility: hidden;
}

ul#cols li.img-centre img {
	vertical-align: middle;
	display: inline-block;
}

ul#cols li.img-centre p{
	line-height: 20px;
}

ul#cols li.img-centre img{
}

/*ul#test li.img-centre span {
    display: inline-block;
 
    width: 1px;
}*/


ul#cols li p{
bottom: 10px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    width: 190px;
}

/* =Content
----------------------------------------------- */

.content-area{
	
}


	.inner{
	max-width: 956px;
	margin: 0 auto;
}
.inner.left-bar{
	max-width: 930px;
}
.inner.cols{
	max-width: 958px;
}

.col{
	width: 230px;
	margin-right: 12px;
	float: left;
}

.col.last{
	margin-right: 0;
}

.col.left-bar{
	width: 202px;
}


.t-b-padding{
	padding: 30px 0;
}

		.inner.left-bar,.col.left-bar,.left-bar{
			border-left: 8px solid #EFD800;
			padding-left: 20px;
		}
		
	
			/* --- Sidebar -------------------------------------- */
		
/*		.outer {
		    height:200px;
		    position:relative;
		}
		.inside {
		   
		    background-color: rgba(0, 0, 0, 0.8); background-color: #000;
		   display: inline-block;
		     height: 200px;
		     padding: 20px 20px 20px 15%;
		     width: 270px;
		    -webkit-border-radius: 0px 10px 10px 0px;
		    border-radius: 0px 10px 10px 0px;
		    
		    
		    
		}*/
		
		.sidebar-inner{
			
		}

		
		.outer {
		 
		    position:relative;
		    width:956px;
		    margin-left:auto;
		    margin-right:auto;
		}
		
	/*	#additional-side {
			float: left;
		}*/
		
		.side-inner {
		  position: relative;
		    background:#000;
		padding: 20px 20px 50px;
		     width: 288px;
		   -webkit-border-radius: 0px 10px 10px 0px;
		   border-radius: 0px 10px 10px 0px;
		   float: left;
		    display:inline-block;
		    border-left: solid 1000px #000;
		     margin-left: -1000px;
		}
		.right-content {
	display: inline-block;
	    margin-left: 73px;
	    float: right;
	    width: 555px;
		}
		
		.right-content img{
		width: 100%;
		height: auto;
			}
		
	.side-inner li{
			list-style: square;line-height: 35px;	  letter-spacing: 0.06em;	
			
			
			}

	a.orange-button.side{
		bottom: 15px;
		  position: absolute;
		  right: -15px;
		  text-align: center;
	}


	/* --- Header -------------------------------------- */
	
	
		.site-header a.header-logo img{
			max-width: 100%;
			height: auto;
		}
		
	
		header.site-header{background:url("imgs/header-background.png") repeat; }
		
	/*	body.page-id-4 header.site-header,
		body.page-id-10 header.site-header{
			height: 445px;
		}
		*/
		header.site-header{height: 445px;}
		
		
		.header-block{
		background-color: #000000;
		    border-bottom: 1px solid #EFD800;
		    margin-top: 70px;
		}
		
		header.site-header .header-detail{
		
		 top: -45px;
		 width: 100%;
		 z-index: 1;
		}
		
		#site-navigation li.menu-item a{
			border: 1px solid transparent;
			   line-height: 14px;
			   padding: 8px 15px;
			   text-align: center;
		}
		
		
		.header-middle{
			margin-bottom: 30px;
			    margin-top: 30px;
		}
		
		
		.header-middle .left{
			float: left;
		}
		
		.header-middle .right{
			float: right;
		}
		.header-middle .logo-block{
		background-color: #E5E5E5;
		height: 50px;
		margin-bottom: 10px;
		padding: 10px 20px;
		width: 390px;
		}
		.header-middle .logo-block h3{
			margin-bottom: 0;
			   margin-top: 7px;
		}
			.header-middle .logo-block.bramm img{
				 margin-top: 5px;
			}
			
			.header-middle .logo-block.bramm h3{
				
			}
			.header-middle .logo-block.national h3{
				
			}
		.header-middle .logo-block.national img{
			margin-left: 34px;
			    margin-right: 55px;
		}
		
		.header-middle .logo-block img{
			float: left; margin-right: 20px;
		}
		
		
		.address-block{
			border: 1px solid #e5e5e5;
			width: 240px;
			margin-right: 10px;
			float: left;
		}
		.address-block.last{
			margin-right: 0;
		}
		
		.address-block .address-padding{
		margin: 0 0 10px;
		   padding-left: 35px;
		}
		
		.address-block span.title-block{
		background-color: #E5E5E5;
		    display: inline-block;
		    margin: 7px 0;
		    padding: 3px 10px;
		    text-align: center;
		}
		
		
		span.tel-block{
background-color: #E5E5E5;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 15px;
  width: 210px;		}
		
		
		span.tel-block img{
			margin: -5px 5px 0 0;
		}
		
		.header-lower,.header-middle{
			width: 100%; float: left;
		}
		
		.header-lower{
			margin-top: 20px;
		}
		
		body.page-id-4 .header-lower,
		body.page-id-10 .header-lower{
			margin-top: 0px;
		}
		
		
		.header-lower img.strap{
			margin-left: 100px;
		}
		
		.header-lower li{
			float: left;
		}
		
		
		.header-search{
		margin-right: 30px;
		   width: 200px;
		}
		.header-search input#s{-moz-box-sizing: border-box;
		    background: none repeat scroll 0 0 #303030;
		    border: 1px solid #000;
		    -webkit-border-radius: 4px;
		        width: 95%;
		        border-radius: 4px;
		    color: #fff;
		     margin-top: 0;
		         padding: 4%;
		    transition: all 0.25s ease-in-out 0s;
		    margin-bottom: 25px;
		    }
		
		.header-search input#s:focus{
			border-color: #EFD800;
		  outline: medium none;
		  color: #EFD800;
		}
		.header-search .searchsubmit{
position: absolute;
    right: 50px;
    top: 9px;
    z-index: 1;
		}
		
	
			
		.slideshow{
			background-color: #fff;
			padding: 30px 0;
		}
		
		ul.home-slides{
			width: 855px;
			margin: 0 auto;
		}
		
		
		
		a.header-logo{
			float: left;
		}
		
		
		a.orange-button.header{
		margin-right: 20px;
		    text-align: center;
		}
		
		header.site-header p.header-email,header.site-header p.header-tel{
			float: left;
			
		}
		.site-footer p.header-email,.site-footer p.header-tel{
			background-image: none;
			 padding: 19px 0 0;
			 margin: 0;
		}
		
	/*	
		p.header-tel{
			background:url("imgs/tel-icon.png") no-repeat center left;
			padding-left: 35px;
			left: 0;
		}*/
		
		p.header-email{
					background: url("imgs/email-icon.png") no-repeat scroll left center transparent;
					    margin: 15px 0 0 130px;
					    padding-left: 35px;
				}
				
				
		ul.section-nav{
			background-color: #B7B7B7;
			-webkit-border-radius: 5px;
			 border-radius: 5px;
			max-width: 905px;
			   padding: 2%;
			   text-align: center;
			   width: 80%;margin: 20px auto 0;
			
		}
		
		ul.section-nav.inside{
		padding: 5% 2% 2%;
		   position: relative;
		}
		
		ul.section-nav.inner{
			
		}
		
		ul.section-nav li .cat-item.cat-item-9 a{ 
			display: none;
		}
		ul.section-nav li{
			
			   display: inline;
		}
		ul.section-nav li:last-child{
			
		}
		
		ul.section-nav  li.title{
		bottom: 0;
		  font-size: 20px;
		  font-weight: bold;
		  left: 0;
		  margin: 0;
		  position: absolute;
		  right: 0;
		  top: 13px;
		}
		ul.section-nav li a{
		-webkit-border-radius: 3px;
		 border-radius: 3px;
			background: none repeat scroll 0 0 #6c6c6c;
			   display: inline-block;
			   padding: 10px 15px;
		}
		
		
		ul.section-nav li.current-cat a,
	ul.section-nav li a:hover{
		background: none repeat scroll 0 0 #353535;
	}
			

/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles li {
width: 225px;
background-color: #ffffff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
padding: 4px;
text-align: center;
}

#tiles li img {
display: block;
}

/**
 * Grid item text
 */
#tiles li p {

margin: 10px 0;
}

	/* --- Home Slider -------------------------------------- */
	
	.home-slider  {
		
	}
	.home-slider li{
		
	}
	
	
	
	
	

	
	/* --- Home Content -------------------------------------- */
	

		.two-col p{
		margin-bottom: 15px;
		}
		

footer.site-footer{
	background: url("imgs/footer-background.png") repeat-x 0 top #1c1c1c; 
/*	height: 400px;*/
	padding: 40px 0;
}

.site-footer .inner.cols{
	padding-bottom: 40px;
}


.site-detail .inner .col{
	padding-top: 20px;
}

.site-detail{
	background-color: #000;
	padding: 10px 0;
}

.header-search.footer{
	margin-left: 0; width: 100%;
}

.header-search.footer .searchsubmit{
	right: 20px;
	  top: 33px;
	 
}


.site-footer

		/* --- Search Content -------------------------------------- */

.search article{
	border-bottom: 1px solid #EAEAE8;
	   margin: 10px 0;
	   padding: 0 0 20px;
	
}
		/* --- Memorial Content -------------------------------------- */


ul.product-boxes{
	
}

ul.product-boxes li{
background-color: #F4F4F4;
	border: 1px solid #1E1A1A;
	padding: 10px;
	-webkit-border-radius: 5px;
	    
	    border-radius: 5px;
	    margin-bottom: 20px;
}
ul.product-boxes li img{
border: 5px solid #FFFFFF;
   float: left;
   height: auto;
   margin-right: 20px;
   width: 15%;
}

ul.product-boxes li .box-content{
border-left: 1px solid #EFD800;
   float: left;
   padding: 10px 100px 10px 20px;
   width: 55%;
}

ul.product-boxes li a.orange-button.view{
	position: absolute;
	 right: 0;
	 top: 30%;
		 
	}


.inner.memorial-single{
	padding: 2em 0;
}

.memorial-single .left,.memorial-single .right{
	
}

.memorial-single .left{
float: left;
    margin-right: 5%;
    margin-top: -13px;
    padding: 0;
    width: 41%;
	
}

.memorial-single .left img{
	border: 10px solid #000000;
	   height: auto;
	   width: 95%;
}

.memorial-single .right{
float: left;
  width: 54%;
}


.memorial-single .right .inner{
	padding: 2em;background-color: #000;
}

.mem-col{
	background-color: #262626;
	    display: block;
	   margin-bottom: 1em;
	     
	    padding: 1em;
	    text-align: center;
	    border: 1px solid #EFD800;-webkit-border-radius: 3px;
	     border-radius: 3px;
}

.memorial-footer{
background-color: #000000;
   border-top: 1px solid #FFFFFF;
     border-bottom: 1px solid #FFFFFF;
   line-height: 2em;
 
   padding: 1em;
}

.memorial-footer small{
	line-height: 15px;
display: block;
}

.memorial-footer i{
	display: block;
line-height: 17px;
margin-top: 10px;
}

.description{ padding: 1em;
	border: 1px solid #8b8b8b;-webkit-border-radius: 3px;
		     border-radius: 3px;
}


ul.single-nav a{
		background-color: #262626;	    margin-top: 1em;padding: 1em;
		text-align: center;
display: block;
		border: 1px solid #464646;-webkit-border-radius: 3px;
		 border-radius: 3px;
}
ul.single-nav a:hover{
	background-color: #fff;
	color: #262626;
}

.site-content .page-navigation{
	float: left;
	    margin: 70px 0;
	    width: 100%;
}

.page-navigation ul{
	text-align: center;
}

.page-navigation li a,
.page-navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.page-navigation li {
	display: inline;
}

.page-navigation li a,
.page-navigation li.disabled {
background-color: #262626;
	border: 1px solid #464646;
	-webkit-border-radius: 3px;
	 border-radius: 3px;
	   display: inline-block;
	cursor: pointer;
	padding: 12px;

}

.page-navigation li a:hover,
.page-navigation li.active a {
	background-color: #EFD800;
}


/* =Forms
----------------------------------------------- */
 form.ninja-forms-form{
   margin: 0 auto;
      max-width: 95%;
      padding: 0 2%;
   }
   
 form.ninja-forms-form label{
float: left;

   width: 100%;
}

 form.ninja-forms-form .field-wrap{
	float: left;width: 100%;
}

 form.ninja-forms-form input,  form.ninja-forms-form textarea {
    -moz-box-sizing: border-box;
    -moz-transition: all 0.25s ease-in-out 0s;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    font-size: 23px;
    margin-bottom: 0.2em;
/*    padding: 0.5em 1em;
    font-family: 'Open Sans',sans-serif;*/
}
 form.ninja-forms-form textarea{
	height: 140px;
}

 #ninja_forms_form_1.ninja-forms-form input[type=submit] {
 margin-left: 0;
	-moz-box-shadow:inset 0px 1px 0px 0px #faeebe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #faeebe;
	box-shadow:inset 0px 1px 0px 0px #faeebe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ffae00) );
	background:-moz-linear-gradient( center top, #ffcc00 5%, #ffae00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffae00');
	background-color:#ffcc00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d1965c;
	display:inline-block;
	color:#000;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
}

 #ninja_forms_form_1.ninja-forms-form input[type=submit]:hover
{
	background: -moz-linear-gradient(center top, #ffae00 97.7%, #ffcc00 100%) #ffae00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.977, #ffae00), to(#ffcc00)) #ffae00;
	
	text-decoration: none;
	color: #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae00', endColorstr='#ffcc00');
}


/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




/*.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}*/


/* =Asides
----------------------------------------------- */
.hidden,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

/*.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets *!/
}*/
.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	/*max-width: 100%;
	width: auto;*/ /* Prevent stretching of full-size images with height and width attributes in IE8 */
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */
/*
.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .next {
	float: right;
	text-align: right;
	width: 50%;
}*/


/* =Blog Navigation
----------------------------------------------- */


#nav-below{
	
	   position: relative;
	   width: 100%;
}

#nav-below li{
}
#nav-below li a{ line-height: 10px;
}

#nav-below li.previous{
	
}

#nav-below li.previous a{
	
}
#nav-below li.next{
}


#nav-below li.next a{}

#nav-below li span{
  	font-family: 'arrows';
  	   font-size: 18px;
  	   display: inline-block;padding-top: 5px;
  }
#nav-below li.previous span.left-arrow:before {content: '\e4a1';float: left;
   padding-right: 10px;
}
#nav-below li.next span.right-arrow:before {content: '\e4a2';float: right;padding-left: 10px;
}



/*================================================== 
 #Media Queries
================================================== */


/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
	text-align: right;margin-bottom: 25px;
}

.menu-toggle img{
	margin-left: 10px;
	   width: 6%;
}


.main-small-navigation ul {
	display: none;
}

@media screen and (max-width: 700px) {
/*	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}*/
	
	
	body.page-id-4 header.site-header,
	body.page-id-10 header.site-header{
		height: auto;
	}
	
	
	.site-header a.header-logo img{
		height: auto;
		   width: 60%;
	}
	
	
	.header-middle .right{
		float: none;
	}
	
.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
	
	
	.inner {
	   width: 80%;
	   padding: 0 10%;
	}
	
	a.header-logo {
	    float: left;
	    margin-top: -40px;
	}
	
	
	header.site-header{
		height: auto;
	}
	
	p.header-email, p.header-tel{
		position: relative;
		clear: left;
		    float: left;
		   
	}
	p.header-email{
		background:url("imgs/email-icon.png") no-repeat center left;
		padding-left: 35px;
		left: 0;
	}
	
	.header-block{
		/*display: none;*/
	}
	
	header.site-header .header-detail {
	    position: relative;
	    top: 0;
	    width: 100%;
	}
	
	.header-detail .inner{
		background-color: #000000;
		    min-height: 200px;
		    padding: 5% 10%;
	}
	
	
	header.site-header p.header-email, header.site-header p.header-tel {
	margin: -20px 0 0;
	   position: relative;
	}
	
	a.orange-button.header {
	   bottom: 0;
	       float: left;
	       left: 0;
	       margin-top: 20px;
	       position: relative;
	       text-align: center;
	}
	
	#site-navigation {
	   clear: left;
	      padding: 20px 0;
	      width: 100%;
	}
	
	#site-navigation li {
	    margin-bottom: 0;
	    margin-top: 0;
	}
	
	#site-navigation li.menu-item a {
	  -webkit-border-radius: 0px;
	  border-radius: 0px;
	}
	#site-navigation li.menu-item a{border-bottom: 1px solid #FFFFFF;
	    display: block;
	    margin: 0;
	    padding: 10px 0;
	    text-align: left;
	    width: 100%;}
	
	#site-navigation li.menu-item a:hover,
	#site-navigation li.menu-item a:active, #site-navigation li.current-menu-item a{
		color: #EFD800;
		background-color: #000;
	}
	.header-search {
	    margin-left: 0;
	    padding: 10px 0 0;
	    width: 100%;
	}
	
	.header-search .searchsubmit {
	    right: 25px;
	    top: 22px;
	}
	.header-lower img.strap {
	    width: 100%;
	}
	
	.header-middle .logo-block img,.header-middle .logo-block.national img  {
	    display: block;
	    float: none;
	    margin-bottom: 0;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.header-middle .logo-block {
	    height: auto;
	 
	    width: auto;
	}
	
	.header-middle .logo-block h3 {
	
	    text-align: center;
	}
	
	.address-block {
	  
	    margin-bottom: 10px;
	    margin-right: 0;
	    width: 100%;
	}
	
	.address-block span.title-block {
	   
	    width: auto;
	}
	
	.slideshow {
	    clear: both;
	}
	
	
	.header-lower img.strap {
	    margin-left: 0;
	}
	.header-middle {
	    margin-bottom: 0;
	    
	}
	
	ul.section-nav  li.title{
	top: -5px;
	  position: relative;

	}
	
	ul.section-nav li{
		display: block;
	}
	ul.section-nav li a{
		
		    display: block;
		    margin: 2px 0;
	}
	
	footer.site-footer {
	    background: none repeat scroll 0 0 #000000;
	    padding: 40px 0;
	}
	
	.col.left-bar {
	    width: 90%;
	}
	.col {
	    margin-bottom: 20px;
	    margin-right: 0;
	    width: 100%;
	}
	
	
	.outer {
	    margin-left: auto;
	    margin-right: auto;
	    position: relative;
	    width: 95%;
	}
	
	.site-detail .inner .col {
	    margin-bottom: 0;
	    padding-top: 0;
	}
	
	.side-inner{display: inline-block;
	 margin-left: -28px;
	 padding: 20px 60px 50px;
	 position: relative;
	 width: 66%;
	 border: none;
	 }
	 
	.right-content {
	float: none;
	    margin-left: 0;
	    width: 100%;
	}
	
	.right-content img.size-full{
	height: auto;
	display: block;
	    width: 100%;
	}
	
	.memorial-single .left {
	    float: none;
	    margin-right: 0;
	    margin-top: 0;
	    padding: 0;
	    width: 100%;
	}
	
	 .memorial-single .right {
	 float: none;
	    margin-top: 10%;
	    width: 100%;
	 }
	
	
}




/*  #Mobile (Landscape)
================================================== */

	@media only screen and (max-width: 1024px) and (max-height:768px){
	
			/*body{ background-color: yellow;*/
			
			
			}
	} 


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    
    		/*body{ background-color: red;
    		}*/
    	 	.container                                  { width: 768px; }
     }



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
    
    		/*body{ background-color: blue;
    		}
    */
        	.container { width: 300px; }
        
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	    
	    	body{ background-color: green; 	    	}
	    
	        .container { width: 420px; }
	     
	        
        
     }

/* Clearing */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}