@CHARSET "ISO-8859-1";

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

body,
html{
	font-family: 'Roboto Slab', serif;
	letter-spacing: 0px;
}

.clearing{
	float:left;
	width: 100%;
	clear:both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}

body{
	overflow-x:hidden;
}

a{
	-webkit-transition: color .2s; /* Safari 3.1 to 6.0 */
    transition: color .2s;
}

a:hover{
	text-decoration:none;
}

/* helpers */
.content-pad{
	padding:20px 0%;
}

.content-pad-big{
	padding:20px 6% 20px 10%;
}

#PageContent{
	background-image: url(../images/page-bg.jpg);
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center center;
	  background-repeat: repeat;
}

#PageContent .at-glance-box{
	height:auto;
}


.col-sm-2-5{
	width:19.92%;
}

.loaded-item{
	margin-bottom:6px;
}

/* buttons */
.btn-white{
	background-color:#fff;
	color: #786b46;
	padding: 10px;
	font-size: 18px;
	display: inline-block;
}

.btn-white:hover{
	color: #50462b;
}

.big-arrow{
	display:inline-block;
	color: #fff;
	font-size: 22px;
	color: #fff;
	background-color: #666;
	position: relative;
	padding: 10px;
	padding-left: 40px;
	padding-right: 20px;
}

.big-arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-top: 25px solid transparent;
    border-left: 20px solid white;
    border-bottom: 25px solid transparent;
    margin: -10px 0px 0 0px; 
}

.big-arrow:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 20px solid #666;
    border-bottom: 26px solid transparent;
    margin: -10px 0px 0 10px; 
    right:-20px;
}

.big-arrow-down{
	display:inline-block;
	color: #fff;
	font-size: 22px;
	color: #fff;
	background-color: #666;
	position: relative;
	padding: 30px;
	padding-top: 40px;
	padding-bottom: 25px;
}

.big-arrow-down:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-top: 72px solid transparent;
    border-left: 20px solid white;
    border-bottom: 72px solid transparent;
    margin: -102px 0px 0 60px; 
    -webkit-transform:rotate(90deg);
}


.big-arrow-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    
     border-top: 68px solid transparent;
    border-left: 20px solid #666;
    border-bottom: 68px solid transparent;
    
    margin: -2px 0px 0 56px; 
    -webkit-transform:rotate(90deg);
}

.big-arrow:hover,
.big-arrow-down:hover{
	color:#fff;
}

a.btn-brown-arrow{
	
}

a.btn-brown-arrow {
	position: relative;
	background: #786b46;
}
a.btn-brown-arrow:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #786b46;
	border-width: 21px;
	margin-top: -21px;
}

/* headings */
h4{
	line-height:22px;
}

/* helpers */
.pad-10{
	padding:10px;
}

.pad-20{
	padding:20px;
}

.pad-30{
	padding:30px;
}

.pad-40{
	padding:40px;
}

.margin-6-bottom{
	margin-bottom: 6px;	
}

.light-text,
.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6,
.light-text h7,
.light-text p{
	color: #fff;
}


.brown-text,
.brown-text h1,
.brown-text h2,
.brown-text h3,
.brown-text h4,
.brown-text h5,
.brown-text h6,
.brown-text h7,
.brown-text p{
	color: #786b46;
}

.height-100{
	height:100%;
}

.brown-hr{
	margin-bottom: 10px;
	margin-top: 30px;
	border-top: 3px solid #786b46;
}

/* breadcrumbs */
.breadcrumbs{
	font-weight:700;
	margin-top: 30px;
	margin-bottom: 30px;
}

body.MyListPage .breadcrumbs,
body.DownloadsPage .breadcrumbs,
body.EventsHolderPage .breadcrumbs,
body.BlogsHolderPage .breadcrumbs{
	margin-left:35px;
}

.breadcrumbs a{
	padding: 0px;
	background-color: transparent;
	color: #786b46;
	font-size: 14px;
	font-weight: normal;
}

/* boot strap col additions */

.container-fluid{
	
}


.row .col-25{
	width:20%;
	float: left;
}

.row .col-60{
	width:60%;
	float: left;
}

.row .col-40{
	width:40%;
	float: left;
}

.capped-col-end{
	width:20%;
	float: left;
}

/* Map info  box */
#infobox h3{
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	color: #786b46;
}

#infobox h3{
	color: #786b46;
}

#main-map{
	background: url(../images/16-at-a-glance.jpg);
	position: relative;
}

#main-map .bg{
	background-color: rgba(120,108,71,.9);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}

#main-map .googleMap{
	transition: all 0.3s ease;
}

#main-map .googleMap.open{
	margin-left: -400px;
}

#map-info-box{
	position:absolute;
	right:-380px;
	top:20px;
	width:360px;
	height:200px;
	transition: all 0.3s ease;
	overflow: auto;
}

#map-info-box.open{
	right:20px;
}

#map-info-box-close{
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: -380px;
	width: 16px;
	height: 16px;
	transition: all 0.3s ease;
	background: url(../images/small_close.png) no-repeat;
}

#map-info-box-close.open{
	right:380px;
}


#map-info-box-loader{
	display:none;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: -380px;
	width: 64px;
	height: 64px;
	transition: all 0.3s ease;
	background: url(../images/brown-loader.gif) no-repeat;
}

#map-info-box-loader.open{
	right:170px;
	margin-top: -32px;
}

#map-info-box .image{
	margin-top:8px;
}

#map-info-box .info-bg{
	background-color:#fff;
	padding: 20px;
	margin-bottom: 10px;
}


/* Header */
#Header{
	border-bottom:1px solid #ccc;
}
	
	#Header a.logo{
		margin: 25px 25px 25px 35px;
		display: inline-block;
	}
	
	
	#Header #MainNav{
		float: right;
		margin: 35px;
		margin-right: 8px;
		margin-left: 0px;
	}
	
	#Header #MobileMainNav ul{
		float: none;
		margin: 0px 0px;
		padding: 0px 0px;
	}
	
	#Header #MobileMainNav li,
	#Header #MainNav ul{
		margin:0px;
		display: inline-block;
		padding: 0px;
	}
	
		#Header #MobileMainNav li{
			margin-bottom:8px;
		}
	
		#Header #MobileMainNav li,
		#Header #MainNav li{
			float: left;
			list-style: none;
		}
	
			#Header #MobileMainNav li a,
			#Header #MainNav li a{
				color: #fff;
				font-weight: 400;
				font-size:16px;
				display: inline-block;
				padding: 10px;
				background: url(../images/menu-explore.jpg) no-repeat;
				margin-left: 8px;
				position: relative;
			}
			
			
			#Header #MainNav li a.menu-pos_1{
				padding-right:45px;
			}
			
			#Header #MainNav li a.my-list{
				padding-right:45px;
			}
				
				#Header #MobileMainNav li a span.colour-overlay,
				#Header #MainNav li a span.colour-overlay{
					position: absolute;
					width: 100%;
					height: 100%;
					top:0px;
					left:0px;
				}
				
				#Header #MobileMainNav li a span.title,
				#Header #MainNav li a span.title{
					position: relative;
				}
				
				
				#Header  #SearchForm_SearchForm{
					float:right;
					margin-top: 35px;
					margin-right: 35px;
				}
				
				#Header  #SearchForm_SearchForm fieldset{
					position:relative;
				}
				
					#Header  #SearchForm_SearchForm #SearchForm_SearchForm_Search{
						margin-bottom:0px;
						width: 100px;
						-webkit-transition: width .2s; /* Safari 3.1 to 6.0 */
    					transition: width color .2s;
					}
					
					#Header  #SearchForm_SearchForm #SearchForm_SearchForm_Search:focus{
						width:250px;
					}
					
					#Header  #SearchForm_SearchForm .form-group{
						position:absolute;
						right:0px;
						top:0px;
					}
					
					#Header  #SearchForm_SearchForm #SearchForm_SearchForm_action_results{
						background:transparent none;
						border: 0px none;
						text-indent: -9999px;
						background: transparent url(../images/search.png) no-repeat center center;
						width:35px;
					}
				
	/* sub nav */
	#SubNav{
		position: absolute;
		top:114px;
		left:0px;
		width: 100%;
		background-color: rgba(120,108,71,.8);
		padding-top: 40px;
		padding-bottom: 40px;
		opacity:0;
		transition: opacity 0.4s ease;
		z-index: 999;
		pointer-events: none;
	}
	
	#SubNav.open{
		opacity:1;
	}
	
		#SubNav ul li,
		#SubNav ul{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
			#SubNav ul li a{
				color: rgb(120,108,71);
				font-weight: 400;
				font-size:18px;
				display: block;
				padding: 10px;
				background: #fff;
				margin-left: 0px;
				position: relative;
				-webkit-transition: background .2s; /* Safari 3.1 to 6.0 */
    			transition: background .2s;
				
			}
			
			#SubNav ul li a.last{
				background: #fff url(../images/my-links-icon-dark.png) no-repeat 93% center;
			}
			
			#SubNav ul li a:hover,
			#SubNav ul li.section a{
				background: rgba(255,255,255,.5);
			}
			
			#SubNav ul li a.last:hover{
				background: rgba(255,255,255,.5) url(../images/my-links-icon-dark.png) no-repeat 93% center;
			}
			
			
			#SubNav ul li.section ul li a,
			#SubNav ul li ul li a{
				background-color: transparent;
				color: #fff;
				font-size: 14px;
				border-bottom: 1px solid #fff;
				padding-left: 0px;
				margin-left: 10px;
				-webkit-transition: color .2s; /* Safari 3.1 to 6.0 */
    			transition: color .2s;
			}
			
			#SubNav ul li ul li.current a,
			#SubNav ul li ul li a:hover{
				background: transparent;
				color: #d6c590;
			}
			
