body{
	height:100%;
        background: #7dafed url("/img/bespoke/worksop/bg.png") repeat-x;
		font-family:comic sans ms;
}



#wrapper {
	width: 1092px;
	margin-left: auto;
	margin-right: auto;
	min-height:100%;
  
	

	}



#content-wrapper {
              background:  url("/img/bespoke/worksop/tile.png") repeat-y;
        height: auto;
        width:1002px;
		padding:10px 45px;
        margin:0 auto;
        
}




/*  Header
    ======  */
#header {
	background: url("/img/bespoke/worksop/header.png") no-repeat scroll center top transparent;
        height: 240px;
        margin: 0 auto;
        position: relative;
        width: 1002px;
		padding:0px 45px;

}



	#header h1 {
		margin: 0 0 0 18px;
		line-height: 1.35em;
		font-size: 2.6em;
		color: #F2D008;
		text-shadow: 2px 2px 2px #444;
	}

	#header p {
		margin:5px 0 0 20px;
		font-size: 1.5em;
		color: #eee;

	}

	#header #search {
			bottom: 0;
                        height: 28px;
                        padding: 7px 8px;
                        position: absolute;
                        right: 125px;
                        /*
			background: #006738;
			-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;
			-webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.1);
			box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.1);
                        */
		}

        #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:0px;
			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;
            margin: 0;
         
            height: 28px !important;
		}

/*  Nav
    ===  */
#nav {
	float: left;
        padding: 5px;
        position: relative;
        width: 269px;
}

#nav-address {
        width:200px;
        height: auto;
        margin:10px auto;
        color:#fff;
}

	#nav ul {
		list-style: none;
		margin: 0;
	}

		#nav ul li {
			line-height: 31px;
			margin-bottom: 5px;
			font-size:1.2em;
			color: #fff;
			height:45px;
                        position:relative;
                        background: url(/img/bespoke/worksop/m1.png) no-repeat top center;
                        z-index:555;
		}
                
                #nav ul li.item2,
		#nav ul li.item5,
		#nav ul li.item8,
		#nav ul li.item11,
		#nav ul li.item14,
		#nav ul li.item17,
		#nav ul li.item19
                {
			background: url(/img/bespoke/worksop/m2.png) no-repeat top center;
		}

		#nav ul li.item3,
		#nav ul li.item6,
		#nav ul li.item9,
		#nav ul li.item12,
		#nav ul li.item15,
		#nav ul li.item18,
		#nav ul li.item20 {
			background: url(/img/bespoke/worksop/m3.png) no-repeat top center;
		}
		
		          #nav ul li.item2 ul,
		#nav ul li.item5 ul,
		#nav ul li.item8 ul,
		#nav ul li.item11 ul,
		#nav ul li.item14 ul,
		#nav ul li.item17 ul,
		#nav ul li.item19 ul
                {
			background: #ff5035;
		}

		#nav ul  li.item3  ul,
		#nav ul li.item6 ul,
		#nav ul li.item9 ul,
		#nav ul li.item12 ul,
		#nav ul li.item15 ul,
		#nav ul li.item18 ul,
		#nav ul li.item20 ul {
			background: #2e78ff;
		}
		
		
		          #nav ul li.item2 ul li ul,
		#nav ul li.item5 ul li ul,
		#nav ul li.item8 ul li ul,
		#nav ul li.item11 ul li ul,
		#nav ul li.item14 ul li ul,
		#nav ul li.item17 ul li ul,
		#nav ul li.item19 ul li ul
                {
			background: #ff5035 ;
		}

		#nav ul  li.item3 ul li ul,
		#nav ul li.item6 ul li ul,
		#nav ul li.item9 ul li ul,
		#nav ul li.item12 ul li ul,
		#nav ul li.item15 ul li ul,
		#nav ul li.item18 ul li ul,
		#nav ul li.item20 ul li ul {
			background: #2e78ff ;
		}
		 


			#nav ul li a {
				color: inherit;
				*color: #fff;
				display: block;
				padding-left: 16px;
				position: relative;
				z-index: 2;
				min-height:31px;
				line-height: 31px;
                                
                                font-family: arial;
			}
                        
                        #nav > ul > li > a {
                                display: table-cell;
								font-family: comic sans ms;
								font-size: 15px;
								font-weight: bold;
								height: 44px;
								line-height: 20px;
								overflow: hidden;
								padding-left: 50px;
								padding-top: 0;
								text-align: left;
								vertical-align: middle;
								width: 219px;
                                text-shadow: 1px 1px 1px #86721c,
                                             1px -1px 1px #86721c,
                                             -1px 1px 1px #86721c,
                                             -1px -1px 1px #86721c;
                                
                                filter:glow(color=#86721c, strength=5);
                               
                        }

				#nav ul li ul {
					background: #ffd038;
					padding: 12px 0;
					border-radius: 10px;
                                        -moz-border-radius: 10px;
                                        -webkit-border-radius: 10px;
					
					z-index: 1;
				}
                                
                                #nav ul li ul {
                                        width: 185px;
                                        left:265px;
                                        top:0px;
                                        position: absolute;
                                        display:none;
                                        
                                      
                                }

					#nav ul li ul li {
						line-height: 2em;
						font-size: 14px;
						position: relative;
						margin: 0;
                                                background: none !important;
                                                
                                        
					}
                                        
                                        #nav ul li ul li.last {
                                                border-bottom: none;
                                        }

						#nav ul li ul li a {
						 text-align:center;
							background: none;
						  font-size: 13px;
                                font-weight: bold;
                                height: auto;
                                line-height: 20px;
                                overflow: hidden;
                                padding-top: 5px;
                                color:white;
                             font-family:comic sans ms;
                                text-shadow: 1px 1px 1px #86721c,
                                             1px -1px 1px #86721c,
                                             -1px 1px 1px #86721c,
                                             -1px -1px 1px #86721c;
                                
                                filter:glow(color=#86721c, strength=5);
						}
                                                
                                              
                                                /*
						#nav ul li li li a { text-indent: 16px; background: url(/img/bespoke/worksop/arrow.png) no-repeat 16px 8px !important; }
						#nav ul li li li li a { text-indent: 32px; background: url(/img/bespoke/worksop/arrow.png) no-repeat 32px 8px !important; }
						#nav ul li li li li li a { text-indent: 48px; background: url(/img/bespoke/worksop/arrow.png) no-repeat 48px 8px !important; }
                                                */
							#nav ul li ul li ul {
								/*padding: 0;*/
								top: -10px;
								margin: 0;
								border-radius: none;
                                                                left:173px;
							}

		/*  Nav-mobile
    ===  */
