@font-face {
    font-family: 'PlaytimeWithHotToddiesRegular';
    src: url('/fonts/bespoke/kingshedges/playtime-webfont.eot');
    src: url('/fonts/bespoke/kingshedges/playtime-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bespoke/kingshedges/playtime-webfont.woff') format('woff'),
         url('/fonts/bespoke/kingshedges/playtime-webfont.ttf') format('truetype'),
         url('/fonts/bespoke/kingshedges/playtime-webfont.svg#PlaytimeWithHotToddiesRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlaytimeWithHotToddiesObliqRg';
    src: url('/fonts/bespoke/kingshedges/PlaytimeOblique-webfont.eot');
    src: url('/fonts/bespoke/kingshedges/PlaytimeOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bespoke/kingshedges/PlaytimeOblique-webfont.woff') format('woff'),
         url('/fonts/bespoke/kingshedges/PlaytimeOblique-webfont.ttf') format('truetype'),
         url('/fonts/bespoke/kingshedges/PlaytimeOblique-webfont.svg#PlaytimeWithHotToddiesObliqRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
@font-face {
    font-family: 'PlaytimeWithHotToddies3DRg';
    src: url('/fonts/bespoke/kingshedges/PlaytimeWithHotToddies3D-webfont.eot');
    src: url('/fonts/bespoke/kingshedges/PlaytimeWithHotToddies3D-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bespoke/kingshedges/PlaytimeWithHotToddies3D-webfont.woff') format('woff'),
         url('/fonts/bespoke/kingshedges/PlaytimeWithHotToddies3D-webfont.ttf') format('truetype'),
         url('/fonts/bespoke/kingshedges/PlaytimeWithHotToddies3D-webfont.svg#PlaytimeWithHotToddies3DRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	height: 100%;
}

html {
	background: url(/img/bespoke/kingshedges/bg.png) repeat center top;
}

body {
	background: url(/img/bespoke/kingshedges/bg-purple.png) no-repeat center top;
	width: 100%;
    display: table;
}

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}


/*  Header
    ======  */
#header {
	height: 159px;
	position: relative;
        overflow:visible !important;
}

	#header h1 {
		color: #8D4DD1;
                font-size: 42px;
                line-height: 50px;
                margin-bottom: 6px;
                position: relative;
                top: 10px;
	}

	#header p {
		position: relative;
		top: 6px;
		color:#666666;
		font-size: 1.2em;
	}

	#header #search {
		position: absolute;
		bottom: 55px;
		right: 0px;
		height: 28px;
		padding: 4px;
		line-height: 28px;
                /*
                background: #fff;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-radius-bottomleft: 8px;
		border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-radius-bottomright: 8px;
		border-bottom-right-radius: 8px;
		border: 1px solid #aed8df;
		box-shadow: 0 0 3px #7b44b7;
                */
	}

        #header #search form {
            padding: 0;
            margin: 0;
        }

		#header #search input {
			-webkit-border-top-right-radius: 0;
			-webkit-border-radius-topright: 0;
			border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-webkit-border-radius-bottomright: 0;
			border-bottom-right-radius: 0;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-radius-bottomleft: 5px;
			border-bottom-left-radius: 5px;
		}

		#header #search .btn {
			padding-left: 15px;
			padding-right: 15px;
			-webkit-border-top-left-radius: 0;
			-webkit-border-radius-topleft: 0;
			border-top-left-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-webkit-border-radius-bottomleft: 0;
			border-bottom-left-radius: 0;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-radius-topright: 5px;
			border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-radius-bottomright: 5px;
			border-bottom-right-radius: 5px;
            height: 28px;
            margin: 0;
		}

                #header #children-centre {
                        width:94px;
                        height:120px;
                        position: absolute;
                        right:-20px;
                        top:0;
                        background: url(/img/bespoke/kingshedges/children-centre-logo.png) no-repeat top center;
                        background-size: 90%;
                }
                
/*  Nav
    ===  */
#nav {
}

	#nav ul {
		position: relative;
		z-index: 555;
		height: 44px;
		margin: 0;
		margin-bottom: 17px;
		list-style: none;
	}

	#nav ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
                color:#fff !important;
	}

		#nav ul.dropdown ul {
			position:absolute;
			width: 180px;
			display: none;
			height: auto;
			margin:0;
			background-image: none;
			background-color: #7b44b7;
			box-shadow: 0 0 3px #97bac0;
			filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
		}

			#nav ul.dropdown ul li {
				display: block;
				float: none;
				margin: 0;
				border: none;
				background-image: none;
				background-color: #7b44b7;
			}

		#nav ul li {
			margin: -1px 0 -1px -1px;
			display: block;
			float:left;
			height: auto;
			line-height: 44px;

		}
                
                #nav > ul > li:hover {
                        background: url(/img/bespoke/kingshedges/menu-hover.png) repeat-x top center;
                }

			#nav ul li a {
				display: block;
				height: auto
				line-height: 44px;
				padding: 0 12px;
				font-size: 1.1em;
                                color:#fff;
                                font-weight:bold;
			}
	#nav ul li ul li a {
			
				font-size: 0.9em;
                     
			}



