/* PNG FIX ON ALL PNG'S */
div#main-container, h1.title-welcome, h1.title-bookings, h3.title-food, h3.title-drinks, h1.title-graphic-artist, h1.title-press, h1.title-the-venue, h1.title-gallery, h1.title-contact, h1.title-404, h1.title-calendar, h1.title-gin-club, div#leave-your-mark, div#loyalty-card, img.urban-footer, img#menus-menu, img#gin-club-btn, img#drinks-spirts, img#drinks-paint-tin-punch, img#drinks-champagne, img#drinks-favourites, img#drink-classics, img#drinks-graphic-drinks, img#view-floorplan-img, img.view-more-work, input.cal-btn, img#whats-on-at-graphic, input#calendar-go-btn, td.calendar-bg-imageimg.footer-img, .theme-footer-divider-color, .footer-img, #venue-photos, #worldcup-btn { behavior: url(iepngfix.htc) }

input.submit {
	margin-top:8px;
}

html, body {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	background: #22190a;
}

.padTop0 {
	padding-top:0px !important;
}

.width220 {
	width:220px;
}

.left {
	float:left;
	display:inline;
}

.clear {
	clear:both;
}

#outer-container-home, #outer-container-artist, #outer-container-contact {
	float: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position:center 68px;
	background-color:#22190a;
 	background-repeat: repeat-y; 
	min-height:797px;
	height:auto !important;
	height:797px;		
}

	#page-width {
		width: 973px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	#top-container {
		width:100%;
		clear:both;
		/* background-image is controlled by settings.php, see $headerImg */
		background-position:center bottom;
		background-repeat:no-repeat;
		background-color:#938f8f;
		float:left;
		display:inline;
	}	
		#top-container #navigation {	
			width:973px;
			height:68px;
			margin:0 auto;
		}
	
			#top-container #navigation ul {
				float:right;
				list-style:none none;
				margin-top:17px;
				padding-right:4px;
		
			}
				#top-container #navigation ul li {
					float:left;
					list-style:none none;					
					padding-right:10px;
				}
				
					#top-container #navigation ul li a {
						font-size:17px;						
						font-family: "Arial Black", arial, helvetica, sans-serif;
						line-height:20px;
					}
			
	#main-container {	
		width:960px;
		margin:0 auto 40px auto;
		background-image:url(../images/trans-bg-dark.png);
		background-position:center top;
		background-repeat:repeat;
		min-height:644px;
		height:auto !important;
		height:644px;
	}
	
		#main-container #left-container {
			float:left;
			display:inline;
			width:627px;
			margin-bottom:15px;
			margin-left:18px;
			position:relative;
		}			

			#main-container #left-container #logo {
				float:left;
				display:inline;
				width: 188px;
				/* height:177px; */
				background:none;			
			}
			
			#main-container #left-container #closure {
				float:left;
				display:inline;
				width: 188px;
				height:154px;
				background:none;
				margin-left: 26px;				
			}
			
			#main-container #left-container #whats-on {
				float:right; 
				display:inline; 
				width: 207px; 
				margin-top:10px;
				height:68px;
				text-align:right;
			}
			
			#main-container #left-container #left-content {
				float:left;
				display:inline;
				clear:both;
				width:627px;
				margin-top:64px;
				position:relative;
			}
			
				#main-container #left-container #left-content #black-bg {
					margin:-5px;
					padding:5px;
					margin-bottom:1px;					
				}
			
				#main-container #left-container #left-content h1 {					
					position:absolute;
					left:0px;
					text-indent:-9999px;
					font-weight:normal;
				}
					/* HOMEPAGE */
					#main-container #left-container #left-content h1.title-welcome {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/welcome.png);					
					}
					/* BOGOF */
					#main-container #left-container #left-content h1.title-bogof {
						width:410px;
						height:46px;					
						background-image: url(../images/titles/bogof.png);					
					}
					/* CHRISTMAS */
					#main-container #left-container #left-content h1.title-christmas {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/christmas.png);					
					}
					
					/* New Years */
					#main-container #left-container #left-content h1.title-new-years {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/new-years.gif);					
					}
					
					/* DJ's */
					#main-container #left-container #left-content h1.title-djs-at-graphic{
						width:344px;
						height:46px;					
						background-image: url(../images/titles/djs-at-graphic.png);					
					}
					/* BOOKINGS */
					#main-container #left-container #left-content h1.title-bookings {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/bookings.png);					
					}
					/* FOOD, pre MENUS */
					#main-container #left-container #left-content h3.title-food {						
						width:344px;
						height:46px;					
						background-image: url(../images/titles/food.png);					
						text-indent: -9999px;
					}
					/* DRINKS */
					#main-container #left-container #left-content h3.title-drinks {
						width:344px;	
						height:46px;				
						background-image: url(../images/titles/drinks.png);		
						text-indent: -9999px;			
					}
					/* GRAPHIC ARTIST */
					#main-container #left-container #left-content h1.title-graphic-artist {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/graphic-artist.png);					
					}
					/* PRESS */
					#main-container #left-container #left-content h1.title-press {
						width:344px;	
						height:46px;				
						background-image: url(../images/titles/press.png);					
					}
					/*  GALLERY, prev THE VENUE, Gallery again now */
					#main-container #left-container #left-content h1.title-gallery {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/gallery.png);					
					}
					/* CONTACT - NOTICE THE WIDTH CHANGE ! */
					#main-container #left-container #left-content h1.title-contact {
						width:164px;
						height:46px;					
						background-image: url(../images/titles/contact.png);					
					}					
					/* CALENDAR */
					#main-container #left-container #left-content h1.title-calendar {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/calendar.png);					
					}
					/* 404 */
					#main-container #left-container #left-content h1.title-404 {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/404.png);					
					}
					/* GIN CLUB */
					#main-container #left-container #left-content h1.title-gin-club {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/gin-club.png);					
					}
					
					/* signup */
					#main-container #left-container #left-content h1.title-signup {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/signup.png);					
					}

					/* book a table */
					#main-container #left-container #left-content h1.title-book-a-table {
						width:344px;
						height:46px;					
						background-image: url(../images/titles/book-a-table.png);					
					}
				
				#main-container #left-container #left-content h2 {
					text-align:left;
					font-size:13px;
					font-family: arial, helvetica, sans-serif;
					font-weight:bold;
					color:white;
					line-height:18px;
					padding-top:49px;
					margin-bottom:18px;
				}
				
				#main-container #left-container #left-content h3 {
					text-align:left;
					font-size:13px;
					font-family: "Arial",helvetica,sans-serif;
					font-weight:bold;
					color:white;
					line-height:20px;
					margin-bottom:18px;
				}
				
				#main-container #left-container #left-content p {					
					text-align:left;
					font-size:13px;
					font-family: "Arial",helvetica,sans-serif;
					font-weight:bold;
					color:white;
					line-height:20px;
					margin-bottom:18px;
				}

				#left-content label {
					text-align:left;
					font-size:13px;
					font-family: "Arial",helvetica,sans-serif;
					font-weight:bold;
					color:white;
					line-height:20px;
				}
				
				/* HOME PAGE */
				#main-container #left-container #left-content #leave-your-mark, #main-container #left-container #left-content #loyalty-card {
					clear:both;
					width:620px;
					height:200px;
					margin-top:39px;
					background-position: left top;
					background-repeat:no-repeat;
				}
				
					#main-container #left-container #left-content #leave-your-mark #left-lym, #main-container #left-container #left-content #loyalty-card #left-side {
						float:left;
						display:inline;
						width:360px;
						margin-top:44px;
						text-align:left;
					}
					
						#main-container #left-container #left-content #leave-your-mark #left-lym p, #main-container #left-container #left-content #loyalty-card #left-side p, .formtext {
							font: bold 13px/20px "Arial",helvetica,sans-serif;
							color:white;
						}
					
					#main-container #left-container #left-content #leave-your-mark #right-lym, #main-container #left-container #left-content #loyalty-card #right-side {
						float:left;
						display:inline;
						width:242px;
						margin-top:44px;
					}					
					
					/* CONTACT PAGE */
					#main-container #left-container #left-content #left-contact {
						float:left;
						display:inline;
						width:150px;
						padding-right:12px;
					}
					
					#main-container #left-container #left-content #middle-contact {
						float:left;
						display:inline;
						width:200px;
						padding-right:12px;
					}
					
					#main-container #left-container #left-content #right-contact {
						float:left;
						display:inline;
						width:170px;
						padding-right:12px;
					}
					
						#main-container #left-container #left-content img.map {
						float:left;
							text-align:left;
							margin-left: -14px;
						}
					
					#main-container #left-container #urban-group-footer {
						float:left;
						display:inline;
						clear:both;
						text-align:left;
						width:596px;
						height:53px;
					}
					
					/* PRESS PAGE */
					
					#main-container #left-container img.press-img {
						clear:both;
						display:block;
						margin:5px 0px;
					}
					
					/* GALLERY PAGE - CIRCLED WINNER */
					#main-container #left-container #gallery-circle {
						position:absolute;
						top:120px;
						right:0px;
						margin-top:5px;
						z-index:3;
						width:370px;
						text-align:right;
					}
						#main-container #left-container #gallery-circle img {
							border:1px solid white;
							padding:3px;
							width:250px;
							height:167px;						
						}
						
						#main-container #left-container #gallery-circle p{
							font-size:11px;
							line-height:14px;
							font-family: "Arial",helvetica,sans-serif;
							color:white;
						}
						
						/* VENUE PHOTOS BUTTON */
						#main-container #left-container #venue-photos {
						 	float:right;
							margin-right:200px;
						}
						
			
			#main-container #left-container .quote {
				font-style:italic;
			}
			
			
		#main-container #right-container {
			float:left;
			display:inline;
			/*width:310px;*/
			width:276px;
			margin-left:21px;
			margin-bottom:40px;
			background-image:url(../images/right-banner-top.jpg);
			background-color:#bcbaba;
			background-position:left top;
			background-repeat:no-repeat;
			min-height:400px;
			height:auto !important;
			height:400px;
			
		}
		
			/* ARTIST/BOOOKINGS SIDEBAR */
			#main-container #right-container #artist-sidebar {
				text-align:left;
				font-family: "Arial",helvetica,sans-serif;
				padding-left:13px;
				margin-top:70px;
			}
				
				#main-container #right-container #artist-sidebar #meet-artist {
					display:block;
					color:#9d9a9a;
					font-size:16px;
					font-family: "Arial",helvetica,sans-serif;
					font-weight:bold;
					margin:10px 0px 5px 0px;
				}
				
					#main-container #right-container #artist-sidebar #artist-name {
						display:block;
						font-size:16px;	
						font-family: "Arial",helvetica,sans-serif;	
						font-weight:bold;
						margin:2px 0px 12px 0px;									
					}
					
					#main-container #right-container #artist-sidebar #artist-top-pic {
						margin-bottom:13px;
					}
				
					#main-container #right-container #artist-sidebar .artist-headline {
						color:black;
						font-weight:bold;
						font-size:12px;
						margin-bottom:5px;
					}
				
					#main-container #right-container #artist-sidebar p {
						font-size:11px;
						line-height:16px;
						padding:5px 10px 5px 0px;
					}
																		  
						#main-container #right-container #artist-sidebar #artist-footer {
							margin-top:10px;
						}
					
							#main-container #right-container #artist-sidebar #artist-footer #artist-bottom-pic { /* left */
								float:left;
								width:123px;
								height:178px;
							}
							
							#main-container #right-container #artist-sidebar #artist-footer #artist-links { /* right */
								float:left;
								width:123px;
								padding-left:13px;
								margin-bottom:14px;
							}
				/* On bookings page sidebar footer */			
				#main-container #right-container #floorplan {
					text-align:left;
					padding-left:13px;
					margin-top:25px;
				}
							
				
			
			/* PORTFOLIO SIDEBAR */
			#main-container #right-container #portfolio-sidebar {
				text-align:left;
				font-family: "Arial",helvetica,sans-serif;
				padding-left:13px;
				margin-top:60px;
				float:left;
				display:inline;
			}	
			
				#main-container #right-container #portfolio-sidebar #title {
					display:inline;
					float:left;
					color:#9d9a9a;
					font-size:16px;
					font-family: "Arial",helvetica,sans-serif;
					font-weight:bold;
					margin:10px 0px 5px 0px;
				}
				
				/* Scroll buttons */
				#main-container #right-container #portfolio-sidebar #scroll-up, #main-container #right-container #portfolio-sidebar #scroll-down {
					width:148px;
					height:12px;
					margin:7px 0px;
					cursor:default;
					float:left;
					display:inline;
					clear:both;
				}
			
				/* Scroller */
				#main-container #right-container #portfolio-sidebar #scroller {
					position:relative;
					float:left;
					display:inline;
					clear:both;
					overflow:hidden;
					height:480px;
					width:250px;
				}
				
					#main-container #right-container #portfolio-sidebar #scroller #scroller-images {
						position:absolute;
						float:left;
						display:inline;
						top:0;
						left:0;
						min-height:600px;
						height:auto !important;
						height:600px;
						width:248px;
					}
				
						#main-container #right-container #portfolio-sidebar #scroller #scroller-images img.portfolio-img {
							width:248px;
							height:148px;
							margin-bottom:13px;
						}
			
				
			
	/* FOOTER */
	#bottom-container {
		width:100%;
		clear:both;
		background-image:url(../images/footer-bg.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-color:#22190a;
	}
		
		#bottom-container #footer {	
			width:973px;
			height:223px;
			margin:0 auto;
			padding-left:41px;
		}
					
			#bottom-container #footer #day-1, #bottom-container #footer #day-2, #bottom-container #footer #day-3 {
				float:left;
				width:184px;
				padding-right:25px;
				margin-top:33px;
				text-align:left;
			} 
			
			#bottom-container #footer img.footer-img { /* day 1, 2 & 3 */
				width:124px;
				height:31px;
				padding-bottom:5px;
			}
			
			#bottom-container #footer h4 {
				text-align:left;
				font-size:12px;
				font-family: "Arial",helvetica,sans-serif;
				font-weight:bold;
				color:white;
				line-height:18px;
				padding:9px 0px 4px 0px;
			}
			
			#bottom-container #footer h5 {
				text-align:left;
				font-size:11px;
				font-family: "Arial",helvetica,sans-serif;
				color:white;
				line-height:15px;
				padding:4px 0px;
				font-weight:normal;
			}
			
			#bottom-container #footer p {
				text-align:left;
				font-size:11px;
				font-family: "Arial",helvetica,sans-serif;
				color:white;
				line-height:15px;
				padding:4px 0px;
				font-weight:normal;
			}
			
			
			#bottom-container #footer #bottom-right-button {
				float:left;
				width:276px;
				height:131px;
				margin-top:33px;
				text-align:left;
				padding-left:25px;
			}
			
			#bottom-container #footer #site-by {
				width:930px;
				height:15px;
				padding-right:43px;
				text-align:right;
			}
				
				#bottom-container #footer #site-by a {
					font-size:10px;
					color:#CCCCCC;
					text-decoration:none;
				}
				
