/*
Ian Smith   10/Feb/2009
Quirks mode, this file was edited in Visual Studio 2008 and saved with the default optoion which is either
Unicode or MBCS and for some reason IIS reads the three bytes that identify the character set and prepends them to 
name of the style. This effectively renders the style invisible

myNull is a waster style, one that is never used. 
*/
myNull
{
    margin:0;
}

body 
{
    background:url('../images/bg.jpg') #9c5900;
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    font-family:times new Roman;
    font-size:12px;
}
img
{
    border:0px none #000000  
}

#container
{
    width:994px;
    margin:0 auto;
    border: solid #a32818 5px;
    border-width: 0 5px;
}

#topbanner
{
    background:url('../images/topbanner.jpg') no-repeat;
    width:994px;
    height:195px;
}
#redgradient
{
    height:135px;
    background:#d23822 url('../images/redgradient.gif') repeat-x;
	position:relative;
}

#nav
{
    position: absolute;
    /*top: 210px;*/
	top:5px;
    left: 95px;
    height:113px;
    width:784px;
    background-image:url('../images/NavigationBackground.gif');
    padding:10px 0px 0 20px;
	z-index:5;
}

#subnav
{
    position: absolute;
    top: 313px;
    left: 475px;
    height:52px;
    width:200px;
    background-image:url('../images/SubNavigationBackground.gif');
    padding:10px 0px 0 10px;
	margin-bottom:20px;
}

#subnav a
{
    margin:0;
    padding:0;
}



#content
{
    border-bottom:5px solid #fff;
    background:#fff;
}
#featured
{
    float:left;
    margin-top:0px;
    margin-bottom:8px;
    width:233px;
    height:289px;
}
#mainimg
{
    width:755px;
    height:327px;
    float:right;
	z-index:-1;
}

#itemlisting
{
    clear:both;
    background-color: #BF8324;
    height:170px;
	position:relative;
}

#itemlisting_text1
{
    float: left;
    width: 650px;
    margin: 40px 0 0 30px;
    font-family: 'Times New Roman' , Times, serif;
    color: #FFFFFF;
    font-size: 48px;
    font-weight:normal;
    text-align:right;
}
#itemlisting_text2
{
    color: #FFEAB7;
    font-size: 24px;
}

#itemlisting_beerbottles
{
    float:right;
    margin:20px 80px 0 0;
}

#3bottles
{
position:absolute; right:0;
}

#bottom
{
    clear:both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #4b321f;
    color:#fff;
    height:258px;
}

#bottom a
{
    color: #FFFF99;
}

#bottom_home_text
{
    float: left;
    color: #fff;
    width: 550px;
    vertical-align: middle;
    margin: 20px 0 0 10px;
    font-family: times new roman, Helvetica, sans-serif;
    font-size:small;
}

#bottom_home_image
{
    float:right;
    width:395px;
}

#bottom_generic
{
    clear:both;
    padding: 65px 20px 10px 20px;
    background: #4b321f;
    color:#fff;
    text-align:left;
    font-family: times new roman, Helvetica, sans-serif;
    font-size:small;
    }

#bottom_generic a
{
    color:#fff;
}

.bottom_ourbeer
{
    clear:both;
    padding: 10px 20px 10px 20px;
    background: #4b321f;
    color:#fff;
    text-align:left;
}

.bottom_ourbeer table
{
    clear:both;
    padding: 0px 0px 0px 0px;
    background: #4b321f;
    color:#fff;
    text-align:left;
    border: 10px solid #806000;
    vertical-align:top;
    width:100%;
}

.bottom_ourbeer2
{
    clear:both;
    padding: 10px 0px 0px 0px;
    background: #4b321f;
    color:#fff;
    text-align:left;
    border: 10px solid #008000;
    vertical-align:top;
}

.bottom_ourbeer2 table
{
    border: 0px solid #800000;
    height:256px;
}

.bottom_ourbeer2 th
{
    background-color: #800000;
    color: #ffffff;
    padding: 0px 0px 0px 0px;
    width: 400px;
    height: 70px;
    font-size: 28pt;
    vertical-align: top;
}

.bottom_ourbeer2 td
{
    color:#f0f0f0;
    font-size:18pt;
    font-variant: small-caps;
    font-weight:bold;
}

.bottom_ourbeer2td_beerqty
{
    color:#ff0000;
    font-size:12pt;
    font-variant:normal;
    font-weight:normal;
}

