html{
	font-size: 12px;
line-height: 1.5em;
}

body{
	font-family:Arial,Helvetica,sans-serif;
	background-color:#3f3434;
	padding:0px;
	margin:0px;
	text-align: center; /* for ie */
	background:	#3f3434;
	font-size:12px;
	color:#fff;
	border:1px solid black;
}

h1,h2, h3{
	font-family:Georgia,"Times New Roman",Times,serif;
	padding-bottom:3px;
}

a{
	border:none;
}

#bottom-content{
	margin-top:20px;
	float:left;
	width:1020px;
}

#middle-content{
	width:100%;
	float:left;
	margin-top:0px;
	border-left:1px solid black;
}

#centered-content{
	margin:0 auto;
	width:1020px;
	text-align:left;
}

a img{
	border:none;
}	



#lezanta{
	padding-bottom:10px;
}

#flags{
	float:right;
	width:100px;
}

header{
    float: left;
    height: 80px;
    width: 100%;
}

#content-block{ 
	float: left;  
	padding-top: 0px;
	margin-left:0px;
	display:block;
	position:relative;
	width:780px;
	background:none repeat scroll 0 0 #CCCCCC;
	background-repeat:no-repeat;
	margin-right:30px;
	margin-top:10px;
	padding:0px;
	border:10px solid #fff;
}

#the-content{
	float:left;
	width:42%;
	z-index:20;
	padding-top:10px;
	padding:10px;
	min-height:300px;
	margin-right:10px;
	background-color:#312929;
}

#frame{
	width:98%;
	background-color:#312929;
	float:left;
	height:350px;
	border:10px solid #312929;
	margin-bottom:10px;
}



/* clearfix */
.edition_list:after, .inner:after, .editions:after, .blocks:after, .clearfix:after, .container:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden;
}
.edition_list, .inner, .editions, .blocks, .clearfix, .container {
  display:block;
}


.container {
   margin: 0 auto;
  padding: 0 16px;
  text-align: left;
  width:1020px;
}

/* modules */
.inner {
  background: #3f3434;
}

#the-content p{
	font-size:16px;
	font-weight:550;
}

footer{
	width:100%;
	height:120px;
	float:left;
	background-color:#312929;
	margin-top:10px;
	padding-bottom:20px;
}

#topNav, #secNav{
	width:100%;
	text-align:center;
	float:left;
	background-color:#574a4a;
	height:50px;
}

#secNav{
	margin-bottom:10px;
}


#topNav ul, #topNav li, #secNav ul, #secNav li{
	list-style:none;
	margin:0px;
	padding:0px;
}

#topNav ul, #secNav ul{
	width:1020px;
	margin:0px auto;
	text-align:left;
}

#topNav li, #secNav  li{
	float:left;
	padding-top: 9px;
}

#topNav li a, #secNav  li a{
	color:#fff;
	width:180px;
	padding:15px;
	height:20px;
}

#topNav li a.current, #secNav  li a.current{
	color:#fff;
}


#topNav li{	
	margin-top:8px;
	position:relative;
	display:block;
	margin-right:1px;
}

#topNav li ul {
	position:absolute;
	top:10px;
	left:0px;
	display:none;	
}

#topNav li ul{
	background-color:white;
	margin-top: 20px;
    width: 600px;
}

#topNav  li ul, #topNav  li ul li{
	padding:0px;
}

#topNav  li ul li{
	width:150px;
	float:left;
}

#topNav  li a{
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}

#secNav  li a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#ccc;
}

#topNav  li.last-item{
	border-right:none;
}


#secNav{
	background-color:#312929;
	width: 100%;
text-align: center;
float: left;
padding-top:10px;
}


#header-contents{
	width:1020px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
	margin-bottom:10px;
	
}

div#social{
	float:right;
	width:160px;
	vertical-align:top;
	font-size:1.5em;
	font-family:Tahoma;
	background-color:#312929;
	padding-left:10px;
	margin-top:-10px;
}

div#social img{
	width:20px;
	background-color:#312929;
}

	div#followus{
		float:left;
	}
	
	div#logo{
		float:left;
		width:300px;
	}


#secNav ul li a.current{
	color:white;
}

#secNav li.last-item{
	border-right:none;
}



#gallery-content-shad{
    z-index:10;
	position:absolute;
	top:0px;
	opacity:0.7;
	width:100%;
	height:240px
	
}