/* Generic Page */
#PageBanner .container,
#PageBanner .container .row,
#PageBanner .container .row .col-sm-6,
#PageBanner{
	height:550px;
	position: relative;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}

.BusinessListingHolderPage #PageBanner .container,
.BusinessListingHolderPage #PageBanner .container .row,
.BusinessListingHolderPage #PageBanner .container .row .col-sm-6,
.BusinessListingHolderPage #PageBanner{
	height:400px;
}

	#PageBanner .banner-title{
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform: translateY(-55%) translateX(-50%);
	 	-ms-transform: translateY(-55%) translateX(-50%);
		transform: translateY(-55%) translateX(-50%);
		display: inline-block;
		background-color: rgba( 48,41,17, .5);
		
		padding: 30px;
		border-bottom: 6px solid #fff;
		border-top:  6px solid #fff;
		width:100%;
	}
	
	.BusinessListingHolderPage #PageBanner .banner-title{
		-webkit-transform: translateY(-50%) translateX(-50%);
	 	-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	
		#PageBanner .banner-title h2{
			color:#fff;
			text-align:center;
			margin-top:0px;
			font-size: 40px;
			font-weight: 700;
			text-transform: uppercase;
			line-height: 40px;
		}
		
		#PageBanner .banner-title h3{
			color:#fff;
			text-align:center;
			margin-top:0px;
			font-size: 35px;
			font-weight: 400;
			line-height: 35px;
			font-style: italic;
		}
		
		#PageBanner .banner-title h4{
			color:#fff;
			text-align:center;
			margin-top:0px;
			font-size: 18px;
			font-weight: 700;
			line-height: 25px;
			margin-bottom: 0px;
			font-style: italic;
		}
		
		#PageBanner .banner-title hr{
			margin-bottom:10px;
			margin-top:10px;
			color: #fff;
			border-top: 2px solid #fff;
			margin-left: 25%;
			margin-right: 25%;
		}
		
	.BusinessListingHolderPage #PageBanner .banner-title{
		background: url(../images/listing-image.png) no-repeat center center;
		border:0px none;
		width: 467px;
		height: 327px;
	}
	
	.BusinessListingHolderPage a.normal{
		background: none;
		padding: 0px;
		color: #786b46;
		font-size: 16px;
	}
	

		
		
				
/* Home Page */
#HomePageBanner{
	width:100%;
	height:800px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0px;
}

	#HomePageBanner .item{
		height:100%;
		-webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		  background-position: center center;
	}
	
		#HomePageBanner .item .video-container iframe, 
		#HomePageBanner .item .video-container object, 
		#HomePageBanner .item .video-container embed {
			top:-15%;
		}
		
		#HomePageBanner .item p.title{
			font-size: 22px;
			color: #fff;
			position: absolute;
			bottom: 80px;
			text-align: center;
			width: 100%;
			
		}
		
iframe.video{
	width:100%;
	height: 400px;
	margin-top: 15px;
}

iframe.video.bigger{
	height:550px;
	margin-top: 0px;
}
		
.banner-image{
	position:absolute;
	top:110px;
	width:100%;
	height:78%;
	text-align:center;
	overflow: hidden;
	pointer-events: none;
}

	.banner-image img{
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform: translateY(-55%) translateX(-50%);
  		-ms-transform: translateY(-55%) translateX(-50%);
 		transform: translateY(-55%) translateX(-50%);
	}
	
.HubPage #HomePageBanner{
	height: 650px;
	margin-left: -3px;
}

	
	.hub-image{
		position:absolute;
		top:30px;
		width:100%;
		height:78%;
		text-align:center;
		overflow: hidden;
		pointer-events: none;
	}
	
	.banner-title .head-holder{
		text-align:center;
	}
	
		.hub-image img{
			position:absolute;
			top:50%;
			left:50%;
			-webkit-transform: translateY(-55%) translateX(-50%);
	  		-ms-transform: translateY(-55%) translateX(-50%);
	 		transform: translateY(-55%) translateX(-50%);
		}
		
		.banner-title .head-holder,
		.hub-image .head-holder{
			width:459px;
			position:absolute;
			top:50%;
			left:50%;
			-webkit-transform: translateY(-55%) translateX(-50%);
	  		-ms-transform: translateY(-55%) translateX(-50%);
	 		transform: translateY(-55%) translateX(-50%);
		}
		
		.banner-title .head-holder hr,
		.hub-image hr{
			width:200px;
			border-top: 3px solid #fff;
			position: relative;
			margin-top: 0px;
			margin-bottom: 0px;
			display: inline-block;
		}
		
		
		.hub-image hr.first{
			margin-top:0px;
		}
		
		.banner-title .head-holder h2,
		.hub-image h2{
			position:relative;
			width:300px;
			display: inline-block;
			text-transform: uppercase;
			font-size: 50px;
			line-height: 50px;
			font-weight: bold;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		#PageBanner .banner-title .head-holder h2{
			font-size: 60px;
			line-height: 50px;
		}
		
		.banner-title .head-holder h3,
		.hub-image h3{
			position:relative;
			width:300px;
			display: inline-block;
			margin-top: 5px;
		}
		
/* hub page */
.page-bg{
	background-image: url(../images/page-bg.jpg);
}
		
.hub-content{
	padding: 0px 10% 20px 30px;
}

.spacer{
	height:5px;
	overflow: hidden;
	width: 100%;
}

/* Google Locations */
#map-canvas{
	height:700px;
	margin-top: 6px;
	margin-bottom: 6px;
}
		
/* explore arrowtown */
.explore-heading{
	background-image: url(../images/menu-explore.jpg);
	margin-bottom: 6px;
	position: relative;
}

.BusinessListingHolderPage .explore-heading{
	margin-left:3px;
	margin-right: 3px;
	padding-left: 0px;
	padding-right: 0px;
}

	.explore-heading .olay{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	}
	
	.at-glance-box h2,
	.explore-heading h2{
		position:relative;
		margin-bottom:20px;
		margin-top: 0px;
	}
	
	.at-glance-box h4,
	.explore-heading h4{
		position:relative;
		margin-bottom:0px;
		margin-top: 0px;
		font-size: 16px;
	}
	
.BusinessListingHolderPage .explore-heading h2{
	text-align:center;
	font-size:45px;
	line-height:45px;
	margin-top: 40px;
}

