@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #b2b2b2;
	letter-spacing: 0.5px;
	line-height: 14px;
    }
	
a { text-decoration: none; letter-spacing:.5px;
}
a:link {	color: #FFFFFF;
}
a:visited {	color: #FFFFFF;
}
a:hover {	color: #f48120;
}
a:active {	color: #FFFFFF;
}

/* LAYOUT */

#containWeb {
    width:100%;
    text-align:left;
    margin:0;
    padding:0;
    }

#container {
	width:1024px;
	height:800px;
	text-align: left;
	margin: 0 0;
	}
	
#leftSide{
	float:left;
	width:199px;
	}
	
#logoMatch{
	float:left;
	clear:both;
	width:199px;
	}

#sideNav {
	float:left;
	clear:both;
	margin-top:98px;
	width:199px;
	text-align:left;
	}

#vertOne{
	float:left;
	width:3px;
	height:770px;
	}
	
#midSide{
	float:left;
	width:761px;
	margin-left:39px;
	margin-top:41px;
	text-align:right;
	display:inline;
	}
	
#topNav{
	float:left;
	tyext-align:left
	width:761px;
	}

#topLeft{
	float:left;
	text-align:left;
	width:390px;
	}

#topRight{
	float:right;
	text-align:right;
	width:326px;
	margin-right:41px;
	display:inline;
	}

#content{
	float:left;
	clear:both;
	width:726px;
	margin-top:58px;
	}

#vertTwo{
	float:left;
	width:3px;
	height:770px;
	}

#footer{
	float:left;
	clear:both;
	width:726px;
	margin-left:234px;
	margin-top:5px;
	padding-top:10px;
	margin-bottom:10px;
	line-height:-10px;
	border-top: 1px solid #999999;
	display:inline;
	}
	
/* End of LAYOUT */

/* Bar LAYOUT */

#barTitle{
	float:left;
	width:260px;
	height:30px;
	text-align:left;
	}

#barAddress{
	float:left;
	width:200px;
	height:30px;
	text-align:left;
	}

#barTravel{
	float:left;
	width:260px;
	height:30px;
	text-align:left;
	}

#barUnderline{
	float:left;
	width:726px;
	height:1px;
	text-align:left;
	margin-left:-6px;
	margin-bottom:25px;
	}

#barDesc{
	float:left;
	width:250px;
	height:350px;
	text-align:left;
	margin-right:10px;
	}

#barDescLong{
	float:left;
	width:250px;
	height:540px;
	text-align:left;
	margin-right:10px;
	}

#barDescFull{
	float:left;
	width:250px;
	height:614px;
	text-align:left;
	margin-right:10px;
	}

#barAddressBox{
	float:left;
	width:200px;
	height:100px;
	text-align:left;
	}

#barTravelBox{
	float:left;
	width:260px;
	height:100px;
	text-align:left;
	}

#barOpen{
	float:left;
	width:200px;
	height:32px;
	text-align:left;
	}

#barBook{
	float:left;
	width:260px;
	height:32px;
	text-align:left;
	}

#barOpenBox{
	float:left;
	width:200px;
	height:100px;
	text-align:left;
	}

#barBookBox{
	float:left;
	width:260px;
	height:100px;
	text-align:left;
	}

#barWifi{
	float:left;
	width:200px;
	height:30px;
	text-align:left;
	}

#barWifiBox{
	float:left;
	width:200px;
	height:67px;
	text-align:left;
	}

#barOther{
	float:left;
	width:260px;
	height:30px;
	text-align:left;
	}

#barOtherBox{
	float:left;
	width:260px;
	height:67px;
	text-align:left;
	}
	
#barImages{
	float:left;
	width:720px;
	height:240px;
	text-align:left;
	background-color:#000000;
	margin-left:-6px;
	margin-bottom:19px;
	}
	
#barImagesShort{
	float:left;
	width:460px;
	height:240px;
	text-align:left;
	background-color:#000000;
	margin-left:0px;
	margin-bottom:19px;
	}

/* End of Bar LAYOUT */

/* Flash */
	
#SideFlash{
	float:left;
	clear:both;
	width:199px;
	height:768px;
	text-align:left;
	}

#drinksScroller{
	float:left;
	width:432px;
	min-height:1560px;
	text-align:left;
	margin-right:34px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}
#soshoShoreditch{
	float:left;
	width:432px;
	min-height:700px;
	text-align:left;
	margin-right:34px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}