/* FORM ELEMENTS */
p.errorText {
	color:red;
	font-size:11px;
}

.errorText {
	color:red;
	font-size:11px;
}

.error {
	width:3px;
	height:3px;
	font-weight:bold;
	color:red;
}

form {
	padding:0px;
	margin:0px;
	text-align:left;
}
	.label-text {
		color:white;
		font-size:11px;
		padding-right:4px;
		font-family: "Arial",helvetica,sans-serif;
	}
	
	.label-text-sidebar {
		display:block;
		color:white;
		font-size:11px;
		width:65px;
		padding-right:4px;
	}

	.theme-input-text {		
		/* border controlled by settings (.theme-input-border) */
		background-color:#22190a;
		color:white;
		font-size:11px;
		width:175px;
		font-family: "Arial",helvetica,sans-serif;
		margin-bottom:8px
	}
	
	.theme-input-text-sidebar {		
		/* border controlled by settings (.theme-input-border) */
		background-color:#22190a;
		color:white;
		font-size:11px;
		width:120px;
		font-family: "Arial",helvetica,sans-serif;
		margin-bottom:8px
	}
	
	.theme-input-submit {		
		/* background-image controlled by settings (.theme-input-submit) */
		background-repeat:no-repeat;
		width:60px;
		height:26px;
		margin-top:8px;
	}
	
	/* Gallery page select */
	form.gallery_selector select {
		width:183px;
	}
	
	