.BusinessListingHolderPage .explore-heading h4{
	text-align: center;
	font-size: 20px;
	line-height: 25px;
}
	
.square-grid-item.effect-chico{
	overflow:hidden;
	position: relative;
}
	
	.square-grid-item.effect-chico img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}
	
	.square-grid-item.effect-chico:hover img {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	.square-grid-item.effect-chico h4{
		position:absolute;
		display:inline-block;

		background-color: #ccc;
		left:50%;
		padding: 20px 10px;
		text-align: center;
		color: #fff;
		
		top:50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
  		-ms-transform: translateY(-50%) translateX(-50%);
 		transform: translateY(-50%) translateX(-50%);
 		
 		margin-top: 0px;
 		
 		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		
		
	}
	
	.square-grid-item.effect-chico h4:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: rgba(136, 183, 213, .8);
		border-width: 32px;
		margin-top: -32px;
	}
	
	.square-grid-item.effect-chico h4:before {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-right-color: rgba(136, 183, 213, .8);
		border-width: 32px;
		margin-top: -32px;
	}
	
	.square-grid-item.effect-chico:hover h4{
		opacity:0;
	}
	
	.square-grid-item.effect-chico a{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
		
		opacity:0;
	}
	
	.square-grid-item.effect-chico:hover a{
		opacity:1;
	}
	
	
	.square-grid-item.effect-chico a span{
		position:absolute;
		display:inline-block;

		left:40px;
		right: 40px;
		padding: 16px 0px;
		text-align: center;
		color: #fff;
		
		font-style: italic;
		
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		
		top:50%;
		
		-webkit-transition: scale 0.35s, -webkit-transform 0.35s;
		-webkit-transform: translateY(-50%) scale(1.12);
  		-ms-transform: translateY(-50%) scale(1.12);
 		transform: translateY(-50%) scale(1.12);
 		
 		margin-top: 0px;
	}
	
	.square-grid-item.effect-chico:hover a span{
		-webkit-transform: translateY(-50%) scale(1);
  		-ms-transform: translateY(-50%) scale(1);
 		transform: translateY(-50%) scale(1);
	}
	
/* at a glance */
.at-glance-box{
	background-image: url(../images/16-at-a-glance.jpg);
	background-repeat: repeat;
	position: relative;
	height: 100%;
}

	.at-glance-box .at-glance-box-bg{
		position:absolute;
		width:100%;
		height: 100%;
		top:0px;
		left:0px;
		z-index: 0;
	}
	
	.at-glance-box a,
	.at-glance-box p,
	.at-glance-box hr,
	.at-glance-box h1,
	.at-glance-box h2,
	.at-glance-box h3,
	.at-glance-box h4,
	.at-glance-box form{
		position:relative;
	}
	
	.at-glance-box form{
		margin-top:20px;
	}
	
	.at-glance-box form .Actions input{
        background: #85c441;
        color: #fff;
        display: inline-block;
        border-radius: 0px;
        padding: 8px 15px;
        margin:0px;
        letter-spacing: 1px;
        border: none;
        font-size: 18px;
        float: left;
    }
    
    .at-glance-box form .Actions input:hover,
    .at-glance-box form .Actions input:focus{
    	background-color: #356527;
    }
	
/* UPS Infographic */

#UPSInfoGraphic{
	position:relative;
	background-image: url(../images/map_bg.jpg);
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 background-position: center center;
	 background-attachment: fixed;
	 height: 800px;
}

#UPSInfoGraphic .container-fluid{
	position:relative;
}

#UPSInfoGraphic h3,
#UPSInfoGraphic h4{
	font-size:40px;
	color: #786b46;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 0px;
	position: relative;
}

#UPSInfoGraphic h3{
	margin-top: 200px;
}

#UPSInfoGraphic h4{
	font-size:35px;
	font-weight: 300;
}

#UPSInfoGraphic .resize-image-map{
	position:absolute;
	top:0px;
	right: 0px;
	
}

#UPSInfoGraphic #GotoMap{
	position:absolute;
	bottom:0px;
	right:100px;
}

/* Start Planning */

#StartPlanning{
	position:relative;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 background-position: center center;
	 height: 900px;
	 overflow: hidden;
}
	
	#StartPlanning h3{
		color:#fff;
		font-size:50px;
		line-height:55px;
		font-weight: 700;
		margin-top: 10%;
	}
	
	#StartPlanning .polaroid{
		background-color:#fff;
		padding:15px;
		margin:20px;
		display: inline-block;
		margin-top: 50px;
		-webkit-transition: rotate 0.20s, -webkit-transform 0.20s;
		transition: rotate 0.20s, transform 0.20s;
		text-align: center;
	}
	
	#StartPlanning .polaroid-1{
		-ms-transform: rotate(-5deg); /* IE 9 */
	    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	    transform: rotate(-5deg);
	}
	
	#StartPlanning .polaroid-2{
		-ms-transform: rotate(1deg); /* IE 9 */
	    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
	    transform: rotate(1deg);
	}
	
	#StartPlanning .polaroid-3{
		-ms-transform: rotate(5deg); /* IE 9 */
	    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
	    transform: rotate(5deg);
	}
	
	#StartPlanning .polaroid-1:hover{
		-ms-transform: rotate(-1deg); /* IE 9 */
	    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
	    transform: rotate(-1deg);
	}
	
	#StartPlanning .polaroid-2:hover{
		-ms-transform: rotate(3deg); /* IE 9 */
	    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	    transform: rotate(3deg);
	}
	
	#StartPlanning .polaroid-3:hover{
		-ms-transform: rotate(2deg); /* IE 9 */
	    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
	    transform: rotate(2deg);
	}
	
	#StartPlanning .polaroid span.title{
		color: #786b46;
		text-align: center;
		display: inline-block;
		margin-top: 15px;
		font-size: 18px;
		margin-bottom: 5px;
	}
	
		#StartPlanning .polaroid span.title img{
			display: inline-block;
			margin-right: 5px;
		}
		
	#StartPlanning .goto-mylinks{
		width:410px;
		padding: 40px;
		background-color: #ccc;
		color: #fff;
		font-size: 18px;
		-webkit-border-radius: 400px;
		-moz-border-radius: 400px;
		border-radius: 400px;
		position: absolute;
		bottom: -240px;
		left:50%;
		margin-left: -195px;
		padding-bottom: 260px;
		padding-top: 20px;
	}
	
/* blog listing */