#nav ul.dropdown ul ul {
	left: 100%;
	top: 0;
}

#nav ul.dropdown ul ul.left, #nav ul.dropdown ul ul.left ul {
	left: -100%;
}

#nav ul.dropdown li {
	display: inline-block;
	line-height:36px;
	position: relative;
}

#nav ul.dropdown li.more {
	padding-right: 36px;
}

#nav ul.dropdown li.more span {
	display: block;
	padding-top: 44px;
	height: 0;
	width: 36px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	cursor: pointer;
	background: url(/img/bespoke/kingshedges/dropdown.png) no-repeat 0 4px;
}

#nav ul.dropdown li li.more span {
	background-position: left -36px;
}

#nav ul.dropdown li li {
	clear: both;
	display: block;
	z-index: 1;
}

#nav ul.dropdown li a {
	display:block;
	padding: 0 5px;
}

											@media (max-width: 767px) {
												ul.dropdown, ul.dropdown ul {
													width:100%;
													position: relative;
												}

												ul.dropdown li {
													width: 100%;
													padding-right: 0 !important;
													position: relative;

												}

												ul.dropdown ul {
													left: 0 !important;
													text-indent: 14px;
												}

												ul.dropdown ul { text-indent:20px; }
												ul.dropdown ul ul { text-indent:40px; }
												ul.dropdown ul ul ul { text-indent:60px; }
												ul.dropdown ul ul ul ul { text-indent:80CFEDF4px; }

												ul.dropdown ul li.more span {
													background-position: left -36px !important;
												}

												ul.dropdown ul li.down > span {
													background-position: left top !important;
												}

												.extra {
													cursor: pointer;
												}

												.extra > a {
													display:none !important;
												}

												.extra:before {
													content: 'Menu';
													padding-left:10px;
												}
											}

#content {
	background: none repeat scroll 0 0 #FFFFFF;
        margin-bottom: 10px;
        min-height: 500px;
        padding: 25px 15px;
        position: relative;
        border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        -webkit-border-radius: 15px 15px 15px 15px;
}

.column-home {
        background: url(/img/bespoke/kingshedges/column-tile.png) repeat-y top center;
        height:auto;
        width:290px;
        margin-bottom:15px;
}

.column-content {
        background: url(/img/bespoke/kingshedges/column-top.png) no-repeat top center;
        min-height: 172px;
        height:auto;
        padding:15px;
        width:260px;
        color: #fff;
        
}

.column-content p {
        font-size:16px;
}

.column-content p,
.column-content h1,
.column-content h2,
.column-content h3,
.column-content h4,
.column-content h5,
.column-content h6 {
        color:inherit;
}

.column-bot-news {
        background: url(/img/bespoke/kingshedges/column-bot-news.png) no-repeat top center;
        width:290px;
        height:47px;
}

.column-bot-gallery {
        background: url(/img/bespoke/kingshedges/column-bot-gallery.png) no-repeat top center;
        width:290px;
        height:47px;
}

.column-bot-pu {
        background: url(/img/bespoke/kingshedges/column-bot-pu.png) no-repeat top center;
        width:290px;
        height:47px;
}

#footer {
	color: #EBF9D2;
	height: 40px;
	font-size: 12px;
	text-align: center;
	color: #000;
        padding-top:20px;
}

#footer small {
        font-size:12px;
}

#footerouter {
        width:100%;
        height:76px;
        background: url(/img/bespoke/kingshedges/footer-purple.png) repeat-x;
}

#footer a {
	color: inherit;
}

@media (max-width: 767px) {
	body {
		background-image: none;
	}

	#wrapper, #header, #nav, #content, #footer {
		width: auto;
	}

	#wrapper {
		padding: 0 10px 10px 10px;
		
	}

	#header {
		height: auto;
		padding: 0;
		padding-top: 47px;
		padding-bottom: 9px;
	}

	#header h1 {
		top: 0;
		margin:0;
		line-height:1.2em;
		height: auto;
		margin-bottom: 6px;
		font-size: 30px;
	}

	#header p {
		top: 0;
	}

	#nav {
		height: auto;

	}

        #nav ul:after {
        color:#fff !important;
        }

	#nav > ul {
		width: auto;
		background-image: none !important;
		background-color: #8d4dd1;
	}

	#nav ul.dropdown, #nav ul.dropdown ul {
		float: none;
		display: block;
		position: relative;
		width: auto;
		height: auto;
	}

	#nav ul.dropdown ul {
		border: none;
		box-shadow:none;
		margin: 0 !important;

	}

        #nav ul.dropdown li {
                color: #fff;
        }
        
	#nav ul li {
		height: auto;
		margin: 0;
		border: none;
		float: none;
		line-height: auto;
		background-image: none !important;

	}

	#nav ul li ul li {
		border-top: 1px solid #fff !important;
	}
        
        .page-home #content .column-1col {
                width:auto;
        }
}