#nav-mobile {
	position: relative;
	width: auto;
	margin: 0 auto;
	height: 69px;
	z-index: 3;
        display:none;
        background:blue;
       
        border: solid 1px lightblue;
}

#nav-mobile #nav-more{
        font-size: 18px;
        color: #ffffff;
        width:auto;
        height:50px;
        padding:0 15px;
        line-height:50px;
        text-align:left;
        cursor:pointer;
    
        background: url(/img/bespoke/parley/dropdown-white.png) no-repeat top right;
}

	#nav-mobile ul {
		margin: 0;
		list-style: none;
		height: auto;
		position: relative;
		z-index: 4;
                padding: 0px;
	}
        

		#nav-mobile ul li {
			position: relative;
			float: left;
			height: 100%;
			line-height: 58px;
			display: block;
			color: #ffffff;
			font-size: 15px;
			text-shadow: 1px 1px 0 #222;
			font-weight: bold;
			background: url(/img/bespoke/parley/seperator.png) right top no-repeat;
			z-index: 4;

                        
		}

		#nav-mobile ul li:last-child {
			background: none;
		}

			#nav-mobile ul li a {
				text-decoration: none;
color:#ffffff !important;
				display: block;
				padding: 0 22px;
				z-index: 4;
				position: relative;
			}
                        
                        #nav-mobile > ul > li.current-item > a {
                                background: url(/img/bespoke/parley/menu-hover3.png) no-repeat center center;
                        }
                        
                        #nav-mobile > ul > li > a {
                                height: 60px;
                        }

				#nav-mobile ul.dropdown ul {
					position:absolute;
					width: 175px;
					display: none;
					height: auto;
					margin:0;
					background-image: none;
					background-color: #533EA6;
					border: 1px solid #B28939;
					margin-top: -1px;
                                        padding:0;
				}

                                #nav-mobile ul.dropdown li.extra.more ul {
                                        margin-left:-90px;
                                }
                                
					#nav-mobile ul.dropdown ul li {
						display: block;
						float: none;
						margin: 0;
						border: none;
						background-image: none;

					}


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

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

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

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