#BlogListing{
	background-image: url(../images/page-bg.jpg);
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center center;
	  
	padding-bottom: 50px;
}

	#BlogListing h3{
		font-size: 40px;
		line-height: 45px;
		font-weight: 700;
		color: #786b46;
		border-bottom: 3px solid #786b46;
		border-top: 3px solid #786b46;
		padding: 23px 0px;
		margin: 20px 20%;
		margin-top: 59px;
	}
	
		#BlogListing #EventSlider,
		#BlogListing #BlogSlider{
			margin-top:50px;
			padding-left: 50px;
			padding-right: 50px;
			margin-bottom: 0px;
		}
		
		#BlogListing #EventSlider{
			margin-top:0px;
			margin-left: 33px;
		}
		
		.EventPage #BlogListing #EventSlider{
			margin-top:0px;
			margin-left: 0px;
		}
		
			#BlogListing .blog-grid-item{
				margin:3px;
				position: relative;
				display: inline-block;
				height: auto;
				padding: 0px;
			}
			
			#BlogListing .blog-grid-item.no-margin{
				margin:0px;
				margin-bottom: 6px;
			}
			
				#BlogListing .blog-grid-item img{
					-webkit-transition: opacity 0.20s, -webkit-transform 0.20s;
					transition: opacity 0.20s, transform 0.20s;
					opacity: .55;
				}
				
				#BlogListing .blog-grid-item:hover img{
					opacity: 1;
				}
				
				#BlogListing .blog-grid-item span.title{
					display:block;
					-webkit-transform: translateY(-50%) scale(1);
	  				-ms-transform: translateY(-50%) scale(1);
	 				transform: translateY(-50%) scale(1);
	 				
	 				-webkit-transition: scale 0.35s, -webkit-transform 0.35s;
					transition: scale 0.35s, transform 0.35s;
	 				
	 				color: #fff;
	 				font-size:22px;
	 				border-bottom: 3px solid #fff;
	 				border-top: 3px solid #fff;
	 				padding: 20px 20px;
	 				position: absolute;
	 				top:50%;
	 				width:80%;
	 				text-align: center;
	 				left: 10%;
	 				right: 10%;
				}
				
				#PageBanner .banner-title span.di-bottom,
				#PageBanner .banner-title span.di-top,
				#BlogListing .blog-grid-item span.title span.di-bottom,
				#BlogListing .blog-grid-item span.title span.di-top{
					display: block;
					height: 25px;
					position: absolute;
					top:-28px;
					left:0px;
					width:100%;
					background: url(../images/di_top.png) no-repeat center center;
					
					-webkit-transition: scale 0.35s, -webkit-transform 0.35s;
					transition: scale 0.35s, transform 0.35s;
				}
				
				#PageBanner .banner-title span.di-bottom,
				#BlogListing .blog-grid-item span.title span.di-bottom{
					top:auto;
					bottom: -28px;
					background: url(../images/di_bottom.png) no-repeat center center;
				}
				
				#BlogListing .blog-grid-item:hover span.title span.di-top,
				#BlogListing .blog-grid-item:hover span.title span.di-bottom{
					-webkit-transform: scale(.4);
	  				-ms-transform: scale(.4);
	 				transform: scale(.4);
				}
				
				#BlogListing .blog-grid-item:hover span.title{
					-webkit-transform: translateY(-50%) scale(1.1);
	  				-ms-transform: translateY(-50%) scale(1.1);
	 				transform: translateY(-50%) scale(1.1);
				}
					
					#BlogListing .blog-grid-item span.title hr{
						border-top:3px solid #fff;
						margin-bottom: 10px;
						margin-top: 10px;
						width: 50%;
					}
				
					#BlogListing .blog-grid-item span.title span.smaller{
						font-size: 14px;
						display: block;
					}
					
					#BlogListing .slick-prev,
					#BlogListing .slick-next{
						top:0px;
						left:0px;
						height: 100%;
						width:50px;
						margin-top: 0px;
					}
					
					#BlogListing .slick-prev:before,
					#BlogListing .slick-next:before{
						content: "";
					}
					
					#BlogListing .slick-next{
						left:auto;
						right:0px;
					}
					
					#BlogListing .slick-next:after{
						 content: "";
						    position: absolute;
						    width: 0;
						    height: 0;
						    border-top: 20px solid transparent;
						    border-left: 20px solid #666;
						    border-bottom: 20px solid transparent;
						    margin: -10px 0px 0 10px; 
						    right:14px;
					}
					
					#BlogListing .slick-prev:after{
						 content: "";
						    position: absolute;
						    width: 0;
						    height: 0;
						    border-top: 20px solid transparent;
						    border-right: 20px solid #666;
						    border-bottom: 20px solid transparent;
						    margin: -10px 0px 0 10px; 
						    right:14px;
					}

#Form_EventsSearchForm,
#Form_BlogsSearchForm{
	margin: 0px 15%;
}
					
#BlogListing .blog-header h2{
	font-size:63px;
	line-height:50px;
	font-weight: 700;
	text-align: center;
	padding: 30px 0%;
	border-top: 6px solid #786b46;
	margin: 0px 35px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#BlogListing .blog-header h3:before{
	content:"";
	height:3px;
	margin: 10px 0%;
	background-color: #786b46;
	display: block;
}

#BlogListing .blog-header h3{
	border-bottom: 6px solid #786b46;
	border-top: 0 none;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	font-size: 20px;
	line-height: 20px;
	padding: 30px 10%;
	margin: 20px 35px;
	padding-top: 0px; 
	margin-top: 0px;
}

#BlogListing .blog-header h3.x-big{
	font-size:25px;
	line-height:35px;
}

#BlogListing form input.btn{
	display:block;
	background-color: #786b46;
	width: 100%;
}

#BlogListing form #Keywords{
	float:left;
	width:72%;
}

#BlogListing form .Actions{
	float:right;
	width:30%;
	margin-top: -73px;
}

.search-footer{
	background-color: #786b46;
	color: #fff;
	margin: 0px 35px;
	text-align: center;
	clear: both;
}

.search-footer a{
	padding:5px 0px;
	background-color:transparent;
}

/* side pagination */

a.side-pagenation{
	display:block;
	position:absolute;
	top:340px;
	left:0px;
	padding: 15px;
	width:250px;
	color:#fff;
	line-height: 25px;
	font-size:18px;
	transition: all 0.3s ease;
	background-color: #519b41;
}

a.side-pagenation.next{
	left:auto;
	right:-200px;
	padding-left:50px;
	background:#519b41 url(../images/page-arrow-next.png) no-repeat 20px center;
}

a.side-pagenation.prev{
	background:#519b41 url(../images/page-arrow-prev.png) no-repeat 94% center;
	padding-right: 50px;
	text-align: right;
	left:-200px;
}

.EventPage a.side-pagenation.next{
	left:auto;
	right:-200px;
	padding-left:50px;
	background:#786b46 url(../images/page-arrow-next.png) no-repeat 20px center;
}

.EventPage a.side-pagenation.prev{
	background:#786b46 url(../images/page-arrow-prev.png) no-repeat 94% center;
	padding-right: 50px;
	text-align: right;
	left:-200px;
}

.BusinessListingHolderPage a.side-pagenation.next{
	top:640px;
	background-color: #786b46;
}

.BusinessListingHolderPage a.side-pagenation.prev{
	top:640px;
	background-color: #786b46;
}

a.bottom-pagenation.next:hover,
a.side-pagenation.next:hover{
	right:-2px;
}

a.bottom-pagenation.prev:hover,
a.side-pagenation.prev:hover{
	left:-2px;
}

/* Blog Entry */
h4.date{
	font-style: italic;
	font-weight: bold;
	margin-bottom: -10px;
	margin-top: -10px;
	font-size: 14px;	
}

h4.date a{
	background-color: transparent;
	padding: 0px;	
	color: #786b46;
	font-size: 14px;
	text-decoration: underline;
}


#BlogListing h3.no-border{
	border:0px none;
	padding-top: 0px;
	font-size: 30px;
	line-height:35px;
	color: #519b41;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.EventPage #BlogListing h3.no-border{
	color: #786b46;
}

#BlogListing ul{
  	margin: 20px 0%;
  	margin-right: 0px;
}

/* Lazy Loading */	
#LoadMorePages a.btn{
	font-size: 18px;
	color: #004b64;
	border: 2px solid #004b64;
	display: inline-block;
	padding: 10px 60px;
	border-radius: 0px;
}

		
#LoadMorePages a.btn-circle-dark{
	clear:both;
	border: 0px none;
	margin-top: -20px;
	margin-bottom: -20px;
}

#LoadMorePages a.btn-circle-dark:hover{
	background-color:transparent!important;
}

#SubPageListingPagination{
	display: none;
}

				
/* Footer */
#MainFooter{
	position:relative;
	padding-bottom:60px;
	padding-top:20px;
	margin-top:0px;
	
	background-image: url(../images/footer_bg.jpg);
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center center;
}

	#MainFooter .olay{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color: rgba(120,107,70, .9);
	}
	
	#LowerFooter .col-sm-4,
	#LowerFooter .col-sm-5,
	#MainFooter .col-sm-4,
	#MainFooter .col-sm-5{
		position:relative;
		min-height: 400px;
	}
	
	#LowerFooter .col-sm-4,
	#LowerFooter .col-sm-5{
		min-height:160px;
	}
	
	
	#LowerFooter .col-sm-4:after,
	#LowerFooter .col-sm-5:after,
	#MainFooter .col-sm-4:after,
	#MainFooter .col-sm-5:after{
		content: "";
		width:3px;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top:20px;
		bottom: 20px;
		right:20px;
	}
	
	#LowerFooter .col-sm-4:after,
	#LowerFooter .col-sm-5:after{
		background-color: #786b46;
		width: 1px;
		top:0px;
	}
	
	#MainFooter #LocalNuggets p{
		font-size:25px;
		line-height: 30px;
		padding-right: 30px;
	}
	
	#MainFooter ul.white-menu li:last-child a{
		background: #fff url(../images/my-links-icon-dark.png) no-repeat 93% center;
		padding-right: 45px;
	}
	
	#MainFooter #newsletterform form{
		margin-top:25px;
		margin-bottom: 0px;
	}
	
	#MainFooter .social-icons{
		margin-top:15px;
	}
	
	#LowerFooter{
		line-height:25px;
	}
	
	#LowerFooter a{
		color: #786b46;
	}
	
	#LowerFooter a:hover{
		color: #40371e;
	}
	
	
