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

/* Logo code, please don't remove */
#logo{
	width:200px;
	height:210px;
	padding:					0;
	overflow:					hidden;
	background: transparent url(http://ombrighton.publishpath.com/Websites/omBrighton/WebsiteLogo.png) no-repeat scroll 0 0;
	text-indent:-1000px;
display:block;
}

/* BACKGROUND IMAGES */

html, body {height: 100%;}

body{font-size:76%; margin:0; padding:0; color:#111; line-height:1.4em;} /* all subsequent fonts sized in ems ONLY. */
body#index {background: url("images/home.jpg") no-repeat center center; background-attachment:fixed;}

/* LAYOUT */

form{
	margin:0;
	padding:0;
	width:auto;
}
#container{width:980px !important;margin:10px;padding:0;}
#head{position:fixed; width: 200px; margin:0 10px; padding: 0; text-align: center; float:left;}
#content{
	margin-left : 220px;
	padding:0;
	float:left;
	width:750px;
}

#head ul{
	margin:						0;
	padding:						0;
}

#head ul li{
	display:						inline;
	margin:						0;
	padding:						0;
}
#navigation a {
	float:						left;
	width:						200px;
	height:						280px;
	padding:					0;
	overflow:					hidden;
	background:					transparent url(../images/navigation.png) no-repeat scroll 0 0;
	text-indent:				-1000px;
}
#head #welcome{
	height:						30px;
	margin:						0;
	background-position:		0 0;
}

#head #welcome:hover, #head #welcome.active{
	background-position:		-200px 0;
}

#head #events{
	height:						30px;
	margin:						0;
	background-position:		0 -30px ;
}

#head #events:hover, #head #events.active{
	background-position:		-200px -30px;
}

#head #drinks{
	height:						30px;
	margin:						0;
	background-position:		0 -60px ;
}

#head #drinks:hover, #head #drinks.active{
	background-position:		-200px -60px;
}

#head #food{
	height:						30px;
	margin:						0;
	background-position:		0 -91px ;
}

#head #food:hover, #head #drinks.active{
	background-position:		-200px -91px;
}

#head #blog{
	height:						30px;
	margin:						0;
	background-position:		0 -123px ;
}

#head #blog:hover, #head #blog.active{
	background-position:		-200px -123px;
}

#head #galleries{
	height:						30px;
	margin:						0;
	background-position:		0 -154px ;
}

#head #galleries:hover, #head #galleries.active{
	background-position:		-200px -154px;
}

#head #bookings{
	height:						30px;
	margin:						0;
	background-position:		0 -185px ;
}

#head #bookings:hover, #head #bookings.active{
	background-position:		-200px -185px;
}

#head #friends{
	height:						30px;
	margin:						0;
	background-position:		0 -216px ;
}

#head #friends:hover, #head #friendsactive{
	background-position:		-200px -216px;
}

#head a.active{
	cursor:						default;
}


/* CONTENT AREA */

#content .contentMain {clear: left; width:750px;}
#content .contentLeftArea {width: 340px; float: left; margin-right:10px;}
#content .contentRightArea {width: 400px; float: left;}
#content .flashArea {padding: 0; margin:0;}

#content .round-top{
	height:						20px;
	background:					transparent url(../images/wide-content-top.png) no-repeat scroll 0 0;	
}

#content .round-bottom{
	height:						20px;
	background:					transparent url(../images/wide-content-bottom.png) no-repeat scroll right bottom;	
	overflow:visible;
}
#content .round-bottom-plain{
	height:						20px;
	background:					transparent url(../images/wide-content-bottom-plain.png) no-repeat scroll right bottom;	
	overflow:visible;
}

#content .middle{
	padding:					0 26px;
	height:100%;
	background:					transparent url(../images/wide-content-middle.png) no-repeat scroll right bottom;	
	text-align:left;
	min-height:550px;
}

#content .middle-plain{
	padding:					0 26px;
	height:100%;
	background:					transparent url(../images/wide-content-middle-plain.png) repeat-y;	
	text-align:left;
	min-height:550px;
}
#content .middle2 {
	padding:					0 26px;
	height:100%;
	background:					transparent url(../images/wide-content-middle.png) no-repeat scroll right bottom;	
	text-align:left;
	min-height:750px;
}


/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}
pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.4em;}
img{border:0;}
.left{float:left; width:40%; margin-right:30px; }
.right{float:right;}