#nav-mobile ul.dropdown li.more span {
	display: block;
	padding-top: 46px;
	height: 0;
	width: 56px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	cursor: pointer;
	background: url(/img/bespoke/parley/dropdown-white.png) no-repeat 15px 0;
}

#nav-mobile ul.dropdown li li.more span {
	background-position: 15px -66px;
}

#nav-mobile ul.dropdown li li {
	clear: both;
	display: block;
	line-height: 40px;
}

#nav-mobile ul.dropdown li a {
	display:block;
	padding: 0 10px;

}

#nav-mobile ul.dropdown li li a {
	font-weight: normal;

}

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

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

												}

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

												#nav-mobile ul.dropdown ul { text-indent:20px; }
												#nav-mobile ul.dropdown ul ul { text-indent:40px; }
												#nav-mobile ul.dropdown ul ul ul { text-indent:60px; }
												#nav-mobile ul.dropdown ul ul ul ul { text-indent:80px; }

												#nav-mobile ul.dropdown ul li.more span {
													background-position: 4px -64px !important;
													width:45px;
													padding-top: 40px;
													z-index: 5;
													border-left: 1px solid #B28939;
												}

												#nav-mobile ul.dropdown ul li.down > span {
													background-position: 4px -8px !important;
												}

												#nav-mobile .extra {
													cursor: pointer;
												}

												#nav-mobile .extra > a {
													display:none !important;
												}

												#nav-mobile .extra:before {
													content: 'Menu';
													padding-left:10px;
												}
											}
/*  Content
    =======  */
#content {
	float: left;
	width:690px;
	padding: 25px 15px 25px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
        min-height:300px;
        /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
}

.page-home #content .homeblock  {
        background: none repeat scroll 0 0 #b0c7db;
        margin-top: 10px;
        overflow: visible;
        padding: 0 8px 12px;
		border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
}
/*
.page-home #content .homeblock:before {
        height:35px;
        content:"What's happening in...";
        color:#fff;
        text-align:center;
        font-size:18px;
        width:690px;
        font-weight:bold;
        display:block;
        background:#689fff;
        line-height:35px;
        position: relative;
        top: -10px;
        left: -8px;
        border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -webkit-border-radius: 15px 15px 0 0;
}
*/

/*  Footer
    ======  */
#footer {
    background: url("/img/bespoke/worksop/footer.png") no-repeat scroll center top transparent;
    color: white;
	font-weight:bold;
    font-size: 12px;
    height: 93px;
    margin: auto 0;
    padding: 172px 0px 0px 30px;
    text-align: center;
    width: auto;

}

#footer-address {
width:300px;
margin-right:50px;
        float:right;
		text-align:right;
}

	#footer a {
		color: inherit;
	}

/*  Text Styles
    ===========  */

#content .row {
	margin-left:-50px;
}

#content .span4 {
	margin-left: 50px;
}

#content .page-header {
	border-bottom: 1px solid #444;
	margin: 0;
    margin-bottom: 8px;
}

#content .page-header h2 {
	margin: 2px 0 0px;
	font-size: 2.1em;
	color: #333;
    padding-bottom: 10px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #2873be;
	font-size: 1.5em;
}

#content h1 { font-size: 1.5em; margin: .5em 0; }
#content h2 { font-size: 1.4em; margin: .5em 0; }
#content h3 { font-size: 1.3em; margin: .5em 0; }
#content h4 { font-size: 1.2em; margin: .5em 0; }
#content h5 { font-size: 1.1em; margin: .5em 0; }
#content h6 { font-size: 1.0em; margin: .5em 0; }

#content, #content p, #content li, #content dt, #content dd, #content label {
	font-size: 15px;
	line-height: 21px;
}

#content dd {
	margin: 0 0 9px 0;
}

/*  Events
    ======  */