#gallery-content h2{
	color:#fff;
	padding-top: 15px;
	padding-left: 5px;
	margin: 0px;
	margin-bottom:10px;
	width:100%;
	margin-top:3px;
}


#gallery-content{
	z-index:20;
	float:right;
	width:52%;
	position:relative;
	display:block;
	height:auto;
	margin-left:5px;
	padding:10px;
background-color:#312929;	
}

#tabs{
	height:190px;
	padding:0px;
	margin:0px;
}


#footer-content{
	margin:0 auto;
	width:1020px;
	text-align:left;
	color:#fff;
	background-color:#312929;
	margin-top:10px;
}

#footersitename{
	margin-top:15px;
}

 #footersitename .address{
	float:right;
}

#makeMeScrollable
{
	width:100%;
	height: 246px;
	position: relative;
}
		
#home #makeMeScrollable
{
	width:100%;
	height: 246px;
	position: relative;
}
	
	
#makeMeScrollable  img.imageg{
	height:246px;
}
		
#home #makeMeScrollable div.scrollableArea a{
	position: relative;
	display: block;
	height:240px;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
       block of code. It's just a nice feature that prevent the images from
       accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	border:1px solid white;
}
	
#home #makeMeScrollable a.linkOnTopOfImage2 span{
	position:absolute;
	background-color:#333333;
	bottom:0px;
	height:50px;
	width:285px;
}
	
#home #makeMeScrollable a.linkOnTopOfImage2 span h2{
	color:#fff;
	font-size:20px;
	padding:5px;
	margin:0px;
	text-decoration:none;
}
		
		
#makeMeScrollable div.scrollableArea a{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration:none;
}

#main-content{
	float:left;
	width:100%;
}

div#banner{
	margin-bottom:10px;
	position:relative;
	display:block;
}

div#banner #view-content ,.topSections{
	position:absolute;
	left:0px;
	top:0px;
	width:400px;
}

div#banner #view-content #content, .topSections #content{
	color:#fff;
	margin-bottom:10px;
	background-color:rgba(38,42,49,0.9);
	padding:10px;
	display: inline-block;
	margin: 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	width:400px;
}

div#banner #view-content h1, .topSections h1{
	margin-bottom:10px;
	color:#fff;
	background-color:rgba(38,42,49,0.9);
	padding:10px;
	display: inline-block;
	margin: 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	width:400px;
}

		
		

		
#gallery-inner-content{
	padding:0px;
}

#content{
	width:350px;
	float:left;
}
		
		
div#opening-times ul, div#opening-times ul li{
	float:left;
	list-style:none;
	width:110px;
	margin:0px;
	padding:0px;
}

div#opening-times{
	float:left;
	width:110px;
}

div#followus{
	float:right;
	width:180px;
}

div#followus ul, div#followus ul li{
	float:left;
	list-style:none;
	width:200px;
	margin:0px;
	padding:0px;
}

div#opening-times ul li, div#address ul li{
	margin:0px;
	padding:0px;
	padding-bottom:3px;
}

.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
label {
    background-color: gray;
    color: white;
    display: block;
    float: left;
    font-size: 11px;
    margin-right: 0;
    padding-bottom: 7px;
    padding-right: 10px;
    text-align: right;
    width: 6em;
}

input {
    width: 400px;
}

textarea {
    width: 400px;
}

.submit input {
    margin-left: 9em;
    width: 50px;
}

div.input {
    padding-bottom: 10px;
    padding-top: 10px;
}

a.editLink{position:absolute; top:0; left:0; background:green; padding:7px 5px;
 border:1px solid #030;
 border-left-color:#060;
 border-top-color:#090;
 width:150px;
 color:white;
 font-size:17px;
 text-decoration:none;
 text-align:center;
 z-index: 999;
 }
 
 
 #slides .slidesjs-navigation {
    margin-top: 5px;
}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
    background-image: url("/img/btns-next-prev.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 18px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: -9999px;
    width: 12px;
}
a.slidesjs-next {
    background-position: -12px 0;
    margin-right: 10px;
}
a.slidesjs-next:hover {
    background-position: -12px -18px;
}
a.slidesjs-previous {
    background-position: 0 0;
}
a.slidesjs-previous:hover {
    background-position: 0 -18px;
}
a.slidesjs-play {
    background-position: -25px 0;
    width: 15px;
}
a.slidesjs-play:hover {
    background-position: -25px -18px;
}
a.slidesjs-stop {
    background-position: -41px 0;
    width: 18px;
}
a.slidesjs-stop:hover {
    background-position: -41px -18px;
}
.slidesjs-pagination {
    float: right;
    list-style: none outside none;
    margin: 7px 0 0;
}
.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}
.slidesjs-pagination li a {
    background-image: url("img/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 13px;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover {
    background-position: 0 -13px;
}
.slidesjs-pagination li a:hover {
    background-position: 0 -26px;
}
#slides a:link, #slides a:visited {
    color: #333333;
}
#slides a:hover, #slides a:active {
    color: #9E2020;
}
.navbar {
    overflow: hidden;
}




