/* - - - - - - - - - - - - - - - - - - - - -

Title :    Barrington Brewery and Restaurant
URL :      http://barringtonbrewery.com


- - - - - - - - - - - - - - - - - - - - - */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	/*font-size: 100%;
	line-height: 1;*/
	font-family: inherit;
	text-align: left;
	vertical-align: baseline; font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

a img, :link img, :visited img { border: 0; }


ol, ul { list-style: none; }


/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
/*	font-size: 100%;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg.jpg) 0 0 repeat-x;
	color: #523600;*/
	background-color: #000;
}

html>body { font-size: 11.7px; }

p {
	/*font-size: 1em;*/
	line-height: 1.1em;/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/
	margin-bottom: .9em;
}

strong {
	font-weight: bold;
	color: #8c660a;
}

small { font-size: 0.9em; }

em,  cite { font-style: italic; }

/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
h1 {margin-top: 0.3em;
	margin-bottom: 0.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #d11226;
}

h2 {margin-top: 0.3em;
	margin-bottom: 0.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #d11226;
}

h3 {
	margin-bottom: 0.6em;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #957738;
}


h4 {
	margin-bottom: 0.8em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #888;
	padding-bottom: 4px;
	font-weight: bold;
	}
	
h5 {
	 font-weight: bold; padding: 0px; margin: 0px;
	
}
h6 {
	font-style: italic; font-weight: bold;padding: 0px; margin: 0px
	
}	


/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color: #a50d03;
	text-decoration: none;
}

a:visited {
	color: #a50d03;
	text-decoration: none;
}

a:hover {
	color: #ad7800;
	text-decoration: none;
}

a:active {
	color: #a50d03;
	text-decoration: none;
}

#subnav a.here {color: #ad7800;}
/* h3 a {
	color: #261e19;
	line-height: 1.2em;
}

#content h3 a.more { color: #bb5c00; }

#content h3 a:hover {
	color: #bb5c00;
	text-decoration: none;
}

#content h3 a:hover.more {
	color: #bb5c00;
	text-decoration: underline;
}*/

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide { display: none; }

.clear { clear: both;}

#wrap-top {background: transparent url(../images/bg_top.png) top left no-repeat; width: 996px; margin: 0 auto; height: 80px; padding-bottom: 0px;}
#col1-top {float: left; width: 200px; margin-left: 27px;}
/*#logo-top {margin-top: 37px;}*/

/*h1#logo-top a {
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	width: 181px;
	height: 42px;
	background: url(../images/logo1.png) 0 0 no-repeat;
	margin-top:37px;
	margin-left: 0px;
}

h1#logo-bottom a {
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	width: 181px;
	height: 135px;
	background: url(../images/logo2.png) 0 0 no-repeat;
	margin-top:0px;
	margin-left: 0px;
}*/
#col2-top {float: right;width: 715px;margin-right: 20px;}
#slogan {color: red; font-style: italic; font-family: "Times New Roman", Times, serif; font-size: 16px; margin-top: 20px;}
#phone {float: right; font-size: 14px; font-weight: bold; color: white; padding: 5px 10px 5px 10px; background-color: #a50d03; /*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/}
#hours {color: white; font-size: 13px; /*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/ margin-top: 0px;}


#wrap {background: #e6ddd3 url(../images/bg_bottom.png) top left no-repeat; width: 996px; margin: 0 auto; padding-bottom: 30px; padding-top: 0px; clear: both; }
.innerFoot {
	margin: 0 auto;
	width: 996px;
	text-align: left;
}

#logo  {position: absolute; margin-top: 37px; margin-left: 9px;

}

#col1 {float: left; width: 200px; margin-left: 30px;}
#col2 {float: right;width: 715px;margin-right: 20px;}


#footer {
	border-top: 1px solid #fff;background: transparent url(../images/bg-footer.png) top left no-repeat; width: 996px; height: 79px;margin: 0 auto; font-size: 11px; margin-bottom: 40px;
}
#copyright {float: left; margin-top: 15px; margin-left: 35px; line-height: 1.4em; font-size: 10px;}

#photo-main {width: 671px;margin-bottom: 15px;}
#title {margin: 30px 0 10px 0; color: #5E523C; font-size: 23px; font-weight: normal;}
#title .category {text-transform: uppercase; font-size: 27px; color: #d11226; font-family: "Times New Roman", Times, serif;}
#title .subcategory {font-size: 20px; color: #D9B345;}

#features {margin: 0 auto 0 auto; /*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/}
#features .feature {float: left; width: 210px; margin-right: 20px;  margin-top: 0px; font-size: 12px; color: #6d685e; font-size: 17px; font-weight: bold; color: #695f48;}