.beerchoice
{
	clear:both;
	height:276px;
	padding:70px 170px 0 315px;
	width:508px;
	margin-left:-20px;
}

	.beerchoice h2
	{
		color:#901808;
		font-size:30px;
		font-family:times;
		margin:0 0 5px 0;
	}
	
	.beerchoice h3
	{
		color:#403f24;
		font-size:18px;
		font-family:times;
		margin:0 0 5px 0;
	}
	
	.beerchoice p
	{ color:#29241b;}
	
	#bc-swaa
	{ background:url(../images/OurBeers/div-SecondWind.jpg);}
	#bc-ccra
	{ background:url(../images/OurBeers/div-CowCatchersRed.jpg);}	
	#bc-csb
	{ background:url(../images/OurBeers/div-CoalStokersBlackberry.jpg);}
	#bc-ses
	{ background:url(../images/OurBeers/div-SteamEngineStout.jpg);}
	#bc-gga
	{ background:url(../images/OurBeers/div-GamblersGoldenAle.jpg);}
	#bc-rrw
	{ background:url(../images/OurBeers/div-RailyardRaspberryWheat.jpg);}	
	
#bottom_brewery_images img
{
    margin:10px 10px 0 0;
}

#taproom
{
	position:relative;
}


.taproom_tricolor_1
{
	clear:both;
    position: absolute;
	top:10px;
    left: -20px;
    height:40px;
    width:994px;
    background-color:#7b6136;
    border-width: 1px;
    border-color: #FFFFFF;
    border-top-style: solid;
}
.taproom_tricolor_2
{
    position: absolute;
	top:50px;
    left:-20px;
    height:40px;
    width:994px;
    background-color:#e0a934;
}
.taproom_tricolor_3
{
    position: absolute;
	top:90px;
    left: -20px;
    height:40px;
    width:994px;
    background-color:#7b6136;
    border-width: 2px;
    border-color: #7F0000;
    border-bottom-style: solid;
}

.taproom_links1
{
    position: absolute;
    top: 5px;
    left: 108px;
}

.taproom_links2
{
    position: absolute;
	top:5px;
    left: 361px;
        
}

.taproom_links3
{
    position: absolute;
	top:5px;
    left:611px;
}

.taproom_photo1
{
    position: absolute;
    top: 499px;
    left: 621px;
}
.taproom_photo2
{
    position: absolute;
    top: 477px;
    left: 597px;
}
.taproom_photo3
{
    position: absolute;
    top: 343px;
    left: 541px;
}
.taproom_photo4
{
    position: absolute;
    top: 193px;
    left: 599px;
}

.taproom_info
{
    position: absolute;
	top:183px;
    left:9px;
    background-image:url(../images/taproom/Infobackground.png);	
    height:549px;
    width:921px;
}
.taproom_info_text
{
    position: absolute;
    top: 203px;
    left: 24px;
    height: 549px;
    width: 410px;
    color: #000000;
    font-size: 9pt;
    font-family: times new roman, Helvetica, sans-serif;
}

.taproom_info_text_indent
{
    padding: 0 0 0 35px;
}

.taproom_info_more_photos
{
    padding: 5px 0 0 15px;
    font-weight: normal;
    font-size: 10pt;
    position: absolute;
    top: 697px;
    left: 734px;
    height: 24px;
    width: 175px;
    color: #000000;
    background-image: url(../images/taproom/SeeMorePhotos.png);
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12pt;
}


#bottom_taproom_images img
{
    margin:10px 10px 0 0;
}

.bottom_menu
{
    clear:both;
    padding: 0px 20px 10px 20px;
    background: #4b321f;
    color:#fff;
    text-align:left;
    font-family: times new roman, Helvetica, sans-serif;
    font-size:small;
    }

.menu_menutitle
{
    background-position: #4b321f;
    background: #4b321f;
    color: #fff;
    margin: 0 10px 0 0;
    font-size: 24pt;
    text-align: center;
    width: 100%;
}

.menu_menutitle1
{
    float:right;
    width:100%;
    margin:20px 10px 0 0;
    font-size:24pt;
    text-align:center;
    background: #4b321f;
    color:#ffffff;
}

.menu_menutitle2
{
    background: #4b321f;
    color:#fff;
    margin:0 0 0 0;
    font-size:normal;
    font-style:italic;
    text-align:center;
    width:100%;
}

.menu_menutitle3
{
    background: #4b321f;
    color:#fff;
    margin:0 0 0 0;
    font-size:normal;
    font-style:normal;
    text-align:center;
    width:100%;
}

.menu_menutitle4
{
    float:left;
    background: #4b321f;
    color:#fff;
    margin:0 0 0 0;
    font-size:normal;
    font-style:normal;
    text-align:center;
}

.menu_title
{
    margin:20px 10px 0 0;
    font-size:normal;
}

.menu_price
{
    margin:10px 10px 0 0;
}

.menu_desc
{
    margin:10px 10px 0 0;
    font-style:italic;
}

#footer
{
	background:url(../images/footer.gif) repeat-x;
	height:65px;
	padding:10px 0 0 0;
	color:#fff;
	text-align:center;
	clear:both;
	width:100%;
}

#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}


/*CSS The easy way...*/

#swwob{background-image:url(../images/sswob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-top:15px; margin-left: -19px;}

#ccrob{background-image:url(../images/ccrob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

#csbob{background-image:url(../images/csbob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

#sesob{background-image:url(../images/sesob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

#ggaob{background-image:url(../images/ggaob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

#rrwob{background-image:url(../images/rrwob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

#ihob{background-image:url(../images/ihob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

#twob{background-image:url(../images/twob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

#hbob{background-image:url(../images/hbob.jpg); background-repeat:no-repeat; float:left; width:993px; height:320px; margin-left: -19px;}

.obleft{float:left; width: 600px; margin-left: 100px; margin-top: 30px; color:#403f24; font-family: Times New Roman;}

.obleft h2{color:#a32818; font-size: 30px; font-family: Times New Roman; line-height:2px;}

.obleft h3{color:#403f24; font-size: 18px; font-family: Times New Roman; line-height:2px;}

.obright{float:left; width: 600px; margin-left: 300px; margin-top: 30px; color:#403f24; font-family: Times New Roman;}

.obright h2{color:#a32818; font-size: 30px; font-family: Times New Roman; line-height:2px;}

.obright h3{color:#403f24; font-size: 18px; font-family: Times New Roman; line-height:2px;}

.formfield{border:0}

.product{color:#403f24;float:left; width:550px; height:200px; padding:5px; background-color:#e1d0a9; margin-bottom:10px;}

.productimg{float:left; margin-right:10px; width:164px; height:123px;}

.productdesc{width:350px; float:left;}

.product a{color:#403f24; text-decoration:none; font-weight:bold;}