#LowerFooter{
	position:relative;
	padding-bottom:30px;
	padding-top:20px;
	margin-top:0px;
	
	background-image: url(../images/page-bg.jpg);
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center center;
}

#LowerFooter a.logo{
	display:inline-block;
	margin-top:70px;
	margin-right:10px;
}
	

/* menus */
ul.white-menu,
ul.white-menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.white-menu li a{
	background-color:#fff;
	color: rgba(191,215,48,1);
	display: inline-block;
	padding: 5px 10px;
	margin-top:15px;
	font-size: 22px; 
	font-weight: 700;
}

ul.white-menu.brown-text li a{
	color: #786b46;
}

ul.green-menu,
ul.green-menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.green-menu li a{
	background-color:#85c440;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	margin-top:15px;
	font-size: 22px; 
	font-weight: 700;
	-webkit-transition: background-color .2s; /* Safari 3.1 to 6.0 */
    transition: background-color .2s;
}
ul.green-menu li a:hover{
	background-color: #509b40;
}

ul.green-menu li a.darker{
	margin-top:10px;
	background-color:#509b40;
}

ul.green-menu li a:hover{
	background-color: #85c440;
}


ul.brown-menu,
ul.brown-menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.brown-menu li a{
	background-color:#948868;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	margin-top:20px;
	font-size: 22px; 
	font-weight: 700;
	-webkit-transition: background-color .2s; /* Safari 3.1 to 6.0 */
    transition: background-color .2s;
}


ul.brown-menu li a.darker{
	margin-top:10px;
	background-color:#62593f;
}

ul.brown-menu li a:hover{
	background-color: #786b46;
}


ul.simple-menu li,
ul.simple-menu{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

ul.brown-left-float-menu,
ul.brown-left-float-menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
	position: relative;
	
}

	ul.brown-left-float-menu li{
		display: inline-block;
		font-size: 26px;
		margin-right: 15px;
	}
	
		ul.brown-left-float-menu li a{
			background-color:#948868;
			color: #fff;
			display: inline-block;
			padding: 5px 10px;
			margin-top:20px;
			font-size: 22px; 
			font-weight: 700;
			-webkit-transition: background-color .2s; /* Safari 3.1 to 6.0 */
		    transition: background-color .2s;
		}
		
		ul.brown-left-float-menu li.current a,
		ul.brown-left-float-menu li a:hover{
			background-color: #786b46;
		}
		
/* Business Listings */

#BlogListing .biz-header .match-biggest-height{
	position:relative;
	  background-image: url(../images/footer_bg.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
	
	#BlogListing .biz-header .bg {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(120,107,70, .9);
	}
	
	#BlogListing .biz-header h4,
	#BlogListing .biz-header h2,
	#BlogListing .biz-header h3,
	#BlogListing .biz-header Form{
		position:relative;
		color: #fff;
	}
	
	#BlogListing .biz-header .match-biggest-height{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#BlogListing .biz-header .search-bg{
		position:relative;
		width:300px;
		height: 204px;
		background: url(../images/search-bg.png) no-repeat;
		left:50%;
		margin-left: -150px;
		padding-top: 50px;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
		#BlogListing .biz-header .search-bg h2{
			width:100%;
			text-align:center;
			font-size:45px;
			font-weight:bold;
			text-transform:uppercase;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		#BlogListing .biz-header .search-bg hr{
			position:relative;
			border-top:3px solid #fff;
			margin-left:28%;
			margin-right:28%;
			margin-top: 7px;
			margin-bottom: 7px;
			display: block;
		}
		
		#BlogListing .biz-header .search-bg h3{
			margin:0px;
			border:0px none;
			padding: 0px;
			font-size: 25px;
			line-height:30px;
			text-align: center;
			font-weight: normal;
			font-style: italic;
		}

#BlogListing .biz-listing{
	background-color:#fff;
	padding: 20px;
}

	#BlogListing .biz-listing h3{
		border:0px none;
		font-size: 25px;
		line-height: 25px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		margin: 20px 0px 10px 0px;
		padding-right: 15%;
	}
	
	#BlogListing .biz-listing .image-link{
		background:none;
		padding: 0px;
		margin: 0px;
	}
	
	#BlogListing .biz-listing p{
		padding-right: 15%;
	}
	
		#BlogListing .biz-listing p strong.phone{
			display: inline-block;
			margin-top: 15px;
		}
	
		#BlogListing .biz-listing p .email-link{
			background: none;
			padding: 0px;
			display: inline;
			color: #786b46;
			font-size: 14px;
			margin-top: 0px;
		}
	
	.biz-page .icons,
	#BlogListing .biz-listing .icons{
		border-bottom:1px solid #786b46;
		padding-bottom: 15px;
		margin-bottom: 15px;
		vertical-align: middle;
	}
	
	.biz-page .icons{
		border-bottom: 0px none;
		margin-top: 20px;
		margin-bottom: 0px;
	}
		
		.biz-page .icons a,
		#BlogListing .biz-listing .icons a{
			background: none;
			padding: 0px;
			display: inline-block;
			color: #786b46;
			margin-right: 7px;
		}
			
		.biz-page .icons i,
		#BlogListing .biz-listing .icons i{
			color: #786b46;
			font-size: 35px;
		}
		
		
		#BlogListing .biz-listing .icons .btn-brown{
			padding:7px 12px;
			background-color:  #786b46;
			color: #fff;
			vertical-align: top;
		}
		
.biz-page .icons-frame{
	display:inline-block;
	border: 2px solid #786b46;
	border-right:0px none;
	padding: 4px 5px 2px 5px;
	vertical-align: top;
}

.biz-page .icons-end{
	width:28px;
	height:49px;
	background-image: url(../images/social-end.png);
	display: inline-block;
	margin-left: -5px;
}

.biz-page a.btn-brown {
	position: relative;
	background: #786b46;
	color: #fff;
	line-height: 49px;
	height: 49px;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}

.biz-page a.btn-brown:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #786b46;
	border-width: 24px;
	margin-top: -24px;
}

.biz-page a.btn-brown:before {
	  right: 100%;
	  top: 50%;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	  border-color: rgba(136, 183, 213, 0);
	  border-right-color: #786b46;
	  border-width: 24px;
	  margin-top: -24px;
}

.typography a.at-share-btn{
	font-size:40px;
	padding: 0px;
	margin-bottom: 30px;
}

span.share-this{
	float:left;
	font-size:18px;
	color: #786b46;
	display: inline-block;
	line-height: 35px;
	margin-right: 10px;
	margin-bottom: 30px;
}

.biz-page .image-gallery{
	margin-bottom:0px;
	height: 550px;
}

.biz-page .image-gallery .biz-image{
	height: 550px;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center center;
	  background-repeat: repeat;
}

#Form_BusinessListingSearchForm{
	padding-left:18%;
	padding-right: 18%;
}
	#Form_BusinessListingSearchForm .Actions{
		text-align: center;
	}
		
		#BlogListing #Form_BusinessListingSearchForm_action_doBusinessListingSearchForm{
			display: inline-block;
			width: auto;
			background-color: rgba(68,61,38, .8);
			font-size: 18px;
		}
		
.BusinessListingHolderPage .breadcrumbs{
	margin-left:30px;
}

.biz-left{
	padding-right:8%;
}