.feature p {font-weight: normal; margin-top: 0px; font-size: 12px; color: #6d685e;  }
.feature h1 {font-weight: normal; /*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/ font-size: 14px;  padding-bottom: 10px;}

#features .linkedin a {background: transparent url(../images/Linked-In-16x16.png) 0px 0px no-repeat; padding-left: 21px;}
#features .facebook a {background: transparent url(../images/FaceBook-16x16.png) 0px 0px no-repeat; padding-left: 21px;}


/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
/* Global Navigation */
/*ul#navlist {
	float: right;
	height: 110px;margin-top: 15px;
}

ul#navlist li {
	display:inline;
	list-style:none;
}

ul#navlist li a {
	float:left;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	margin:0;
	padding:0;
	height: 110px;
	text-decoration:none;
	background-image: url(../images/navigation.gif);
	background-position: 0 0;
}

*/


#navigation {width: 671px; margin-bottom: 15px; height: 24px; position: relative; margin-top: 25px;}

#navigation ul	{
	width: 671px;
	height: 24px;
	margin: 0;
	padding: 0;
	/*position: relative;*/
	background: transparent url(../images/navigation.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	/*position: absolute;*/
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 24px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #613d26;
	}	

#n1 {
	position: absolute;
	left: 0px;
	width: 48px;
}
#n2 {
	position: absolute;
	left: 65px;
	width: 45px;
}
#n3 {
	position: absolute;
	left: 130px;
	width: 130px;
}
#n4 {
	position: absolute;
	left: 270px;
	width: 75px;
}
#n5 {
	position: absolute;
	left: 360px;
	width: 40px;
}
#n6 {
	position: absolute;
	left: 410px;
	width: 60px;
}
#n7 {
	position: absolute;
	left: 480px;
	width: 50px;
}
#n8 {
	position: absolute;
	left: 535px;
	width: 55px;
}
#n9 {
	position: absolute;
	left: 595px;
	width: 35px;
}




#n1 a:hover {background: transparent url(../images/navigation.gif) -0px -24px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation.gif) -65px -24px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation.gif) -130px -24px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation.gif) -270px -24px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation.gif) -360px -24px no-repeat;}
#n6 a:hover {background: transparent url(../images/navigation.gif) -410px -24px no-repeat;}
#n7 a:hover {background: transparent url(../images/navigation.gif) -480px -24px no-repeat;}
#n8 a:hover {background: transparent url(../images/navigation.gif) -535px -24px no-repeat;}
#n9 a:hover {background: transparent url(../images/navigation.gif) -595px -24px no-repeat;}





/* Sub Navigaton */
#subNav {
	width: 940px;
	height: 60px;
}

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

ul#sublist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

ul#sublist a:link,  ul#sublist a:visited {
	display: inline-block;
	display: block;
	float: left;
	margin: 0 0 4px 0;
	padding: 20px 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: lowercase;
	text-decoration: none;
	color: #261e19;
	
}

ul#sublist li a:hover {
	/*background: transparent url(../images/nav_arrow.gif) top center no-repeat;*/
	color: #fff;
}

/* Footer Navigation */
ul#footlist { float: right; margin-top: 15px; width: 525px;}

ul#footlist li {
	display:inline;
	list-style:none;
}

ul#footlist li a {
	float:left;font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	display:block;
	margin:0px 0px 12px 14px;
	padding: 2px 0;
	text-decoration:none;
	color: #77684b;border-bottom: 1px dotted #cb7733;
}

ul#footlist li a:hover {text-decoration: none; background-color: #d8cfb7;color: #844a3f;}
/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */
/*.more {
	margin-left: 0.4em;
	padding-left: 0.7em;
	font-size: 0.9em;
	line-height: 1.6em;
	text-transform: lowercase;
	color: #999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border-left: 2px solid #c3c3c3;
}

#footer1 .more { border-left: 1px solid #a6a6a6; }

h2 .more { font-size: 0.6em; }

h3 .more {
	font-size: 0.8em;
	border-left: 2px solid #928e8c;
}
*/


/* Homepage */
#homeBanner { margin-bottom: 20px; }

/*.feature1, .feature2 {
	float: left;
	width: 294px;
	margin-right: 29px;
}

.feature3 {
	float: right;
	width: 294px;
}

.feature1 img,  .feature2 img,  .feature3 img { margin-bottom: 12px; }
*/
#ad-ontaphome {width: 160px;/* height: 88px;*/ background: transparent url(../images/ad-ontap.jpg) top left no-repeat; margin: 170px 0 30px 0; padding: 50px 20px 20px 20px; text-align: center; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #333; font-weight: bold;}
#ad-ontap {width: 160px; /*height: 88px;*/ background: transparent url(../images/ad-ontap.jpg) top left no-repeat; margin: 30px 0 30px 0; padding: 50px 20px 20px 20px; text-align: center; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #333; font-weight: bold;}

.ad-padding {padding: 0px 0 5px 0;}

#content-home {color: #60430b; /*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/}
#content-home p {line-height: 1.5em;}

#content {/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; */
font-size: 12px; color: #65563C; width: 95%;

}

#content img {padding: 4px 8px 4px 8px;}
#content p {line-height: 16px; margin-bottom: 15px;}
#content p.intro {font-family: times, "Times New Roman", serif; font-size: 17px; line-height: 22px; color: #957738; }
#content-home p.intro {font-family: times, "Times New Roman", serif; font-size: 17px; line-height: 22px; color: #957738; margin-bottom: 15px;}
.bold {font-weight: bold;}
strong {font-weight: bold;}


#subnav {color: #333; font-size: 14px; /*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;*/ margin-top: 154px;}
#subnav ul {display: block;}
#subnav ul li {border-bottom: 1px solid #b5ae94; padding: 8px 0 8px 0;}
#subnav ul li a {color: #333; padding-left: 8px;/* font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;*/}
#subnav ul li a:hover {color: #a50d03; text-decoration: none;}
.marginclear { height: 1px; overflow: hidden; margin: 20px 0 5px 0; border-top: 1px dashed #C3B28B;}

/* --CODE FOR FIXED GROWING BACKGROUND --*/
.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#wrap-top {z-index: 30; position: relative;
}
#wrap {z-index: 20;position: relative;

}
#footer{z-index: 20;position: relative;}