span.topSections{
	position:absolute;
	top:20;
	left:30;
	background-color:#333;
	color:#fff;
	height:50px;
	padding-top:5px;
	padding-right:20px;
	padding-left:10px;
}

a.editLink:hover{background:#030;border:1px solid #030;}

.stpulldown-gradient
{
	background: #E1E1E1;
	background: -moz-linear-gradient(top, #E1E1E1 0%, #A7A7A7 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#A7A7A7)); /* webkit */		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#A7A7A7',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #E1E1E1 0%,#A7A7A7 100%); /* opera */
	color: #636363;
}

#stpulldown .stpulldown-logo
{
	height: 40px;
	width: 300px;
	margin-left: 20px;
	margin-top: 5px;
	background:url("http://sd.sharethis.com/disc/images/Logo_Area.png") no-repeat;
}
 
    /**************** For smartphones ***********************************************************************************/
	/*
	/* For MOBILES ************************************/
	
    @media (max-width:414px) {
	   body{
		background:	#3f3434;
		width:100%;
	   }
	   
	   header{
		width:100%;
		padding-right:0px;
		margin-top:0px;
		padding: 10px;
	   }
	   
	    #header-contents{
			padding-left:0px;
		}
		
		 #header-contents img{
			width:100%;
		 }
	   
	   div#logo{
		width:100%;
	   }
	   
	   div#logo img{
			width:100%;
	   }
	   
		#content-block{
			width:100%;
			border:none;
		}
		
		.container, .inner{
			width:100%;
			padding:0px;
		}
		
		
		
	  	#topNav, #secNav{
			float:left;
			height:auto;
			border:0;
			padding-left: 10px;
			border:0px;
		}

			

		
	   #topNav, #secNav, #topNav ul, 
	   #topNav ul li, #secNav ul, 
	   #secNav ul li{
		width:100%;
	   }
	   
	    #topNav ul li.last-item{
			border:none;
		}
	   
	   #topNav li a.current, #secNav li a.current{
		padding:0px;
		background-color:#333;
		width:100%;
	   }
	   
	   
	   span.topSections{
		position:absolute;
		bottom:30px;
	   }

	   #the-content{
		margin-top:0px;
		width:50%;
	   }
	
		#bottom-content{
			margin-top:20px;
			float:left;
			width:100%;
		}
		
		#the-content {
			margin-top: 0px;
			width: 100%
		}
		
		#gallery-content {
			width:100%;
			float:left;
			margin:0px;
			padding:10px;
		}	
	
		.container {
			width: 100%;
			line-height:25px;
			padding:0px;
			float:left;
      }
	  
	  #header-contents {
			width:100%;
	  }
	  	  
	  #frame{
		width:100%;
		background-color:#fff;
		height:70px;
	  }
	    
	  h1{
		margin-top:0px;
	  }
	  	  
	  #topNav ul, #topNav li, #secNav ul, #secNav li{
		float:none;
		
	  }
	  nav#topNav, nav#secNav{
		width:100%;
	  }
	  
	  #topNav li a, #secNav li a{
		padding:0px;
	  }
	  
	  ul#sections li{
		border:none;
		border-bottom:1px solid black;
	  }
	  
	  footer{
		margin-top:10px;
		width:100%;
		height:auto;
	  }
	  
	  #bottom-content{
		margin-top:20px;
		float:left;
		width:100%;
	`}
	
	#centered-content{
		margin:none;
		width:100%;
		text-align:left;
	}
	
	#slides img{
		width:100%;
	}
	
	#footer-content{
	margin:none;
	width:100%;
	text-align:left;
	color:#fff;
	margin-top:10px;
	}
	

	
	div#social{
		float:left;
		width:200px;
	}
	
	div#banner img{
		width:100%;
	}
	
	#header-contents{
	
	}
			

		 
}