.biz-right{
	padding-right:8%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.BusinessListingHolderPage .breadcrumbs.biz-breadcrumbs{
	margin-left:0px;
}

/* Business Details */
.biz-page h4{
	font-size:16px;
}

.biz-page h3{
	font-size:22px;
}

.margin-grid{
	margin-bottom:6px;
}

/* main gallery */

#main-gallery-thumbnails,
#main-gallery{
	margin-bottom: 0px;
}

#main-gallery .item{
	  position: relative;
	  background: rgba(120,107,70,1) url(../images/brown-loader.gif) no-repeat center center;
}

#main-gallery .item .pic-info{
	position:absolute;
	bottom:70px;
	left:50%;
	width:280px;
	margin-left:-140px;
	padding:10px;
	text-align:center;
	background-color: rgba(120,107,70,.9);
	border-bottom: 4px solid #fff;
	border-top: 4px solid #fff;
	color: #fff;
}

#main-gallery .item img{
	position: absolute;
	width:100%;
	height: auto;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
		
}

	#main-gallery-thumbnails .item{
		height: auto;
		cursor: pointer;
		background: rgba(120,107,70,1);
	}
	
		#main-gallery-thumbnails .item img{
			opacity:.3;
			-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
			transition: opacity 0.35s, transform 0.35s;
		}
		
		#main-gallery-thumbnails .item.slick-current img{
			opacity:1;
			
		}
		
		
		
.gallery-menu ul.brown-left-float-menu{
	margin-bottom: 30px;
}
	
	.gallery-menu ul.brown-left-float-menu li a{
		margin-top: 20px;
	}

/* page gallery */
.image-gallery{

}
	
	.image-gallery .item{
		height:auto;
		position: relative;
	}
		
		.image-gallery .item p.title{
			margin-bottom: 0px;
			background-color: rgba(0,0,0,.5);
			position: absolute;
			bottom:0px;
			color: #fff;
			display: block;
			padding: 15px;
			width: 100%;
			padding-top: 15px;
		}
		
			.image-gallery .item p.title span.title{
				display:inline-block;
				padding-top: 5px;
			}
		
			.image-gallery .item p.title span.fullscreen{
				float: right;
				cursor: pointer;
				background: url(../images/fullscreen.png) no-repeat center center;
				width:39px;
				height: 32px;
			}
			
.fullscreen-gallery{
	position:fixed;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	background-color: rgba(0,0,0,.9);
	z-index: 99999999999999999999;
}

	.full-page-image-gallery .item{
		width:100%;
		height:100%;
		position: relative;
	}
	
		.full-page-image-gallery .item img{
			position:absolute;
			top:45%;
			left:50%;
			-webkit-transform: translateY(-55%) translateX(-50%);
		 	-ms-transform: translateY(-55%) translateX(-50%);
			transform: translateY(-55%) translateX(-50%);
			
		}
		
		.full-page-image-gallery .item .video-container{
			position:absolute;
			top:50%;
			left:50%;
			width:80%;
			height:40%;
			-webkit-transform: translateY(-55%) translateX(-50%);
		 	-ms-transform: translateY(-55%) translateX(-50%);
			transform: translateY(-55%) translateX(-50%);
		}
		
		.full-page-image-gallery .item span.title{
			display:inline-block;
			-webkit-transform: translateY(-55%) translateX(-50%);
		 	-ms-transform: translateY(-55%) translateX(-50%);
			transform: translateY(-55%) translateX(-50%);
			-webkit-transition: scale 0.35s, -webkit-transform 0.35s;
			transition: scale 0.35s, transform 0.35s;
			color: #fff;
			font-size:22px;
			border-bottom: 3px solid #fff;
			border-top: 3px solid #fff;
			padding: 20px 20px;
			position: absolute;
			top:50%;
			left:50%;
			width:auto;
			text-align: center;
			background-color: #ccc;
		}
	
	.full-image-gallery-thumbnails{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		margin-bottom: 0px;
	}
	
		.full-image-gallery-thumbnails .item{
			background-color: #786b46;
			cursor: pointer;
		}
		
			.full-image-gallery-thumbnails .item img{
				opacity:.5;
				-webkit-transition: opacity .2s; /* Safari 3.1 to 6.0 */
    			transition: opacity color .2s;
			}
			
			.full-image-gallery-thumbnails .item:hover img{
				opacity:1;
			}
	
/* Window Overlay */
#WindowOverlay{
	position:fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background-color: rgba( 48,41,17, .8);
	z-index: 99999999999999999;
	display: none;
}

#WindowOverlay.hasErrors{
	display: block;
}

	#WindowOverlay .login-form{
		height:auto;
		margin-top: 50px;
		padding: 20px;
	}
	
		#WindowOverlay .login-form hr{
			margin-bottom:10px;
			margin-top:10px;
			color: #fff;
			border-top: 2px solid #fff;
			margin-left: 25%;
			margin-right: 25%;
		}
		
		#WindowOverlay .login-form h3{
			padding-left: 20%;
			padding-right: 20%;
		}
		
		/* form */
		#WindowOverlay .login-form .form-group.password,
		#WindowOverlay .login-form .form-group.password,
		#WindowOverlay .login-form #FirstName,
		#WindowOverlay .login-form #Surname,
		#WindowOverlay .login-form #Password,
		#WindowOverlay .login-form #Email{
			display: inline-block;
			width:40%;
			margin-bottom: 0px;
		}
		
		#WindowOverlay .login-form #MemberRegistrationForm_RegisterForm #TempBusinessListingPageID,
		#WindowOverlay .login-form #MemberRegistrationForm_RegisterForm #Email{
			display:inline-block;
			width: 81%;
		}
		
		#WindowOverlay .login-form #MemberRegistrationForm_RegisterForm input{
			margin-bottom:5px;
		}
		
		#WindowOverlay .login-form #MemberRegistrationForm_RegisterForm .Actions input{
			margin-top:15px;
		}
		
		#WindowOverlay .login-form #Remember{
			display:none;
			
		}
		
		#WindowOverlay .login-form .Actions .btn{
			float:none;
			display: inline-block;
		}
		
		#WindowOverlay .login-form #ForgotPassword a{
			color:#fff;
		}
		
		#WindowOverlay .login-form #MemberRegistrationForm_RegisterForm p{
			margin-left:15%;
			margin-right: 15%;
		}
		
		#WindowOverlay .login-form a.logout{
			color: #fff;
			background-color: #85c440;
			display: inline-block;
			padding: 10px;
			font-size: 16px;
			border: 0px none;
			background-image: none;
			text-shadow: none;
			box-shadow: none;
			border-radius: 0px;
			font-family: 'Roboto Slab', serif;
		}
		
		#WindowOverlay .login-form #MemberRegistrationForm_RegisterForm #AcceptTerms a{
			color:#fff;
		}
		
		#WindowOverlay .login-form #MemberRegistrationForm_RegisterForm #RequestBusinessListingPage{
			margin-bottom:0px;
		}
		
		#WindowOverlay .register-form{
			margin-bottom:50px;
		}
		
/* Member Profile */
#EditProfileForm_EditProfileForm .field{
	float:left;
}

#EditProfileForm_EditProfileForm .Actions{
	float:right;
	margin-top: -50px;
}

#EditProfileForm_EditProfileForm #LastVisited,
#EditProfileForm_EditProfileForm #Locale,
#EditProfileForm_EditProfileForm #DateFormat,
#EditProfileForm_EditProfileForm #TimeFormat,
#EditProfileForm_EditProfileForm #Image,
#EditProfileForm_EditProfileForm #TempBusinessListingPageID{
	display:none;
}

/* Downloads Page */
body.DownloadsPage #BlogListing h3{
	border:0px none;
	font-size: 40px;
	padding-top: 0px;
	margin: 0px;
	font-weight: 400;
}

body.DownloadsPage #BlogListing .header{
	padding:40px 30px 0px 30px;
}


body.DownloadsPage #BlogListing .header h4{
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	padding-right: 20px;
	margin-top: 0px;
}

body.DownloadsPage #BlogListing .header a{
	position:relative;
}

