/* Nine9Design CSS Page Styles by Darren Street, Nine9 Ltd */

/* Version 1.0 for Oxfordshire Ales */
/* Last Updated: 01/02/07  */

/* Special Thanks to A Sparber (Project VII) & E Meyer for their guidence   */
/* ------------------------------------------------------------ */



/* hide from IE mac \*/
body {
	background-color:#8BA0CF;
	background-image: url(../images/bkgrnd.jpg);
	background-repeat:repeat-x;
}

/* end hiding from IE5 mac */

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	margin: 0;
	padding: 0;
	min-width: 770px;
}

h1, h2, h3, h4 {
	letter-spacing: 1px;
	font-size:1.2em;
	color: #333333;
	font-family: "Times New Roman", Times, serif;
}
h1 {border-bottom: 1px solid #666666;}

h2 {
	margin: 0px 0 0 0;
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1.0em;
	border-bottom: 1px dotted #666666;
}

h5 {
	font-size: 1.2em;
}
p {
	font-size:0.7em;
	line-height: 1.5em;
	color: #333333;
}



/* 2 - Header Styles */
/* ------------------------------------------------------------ */
#masthead {
	border: 0;
	width:800px;
	height:66px;
	}

/* hide from IE mac \*/
#masthead img {float: left;}
/* end hiding from IE5 mac */



/* 3 - Wrapper Styles */
/* ------------------------------------------------------------ */

 /* styles for IE 5 Mac */
 #horizon {
	background-color: transparent;
	position: absolute;
	top: 20px;
	left: 20px;
 }
 
 /* following rules are invisible to IE 5 \*/
 #horizon {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -250px;
   text-align: center;
   min-width: 800px; 
 }
 /* end IE 5 hack */ 
	  
#wrapper {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 800px;
	height: 500px;
	margin: 0px auto;
	border: 1px solid #333333;
	}
	
#wrapper2 {
	background-color: #fff;
	text-align: left;
	width: 800px;
	height: 500px;
	margin: 0px auto;

	}


	
#masthead {
	background-color:#FFFFFF;
}

#pic-box {
	width:300px;
	float:left;
	margin: 5px 0 0 0px;
}

#text-box {
	width:500px;
	float:left;
	padding: 250px 0 0 0;
}

#text2-box {
	width:300px;
	float:left;
	padding: 4px 5px 2px 10px;
	overflow:auto;
	height: 360px;
	background-image:url(../images/dottedline.gif);
	background-repeat:repeat-y;
	background-position:left;
}

#text2-box ul li{
font-size:0.7em;
}

#text3-box {
	width:300px;
	float:left;
	padding: 4px 5px 2px 10px;
	overflow:auto;
	height: 360px;
}

#link-box {
	width:170px;
	float:left;
	padding: 4px 5px 2px 10px;
}

#link-box li {
	list-style-type: none;
	text-decoration: none;
	margin: -10px 0px 0px -40px;
	color: #0066CC;
	}
	
#link-box li a:hover, #link-box li a:focus {
 	color: #0066CC;
}

/* 4 - Navigation Styles */
/* ------------------------------------------------------------ */
#nav-wrap {
	margin: 4px 0 0 4px;
	border: 1px solid #666666;
	height:2em;
	width:790px;
	background-image:url(../images/nav-bkgnd.jpg);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Tahoma, Arial;
}

#nav-menu {

}

#nav-menu ul {
list-style: none;
padding: 0;
margin: 0;

}

#nav-menu li
{
float: left;
margin: 0 0.10em;
}

#nav-menu li a {
	background-image:url(../images/nav-bkgnd.jpg);
	background-repeat:repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 8.2em;
	display: block;
	color: #666666;
	border: 0.1em solid #D3D3D3;
	text-decoration: none;
	text-align: center;
	font-size:0.7em;
	color:#666666;
	margin: 4px 0 0 0;
	background-color: #CECECE;
	font-weight: bold;
}

#nav-menu li a:hover, #nav-menu li a:focus {
	border: 0.1em solid #666666;
 	color: #0066CC;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */


#footer-wrap {
	font-size:0.8em;
	margin: 0 0px 0px 4px;
	height:1.7em;
	width:790px;
	border: 1px solid #666666;
	background-color: #828282;
	color:#FFFFFF
	}

#footercontent {
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 10px;
	}

#footercontent a:link, #footercontent a:visited {color: #333333;}
#footercontent a:hover, #footertext a:active, #footertext a:focus {
	color: #CCCCCC;
	
}



/* 7 - Misc Styles */
/* ------------------------------------------------------------ */

.uberlink {font-weight: bold;}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#pressbox {
	position:absolute;
	width:121px;
	height:21px;
	left: 617px;
	top: 72px;
}
#index-page {
	background-image:url(../images/indexpic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#tours-page {
	background-image:url(../images/tourspic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#bottledales-page {
	background-image:url(../images/bottlepic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}	

#bottlingline-page {
	background-image:url(../images/bottlingpic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#brewery-page {
	background-image:url(../images/boilerpic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#brewprocess-page {
	background-image:url(../images/brewprocesspic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#caskales-page {
	background-image:url(../images/caskalespic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#contact-page {
	background-image:url(../images/contactpic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#press-page {
	background-image:url(../images/presspic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#press1-page {
	background-image:url(../images/press1pic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#press2-page {
	background-image:url(../images/press2pic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}
#recruitment-page {
	background-image:url(../images/recruitpic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#marshmellow-page {
	background-image:url(../images/marshmellowpic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}
#ipa-page {
	background-image:url(../images/ipapic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}

#tripleb-page {
	background-image:url(../images/triplebpic.jpg);
	background-repeat:no-repeat;
	height:367px;
	width:800px;
}
.pic {
	float:left;
	margin: 0 5px 5px 0;
	border: 1px solid #333333;
}
.pic-noborder {
	float:left;
	margin: 0 5px 5px 0;
}