.clear {
	clear:both;
}	
	
.white {
	color:white;
}

.green {
	color:green;
}
	
.right {
	float:right;
	display:inline;
}
	
	
/* TEXT */
a {
	color:white;
	text-decoration:none;
}

a.pink {
	font-weight:bold;
	color:#f87c2f;
}

.bold {
	font-weight:bold;
}

.mgr20 {
	margin-right:20px;
}

.worldcup-left {
	float:left;
	display:inline;
	width:300px;
	height:60px;
	margin-right:100px;
	margin-bottom:20px;
}

.gin-club-right {
	float:right;
	display:inline;
	width:189px;
	height:32px;
	margin-top:28px;
	margin-bottom:20px;
	
}

input{
	border: 1px solid #fff !important;
	
}

#FlashContainer {
	float: left;
	display: inline;
	height: 1px; /* 220px */
	width: 626px;
	overflow: hidden;
}

.social{
	display: inline;
	float: left;
	width: 600px;
	text-align: left;
}

.social a{
	display: inline;
	float: left;
	border: none;
}

#booking-opentable {
	display: inline;
	float: left;
	width: 167px;
	height: 45px;
	margin: 17px 10px 0 10px;
}

.OT_title{
	color: #222 !important;
	text-indent: 0 !important;
}

.OT_subtitle{
	color: #222 !important;
	font-size: 9px !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	padding: 20px 0 0 0 !important;
}

#OT_form {
	margin: 50px 0 0 0 !important;
}

.xmas-opening {
	float:left;
	display:block;
	width:500px;
	text-align:left;
	margin:0 0 20px 0;
}
	.xmas-opening a {
		font-size: 13px;
		font-family: "Arial",helvetica,sans-serif;
		font-weight: bold;
	}
	.xmas-opening ul {
		display:block;
		float:left;
		width:100%;
		padding-top:20px;
	}
	.xmas-opening li {
		float:left;
		display:inline;
		margin:0 0 0 0;
		width:225px;
		color:#fff;
		font-family: "Arial",helvetica,sans-serif;
		font-size:12px;
		margin-bottom:5px;
	}