#MyListRegister,
#DownloadRegister{
	position:fixed;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
	z-index:99999;
	background-color: rgba(0,0,0,.8);
	display: none;
}

#MyListRegister .inner,
#DownloadRegister .inner{
	position:relative;
	  background-image: url(../images/footer_bg.jpg);
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center;
	 width:450px;
	 height: auto;
	 top:50%;
	 left:50%;
	 -webkit-transform: translateY(-50%) translateX(-50%);
	 	-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	color: #fff;
	padding: 20px 40px;
}

#MyListRegister .inner .bg,
#DownloadRegister .inner .bg{
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(120,107,70, .9);
}

#MyListRegister .inner p,
#MyListRegister .inner form,
#MyListRegister .inner hr,
#MyListRegister .inner h2,
#MyListRegister .inner h4,
#DownloadRegister .inner p,
#DownloadRegister .inner form,
#DownloadRegister .inner hr,
#DownloadRegister .inner h2,
#DownloadRegister .inner h4{
	position:relative;
	text-align: center;
}

#MyListRegister .inner hr,
#DownloadRegister .inner hr{
	margin-right:25%;
	margin-left: 25%;
	border-top: 2px #fff solid;
}

#MyListRegister .inner #Password,
#MyListRegister .inner #Email,
#MyListRegister .inner #Password,
#MyListRegister .inner #Email,
#DownloadRegister .inner #Name,
#DownloadRegister .inner #Email,
#DownloadRegister .inner #Name,
#DownloadRegister .inner #Email{
	float:left;
	width:48%;
	margin-bottom: 0px;
}
#MyListRegister .inner #Password input,
#MyListRegister .inner #Email input,
#DownloadRegister .inner #Name input,
#DownloadRegister .inner #Email input{
	border: 0px none;
}

#MyListRegister .inner #Email,
#DownloadRegister .inner #Name{
	margin-right:2%;
}

#DownloadRegister .inner .Actions{

}

#MyListRegister .inner .Actions input,
#DownloadRegister .inner .Actions input{
	background: #584b26;
	border: 0px none;
	border-radius: 0px;
	display: inline-block;
	margin-right: 0px;
	margin-top: 10px;
}

#ApproveLoader{
	position:relative;
	background: url(../images/brown-loader.gif) no-repeat center center;
	height: 75px;
	display: none;
}

/* Search Results */
#SearchResults li,
#SearchResults{
	margin:0px;
	padding:0px;
	list-style: none;
}

#SearchResults li{
	border-bottom:1px solid #786b46;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#SearchResults li h4 a{
	background-color:transparent;
	padding:0px;
	display:block;
	font-size:25px;
	color:#786b46;
}

#SearchResults li .pad-in{
	padding-left:20px;
}

#result-search-form fieldset .form-group{
	float:right;
	margin-top:-58px;
}



/* My List */

#BlogListing .biz-header .mylist-head h2,
#BlogListing .biz-header .mylist-head h4,
#BlogListing .biz-header .mylist-head hr{
	text-align:center;
	position: relative;
}

#BlogListing .biz-header .mylist-head h2{
	font-weight:700;
	font-size: 55px;
	margin-bottom: 10px;
}

#BlogListing .biz-header .mylist-head h3{
	margin-top:10px;
	padding-top:0px;
	padding-bottom:0px;
	border-bottom: 0px none;
  	border-top: 0px none;
  	font-size: 22px;
  	line-height:30px;
  	font-weight: 400;
  	font-style: italic;
  	text-align: center;
}

#BlogListing .biz-header .mylist-head hr{
	border-top:2px solid #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 26%;
	margin-right: 26%;
}



#BlogListing .biz-header .mylist-head hr.big{
	border-top:4px solid #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5%;
	margin-right: 5%;
}

#BlogListing .biz-header .mylist-head p{
	color: #fff;
	padding-left: 20%;
	padding-right: 20%;
	position: relative;
	margin-top: 10px;
	text-align: center;
}

#BlogListing .biz-header .mylist-head form{
	margin-top:10px;
}

a.add-to-mylist{
	float:right;
}

#BlogListing .biz-listing.no-my-listings{
	background-color:rgba(190,162,82, .2);
	text-align: center;
	position: relative;
}

#BlogListing .biz-listing.no-my-listings h3{
	text-align: center;
	font-weight: 400;
	font-style: italic;
	font-size: 40px;
	padding: 0px 25%;
	line-height: 50px;
}

#BlogListing .biz-listing.no-my-listings h4{
	text-align: center;
	font-weight: 400;
	font-style: italic;
	font-size: 22px;
	padding: 0px 25%;
	line-height: 30px;
}

#BlogListing .biz-listing.no-my-listings hr{
	margin: 0px 30%;
}

.vert-center{
	-webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 position: relative;
	 top:45%;
}

.MyListPage #CustomLoginForm_LoginForm,
#Form_MyListRegisterForm{
	margin-top:15px;
	margin-bottom:0px;
}

.MyListPage #CustomLoginForm_LoginForm{
	float:left;
}

.MyListPage #CustomLoginForm_LoginForm fieldset,
#Form_MyListRegisterForm fieldset{
	float:left;
}

.MyListPage #CustomLoginForm_LoginForm input,
#Form_MyListRegisterForm fieldset input{
	margin-bottom:0px;
}

.MyListPage #CustomLoginForm_LoginForm label,
#Form_MyListRegisterForm label{
	display:none;
}

.MyListPage #CustomLoginForm_LoginForm .form-group{
	float:left;
	width:200px;
	margin-right: 8px;
	margin-bottom: 0px;
	
}

.MyListPage #CustomLoginForm_LoginForm .Actions{
	float:left;
}

.MyListPage #CustomLoginForm_LoginForm .Actions .form-group{
	width:auto;
}

.MyListPage #CustomLoginForm_LoginForm #Remember,
.MyListPage #CustomLoginForm_LoginForm #ForgotPassword{
	display:none;
}

h4.my-list-form-title{
	float:left;
	font-size: 14px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-top: 27px;
}

.MyListPage .typography a.at-share-btn{
	margin-bottom: 0px;
	margin-top: 20px;
}

/* add to list button */
a.add-to-mylist{
	background: url(../images/add-to-list-button.png) no-repeat 0px 0px;
	width:42px;
	height: 42px;
	text-indent: -99999px;
	overflow: hidden;
}

a.add-to-mylist.added{
	background-position: 0px -50px;
}

a.add-to-mylist.loading{
 	-webkit-animation: rotate 2s linear infinite;
}

@-webkit-keyframes rotate {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

span.add-my-list-title{
	float:right;
	margin-top: 10px;
	margin-right: 8px;
	color: #ef4123;
	display: none;
}

/* slick */

.slick-dots{
	bottom:40px;
}
	
	.slick-dots li{
		list-style:none;
	}
	
	.slick-dots li.slick-active button,
	.slick-dots li button{
		background-color: #fff;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	.slick-dots li.slick-active button{
		background-color: rgba(255,255,255,.6);
	}
	
		.slick-dots li button:hover{
			background-color: #fff;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			border: 2px solid #fff;
		}
		
.close-btn{
	position: absolute;
	display: block;

	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 15px;
	right: 15px;
	padding: 0;
	border: none;
	outline: none;
	
	width:49px;
	height: 49px;
	display: inline-block;
	background: url(../images/close.png) no-repeat center center;
	
	text-indent: -99999px;
}
		
.slick-prev, 
.slick-next{
	position: absolute;
	display: block;

	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -44px;
	padding: 0;
	border: none;
	outline: none;
	
	width:49px;
	height: 49px;
	display: inline-block;
	
	text-indent: -99999px;
	
}

.slick-next{
	right:15px;
	background: url(../images/gallery_next.png) no-repeat;
}

.slick-prev{
	left:15px;
	background: url(../images/gallery_prev.png) no-repeat;
}

#BlogListing .slick-next{
	right:0px;
	background: none;
}

#BlogListing .slick-prev{
	left:0px;
	background: none;
}

.slick-prev:focus, 
.slick-next:focus,
.slick-prev:hover, 
.slick-next:hover{
	
}