#foodScroller{
	float:left;
	width:432px;
	min-height:600px;
	text-align:left;
	margin-right:34px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}

#musicScroller{
	float:left;
	width:432px;
	min-height:500px;
	text-align:left;
	margin-right:34px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}

#musicScroller1{
	float:left;
	width:450px;
	height:500px;
	text-align:left;
	margin-right:20px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}

#nyeScroller{
	float:left;
	width:450px;
	height:800px;
	text-align:left;
	margin-right:20px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}

	
#homeScroller{
	float:left;
	width:726px;
	height:560px;
	text-align:left;
	margin-right:34px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}
#homeScroller1{
	float:left;
	width:436px;
	height:500px;
	text-align:left;
	margin-right:34px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}


#scroller{
	float:left;
	width:432px;
	height:637px;
	text-align:left;
	margin-right:34px;
	margin-left:-6px;
	margin-bottom:20px;
	display:inline;
	}


/* Bar Hire LAYOUT */

#hireBack{
	float:left;
	width:260px;
	height:30px;
	text-align:left;
	}

#hireTitle{
	float:left;
	width:454px;
	height:30px;
	text-align:left;
	}

#hireDescLong{
	float:left;
	width:250px;
	height:600px;
	text-align:left;
	margin-right:10px;
	margin-top:13px;
	margin-bottom:20px;
	display:inline;
	}

#hireAreaName{
	float:left;
	width:354px;
	height:14px;
	text-align:left;
	}

#hireInfoBox{
	float:left;
	width:454px;
	min-height:10px;
	text-align:left;
	margin-bottom:20px;
	overflow:visible;
	}

/*End of Hire */

/* Food/Press/Jobs LAYOUT */

#genLeftBig{
	float:left;
	width:432px;
	height:514px;
	text-align:left;
	margin-right:28px;
	display:inline;
	}

#drinksLeftBig{
	float:left;
	width:432px;
	height:660px;
	text-align:left;
	margin-right:28px;
	display:inline;
	}

#horizLineRight{
	width:294px;
	display:inline;
	}
	
#drinksTitle{
	float:left;
	width:260px;
	height:44px;
	text-align:left;
	margin-left:-34px;
	padding-left:34px;
	border-top: 1px solid #b3b3b3;
	margin-top:28px;
	padding-top:26px;
	display:inline;
	}
	
#dlTitle{
	float:left;
	width:260px;
	height:44px;
	text-align:left;
	display:inline;
	}
	
#dlContent{
	float:left;
	width:260px;
	min-height:10px;
	text-align:left;
	margin-bottom:5px;
	border-top: 1px solid #b3b3b3;
	margin-top:30px;
	padding-top:10px;
	display:inline;
	}
	
/* Gallery */

#galleryBox{
	float:left;
	width:720px;
	min-height:500px;
	text-align:left;
	}

#thumbBox{
	float:left;
	width:720px;
	min-height:50px;
	text-align:left;
	margin-top:20px;
	visibility:visible;
	}
	
.thumbNail{
	float:left;
	text-align:left;
	width:138px;
	margin-right:4px;
	margin-bottom:4px;
	}
	
.thumbNail a:hover{
	background-color:#CCCCCC;
	}
	
#previewBox{
	float:left;
	clear:both;
	min-width:300px;
	min-height:300px;
	margin:18px;
	}
	
#hiresLink{
	float:left;
	clear:both;
	width:270px;
	height:17px;
	margin-left:18px;
	}	
	
/* Classes */

.barNav{
	margin-top:2px;
	margin-bottom:2px;
	}

.barUnderline460{
	float:left;
	width:460px;
	height:1px;
	text-align:left;
	margin-left:-6px;
	margin-bottom:12px;
	display:inline;
	}

.hireUnderline466{
	float:left;
	width:460px;
	height:1px;
	text-align:left;
	margin-left:-6px;
	margin-bottom:12px;
	display:inline;
	}

.highlightText{
	color:#ffffff;
	letter-spacing:.5px;
	}
	
.smText{
	font-size:10px;
	letter-spacing:.5px;
	}
	
.smTextO{
	font-size:10px;
	color:#f48120;
	letter-spacing:.5px;
	}
	
.smTextW{
	font-size:10px;
	color:#FFFFFF;
	letter-spacing:.5px;
	}
	

h1{
	color:#D7711C;
	font-weight:bold;
	font-size:14px;
}