/* FORMAT > fonts */
body,input,textarea,select{font-family:Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:"Lucida Grande", Helvetica, Arial, sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}

/* LINKS */
a{text-decoration:none; color: #256EB3;}
a:link{color: #256EB3;}
a:visited{color: #444;}
a:hover{color:#111;text-decoration:none;}
a:active{color:#111;text-decoration:none;}

.detailLink a{color:#256EB3; padding-top:0px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold;}
.detailLink a:hover {color:#111;}

/* HEADERS */
h1,h2,h3,h4,h5,h6,.strapline{margin:0;padding:5px 0 15px 0;color:#fff;font-weight:normal;}
h4{font-size:2em; display: block;}
h4 strong{color: #444; font-weight:normal;}
h2{font-size:1.7em;}
h3{font-size:1.7em;}
h1{font-size:1.7em;}
h5, h6{font-size:1em;}
h2 .selected{color:#111;}

#heading {float: left;padding-right: 5px;}
#heading h1 {color:#FFF;}

/* LISTS */
ul li {padding:0;margin:0;}

/* FOOTER LINKS */
ul.footer{margin:0;padding:0; float:center;}
ul.footer li {display:inline;list-style-type:none;padding-right:10px;color:#fff;}
ul.footer li a{padding:0; margin-left: 0px;text-decoration: none; color: #ccc;}
ul.footer li a:hover{text-decoration: none; color:#fff;}

/* NAVIGATION */
#subnav h4 {color: #111;margin:5px 13px 0 0;}	
#subnav h2 {color: #111;margin-right:13px;margin-top:10px;}	

#subnav h2 a{display: block; color: #111; text-decoration:none; padding:0;}
#subnav h2 a:hover{color: #256EB3;}
#subnav h2 a.selected {color: #256EB3;}	

#subnav ul.padding {padding: 2px 0 8px 5px;margin:0;}
#subnav ul, .textAreaSmall ul{list-style-type: none;line-height:normal;color:#444;margin:0;padding:0;}
#subnav ul li, .textAreaSmall ul li{padding: 0;margin:0;}
#subnav ul a, .textAreaSmall ul a{display: block; color: #444; text-decoration:none; margin:0;padding:0;}
#subnav ul a:hover, .textAreaSmall ul a:hover{color: #256EB3;}
#subnav ul a.selected, .textAreaSmall ul a.selected{color: #111;}
li.selectedPage a {color: #111;}


ul.padding li {padding: 0;margin:0;}
ul.padding a{color:#256EB3;}
ul.padding a:hover{color: #111;}
ul.padding a.selected{font-size: 140%;color:#111; padding:3px 0;font-family:Georgia,"Times New Roman",Times,serif;}

#subnav p {padding: 0 13px; color:#444;}
#subnav li a.selectedPage{color: #256EB3;}
#subnav ul ul{padding-right:5px;margin-bottom:10px;margin-top:-3px;}
	
/* CLEARING */

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}


/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */

/* Subscribe
--------------------------------------- */

*html #subscribe{background: #000; position:absolute; bottom: 0px; width: 100%; margin:0; padding: 2px; text-align: center;border-top:1px solid #333; z-index:1000;}
#subscribe{background: #000; position:fixed; bottom: 0px; width: 100%; margin:0; padding: 2px; text-align: center;border-top:1px solid #333; z-index:1000;}

div.subscribeForm {font-family:"Lucida Grande", Helvetica, Arial, sans-serif; padding: 0; text-align:center;color:#FFF;font-size:11px; margin-top:30px;}

div.subscribeTitle {
	margin-bottom: 5px;	
	}
	
label {
color:white;	}

input {
	padding: 0.1em 0.2em;
	font-size: 1em;
	margin-bottom:5px;
}

.button {
	padding: 2px 8px;
	background:#E89141;
	border:2px white solid;
	font-weight:bold;
	color:white;
	}

.subscribeButton {
	width:150px;
	height:30px;
	padding: 0;
	background: transparent url(../images/signmeup.png) no-repeat 0 0;
	text-indent:-1000px;
	border:none;
	}


/* FORMS */
form{margin:0;padding:0;}

.eventsList a {
font-size:14px;
color:#FFF;
}

.eventsList ul li{
list-style-type: hebrew;
margin-bottom:5px;
padding:0;
}
.eventsList ul {
margin-left:20px;
padding:0;
}
h2.postTitle a{
color:#FFF;
text-decoration:underline;
}