dl.events {
	padding-left: 60px;
}

	dl.events dt {
		position: relative;
	}

		dl.events dt small {
			position: absolute;
			left: -60px;
			top: 4px;
			width: 48px;
			height: 48px;
			background: #fff;
			box-shadow: 0 0 5px #bbb;
			border: 1px solid #ccc\9;      /* IE8 and below */
		}

			dl.events dt small .day {
				position: absolute;
				top: 18px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				left: 0;
				width: 48px;
				background: #f4f4f4;
				font-weight: bold;
				font-size: 23px;
				color: #444;
			}

			dl.events dt small .month {
				color: #fff;
				background: #b00;
				position: absolute;
				top: 0;
				left: 0;
				line-height: 18px;
				height: 18px;
				width: 48px;
				text-align: center;
				font-weight: bold;
			}

			dl.events dt small .year {
				display: none;
			}

/* Mobile theme
   ============ */

@media (min-width: 768px) {
	#nav ul {
		display: block;
	}
}

@media (max-width: 767px) {
	#wrapper {
		width: auto;
                background:#fff;
                min-width: 0;
	}
#header #search{
display:none;
}
	body{
	background:none;
	}
        #wrapper-inner {
                width: auto;
                padding-bottom:0;
				
        }
        
        #content-wrapper {
                width: auto;
                background:#deeaf9;
				padding:0px;
        }
        
        #content-inner,
        #content-bot {
                width: auto;
        }
        
        #content-bot {
                background: none;
        }
        
	#header {
		background-position: center bottom;
                background-size: 110% auto;
                height: 115px;
                min-width: 0;
                width: 100%;
				padding:0px;
	}
        
        #header #header-inner {
                width: auto;
                height: 273px;
        }

	#header #search {
		right: 10px;
	}

	#nav:before {
		content: 'Menu';
		font-size: 20px;
		font-weight: normal;
		height: 31px;
		line-height: 31px;

	}

      	#nav{
	display:none;
	}
     #nav-mobile {
	
                display:block;
        }
        
	#nav-mobile {
		height: auto;
                margin:0px;
	}

	#nav-mobile > ul {
		display:none;
		width: auto;
		float: none;
		height: auto;
		position: relative;
                padding:0;
                
	}

	#nav-mobile ul ul {
		position: relative;
		width: auto;
		margin: 0 !important;
		border-top:0;
	}

	#nav-mobile ul ul ul {
		border: none;
                
	}

	#nav-mobile ul li {
		display:block;
		width: auto;
		float: none;
		height: auto;
		margin:0;
                background:none;
	}

	#nav-mobile > ul > li {
                border-bottom: solid 1px #fff
	}
        
        #nav-mobile ul ul li {
                text-indent:20px;
                color:#FEDD7A;
        }
        
        #nav-mobile ul ul ul li {
                text-indent:40px;
        }
        
        #nav-mobile ul ul ul ul li {
                text-indent:60px;
        }
		#content {
		width: auto ;
		padding: 10px;
		margin: 10px;
        min-height: 200px;
	}

      #content .column {
                width: auto;
        }
        
        #content .element-slideshow .slideshow img {
                width:100% !important;
                height:auto !important;
        }
        
        #content .element-slideshow .slideshow {
                width:100% !important;
        }

        #content .element-image img{
                width:100% !important;
                height:auto;
        }
        
		    #content .element object {
                width: auto !important;
        }
        
        #content .element object embed {
                width: 320px !important;
        }
		 #content .element .form {
                width: 100% !important;
        }
      
      #content  .media-grid li.small {
    width: auto;
}

  #content  .media-grid img {
    width: auto;
}

#content .media-grid li.small div {
  width:auto;
}

#content .element-media {
  width:auto;
}
#content .media {
  width:auto !important;
}



#content .element-marquee div {
 width:auto !important;
padding:0px !important;
white-space:normal !important;
}


.page-home #content .homeblock:before {
	width:290px;
}

           #content .element-document .flexpaper_viewer {
                width: 100% !important;
        }
        
	#footer {
	background-size:120%;
                padding: 10px 0;
                width: 100%;
                min-width:0;
                margin: 0;
				height:auto;
				padding:0px;
				color:black;
	}

        #footer-address {
		position:static;
                display:block;
				color:black;
				width:auto;
				float:none;
				text-align:center;
        margin-right:0px;
		padding-top:100px;
		}
        
	.span4 {
		width: auto;
	}

}

@media (max-width: 480px) {
        #header {
                height:71px;
        }
}