.slick-next:focus,
.slick-next:hover{
	background: url(../images/gallery_next.png) no-repeat;
}

.slick-prev:focus,
.slick-prev:hover{
	background: url(../images/gallery_prev.png) no-repeat;
}
		
/* youtube */
/* video */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	background-color: rgba(0,0,0,.8);
}

	.video-container iframe, 
	.video-container object, 
	.video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
/* bootstrap carousel */

    .carousel-fade .item {
      opacity: 0;
      transition-property: opacity;
    }

    .carousel-fade .active {
      opacity: 1;
    }

    .carousel-fade .active.left,
    .carousel-fade .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }

    .carousel-fade .next.left,
    .carousel-fade .prev.right {
      opacity: 1;
    }

  .carousel-fade .carousel-control {
    z-index: 2;
  }
  
  .carousel-indicators li{
  		margin-top:0px;
  		margin-bottom:0px;
  		width:14px;
  		height:14px;
  		background-color: rgba(255,255,255,.6);
  		border: 0px none;
  }
  
  .carousel-indicators li.active{
  		margin-top:0px;
  		margin-bottom:0px;
  		width:14px;
  		height: 14px;
  		border: 0px none;
  		background-color: rgba(255,255,255,1);
  }
  
  /*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/* forms */
.form-control,
input,
select,
textarea{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px none;
	width: 100%;
	padding: 5px 10px;
	font-size: 16px;
	line-height:25px;
	margin-bottom: 15px;
	color: #786b46;
	border: 1px solid #897d5d;
	height: 43px;
}


input[type="submit"]{
	display: inline-block;
	width: auto;
	font-size: 18px;
	line-height: 22.8571434020996px;
	color: #fff;
	background-color: #b3aa91;
	-webkit-transition: background-color .2s; /* Safari 3.1 to 6.0 */
    transition: background-color color .2s;
}

input[type="submit"]:hover{
	background-color: #786b46;
}

::-webkit-input-placeholder {
   color: #b3aa91;
}

:-moz-placeholder { /* Firefox 18- */
   color: #b3aa91;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #b3aa91;  
}

:-ms-input-placeholder {  
   color: #b3aa91;  
}

.radio label, 
.checkbox label{
	padding-left: 25px;
	
}

.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"]{
	float: left;
	width:18px;
	height: 18px;
	margin-left: -25px;
	margin-top: 0px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select,
.form-control:focus,
.uneditable-input:focus {   
  border-color: #000;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
	box-shadow: none;
	 outline: 0 none;
}

p.message{
	background-color: red;
	padding: 15px;
	color: #fff;
}

table.biz-listings-table{
	width: 100%;
	margin-top: 20px;
}

/* dropzone */
.dropzone-holder{

}

.dropzone-holder p{
	font-size: 14px;
	line-height: 18px;
}

.dropzone-holder a.dropzone-select{
	background: transparent;
	font-size: 14px;
	line-height: 18px;
	padding: 0px;
	color: #000;
	font-family: 'PT Sans', sans-serif;
}

/* dashboard */
#Form_CreateListingForm #BusinessListingCategories,
#Form_CreateListingForm #BusinessListingSubCategories{
	display: none;
}

.biz-listings-table a.listing-title{
	background: transparent;
	font-size: 18px;
	line-height: 22px;
	padding: 0px;
	color: #000;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#UPSInfoGraphic h3{
		margin-top: 80px;
	}
	
	#BlogListing h3{
		font-size: 30px;
		line-height: 35px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#BlogListing .big-arrow-brown,
	#BlogListing .big-arrow-green{
		display: none;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	#Header a.logo{
		margin:15px 0px 15px 15px;
	}
	
	#Header #MainNav li a{
		width:42px;
		text-indent: -9999px;
	}
	
	#Header #MainNav li a.menu-pos_1,
	#Header #MainNav li a.my-list{
		padding-right: 10px;
	}
	
	#Header #MainNav li a span.colour-overlay.pos_1{
		background: rgba(120,108,71,.8) url(../images/menu-icon.png) no-repeat center center!important;
	}
	
	#Header #MainNav li a span.colour-overlay.my-list{
		background: rgba(239,65,35,.8) url(../images/my-list-icon.png) no-repeat center center!important;
	}
	
	#Header #MainNav li a.menu-pos_2,
	#Header #MainNav li a.menu-pos_3,
	#Header #MainNav li a.menu-pos_4{
		display: none;
	}
	
	#Header #SearchForm_SearchForm{
		display: none;
	}
	
	#Header #MainNav{
		margin-right:15px;
		margin-bottom:25px;
	}
	
	#Header #MainNav li.search-btn a{
		background: none;
	}
	
	#Header #MainNav li.search-btn a span.search-icon{
	  	position: absolute;
	  	width: 100%;
	  	height: 42px;
		top: 0px;
	  	left: 0px;
		background: url(../images/search.png) no-repeat center center!important;
		border: 1px solid rgba(120,108,71,1);
	}
	
	#SubNav{
		top:102px;
		padding: 10px 5px;
		height: auto;
	}
	
	#SubNav ul li ul{
		display: none;
	}
	
	#SubNav ul li{
		margin-bottom: 10px;
	}
	
	#HomePageBanner{
		height: 700px;
	}
	
	#UPSInfoGraphic #Untitled1{
		display: none;
	}
	
	#UPSInfoGraphic{
		height: auto;
		padding-bottom: 170px;
	}
	
	#UPSInfoGraphic h3,
	#UPSInfoGraphic h4{
		text-align: center;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#StartPlanning{
		height: auto;
		padding-bottom: 220px;
	}
	
	#BlogListing #EventSlider, 
	#BlogListing #BlogSlider{
		margin-top: 0px;
	}
	
	#BlogListing #EventSlider{
		margin-left: 0px;
	}
	
	.col-sm-2-5{
		width: 33.33%;
		float: left;
	}
	

	.col-sm-2-5:nth-child(3){
		display: none;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	#Header a.logo img{
		width:120px;
		height: auto;
		margin-top: 12px;
	}
	
	.banner-image{
		height: 550px;
	}
	
	.banner-image img{
		width:300px;
		height: auto;
	}
	
	#HomePageBanner{
		height: 500px;
	}
	
	.row .col-60{
		width:100%;
		float: left;
	}
	
	.row .col-40{
		width:100%;
		float: left;
	}
	
	.at-glance-box{
		height: auto;
	}
	
	#BlogListing h3{
		margin-bottom: 0px;
	}
	
	#UPSInfoGraphic #GotoMap{
		right: 20px;
	}
	
	#LowerFooter .col-sm-4:after, 
	#LowerFooter .col-sm-5:after, 
	#MainFooter .col-sm-4:after, 
	#MainFooter .col-sm-5:after{
		width: 0px;
		background-color: transparent;
	}
	
	#LowerFooter .col-sm-4, 
	#LowerFooter .col-sm-5
	#MainFooter .col-sm-3, 
	#MainFooter .col-sm-4, 
	#LowerFooter .col-sm-5, 
	#MainFooter .col-sm-4, 
	#MainFooter .col-sm-5,
	#MainFooter .col-sm-3,
	#MainFooter .col-sm-4, 
	#LowerFooter .col-sm-5, 
	#MainFooter .col-sm-4, 
	#MainFooter .col-sm-5{
		min-height: 20px;
		margin-left: 20px;
		margin-right: 20px;
		border-bottom: 2px solid #fff;
		margin-bottom: 20px;
		padding-bottom: 30px;
	}
	
	.content-pad-big{
		padding: 20px 20px 20px 20px;
	}
	
	.gallery-menu{
		padding: 0px 15px;
	}
	
	#PageBanner .container, 
	#PageBanner .container .row, 
	#PageBanner .container .row .col-sm-6, 
	#PageBanner{
		height: 450px;
	}
	
	.col-sm-2-5{
		width: 100%;
	}
	
	.col-sm-2-5:nth-child(5),
	.col-sm-2-5:nth-child(4),
	.col-sm-2-5:nth-child(3){
		display: block;
	}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

#CloseTrade{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}