﻿/* brewalley.css */
/* brewalley.com */
/* John Cameron - 2011.12.17 - copied from webacor.css */

* {
	margin: 0;
	padding: 0;
	}

a:link  {
/*    color: blue; */
    color: yellow;
    text-decoration: none;
	}
a:visited  {
   	color:green;
   	text-decoration: none;
	}
a:hover  {
    color:teal;
	text-decoration:underline;
	}
body {
	background-attachment: scroll; 
	background-color: #369;
	background-image:url('../Images/repeaters/crab-80x80-lined-5-x4x4.jpg');
	background-repeat:repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
  	font-weight: bold;
	line-height:1.4;
	text-align:center;
	}
div.clearer {
	clear: both;
	height: 0px;
	width: 100%;
	}

#button1 {
	background-image:url('../Images/DarkBlueLavenderButtonLeftNotSelected-115x61-Brewery.png');
	background-repeat:no-repeat;
	float:left;
	height:61px;
	position:relative;
	width:115px;
	}
#button2 {
	background-image:url('../Images/DarkBlueLavenderButtonMiddleNotSelected-114x61-List.png');
	background-repeat:no-repeat;
	float:left;
	height:61px;
	position:relative;
	width:114px;
	}
#button3 {
	background-image:url('../Images/DarkBlueLavenderButtonMiddleNotSelected-114x61-Video.png');
	background-repeat:no-repeat;
	float:left;
	height:61px;
	position:relative;
	width:114px;
	}
#button4 {
	background-image:url('../Images/DarkBlueLavenderButtonMiddleNotSelected-114x61-Photo.png');
	background-repeat:no-repeat;
	float:left;
	height:61px;
	position:relative;
	width:114px;
	}
#button5 {
	background-image:url('../Images/DarkBlueLavenderButtonMiddleNotSelected-114x61-Data.png');
	background-repeat:no-repeat;
	float:left;
	height:61px;
	position:relative;
	width:114px;
	}
#button6 {
	background-image:url('../Images/DarkBlueLavenderButtonMiddleNotSelected-114x61-Food.png');
	background-repeat:no-repeat;
	float:left;
	height:61px;
	position:relative;
	width:114px;
	}
#button7 {
	background-image:url('../Images/DarkBlueLavenderButtonRightNoButton-115x61.png');
	background-repeat:no-repeat;
	float:left;
	height:61px;
	position:relative;
	width:115px;
	}
#DarkBlueBottom {
	background-image:url('../Images/DarkBlueLavenderBottom-800x23.png');
	background-repeat:repeat-y;
	float:left;
	height:23px;
	position:relative;
	width:800px;
	}
#DarkBlueFooter {
	background-color: #CCCCFF;
	background-image:url('../Images/DarkBlueLavenderFooter-800x85.png');
	background-repeat:no-repeat;
	float:left;
	font-size: x-small;
	height: 85px;
	text-align: center;
	width:800px;
	}
#DarkBlueFooter a:visited  {
   	color:green;
   	text-decoration: none;
	}
#DarkBlueFooter a:hover  {
    color:teal;
	text-decoration:underline;
	}
#DarkBlueHeader {
	background-image:url('../Images/DarkBlueLavenderHeader-800x110.png');
	background-repeat:no-repeat;
	height:110px;
	text-align: right;
	}
#DarkBlueHeader a {
	color: #FFFF99;
	text-decoration: none;
	}
#DarkBlueHeader a:hover {
	text-decoration: underline;
	}
#DarkBlueHeader h1 {
	line-height:1.6em;
	padding: 0px 20px 0px 0px;
	}
#DarkBlueHeader h3 {
	line-height:1.6em;
	padding: 0px 20px 0px 0px;
	}
#DarkBlueHeader h5 {
	padding: 0px 20px 0px 0px;
	color:#DBC7D4;
	}
#DarkBlueHeaderBottom {
	background-image:url('../Images/DarkBlueLavenderBottom-800x23.png');
	background-repeat:no-repeat;
	float:left;
	height:23px;
	position:relative;
	width:800px;
	}
#DarkBlueHeaderSides {
	background-image:url('../Images/DarkBlueLavenderSides-800x4.png');
	background-repeat:repeat-y;
	float:left;
	position:relative;
	width:800px;
	}
#DarkBlueHeaderTop {
	background-image:url('../Images/DarkBlueLavenderTop-800x23.png');
	background-repeat:no-repeat;
	float:left;
	height:23px;
	position:relative;
	width:800px;
	}
#DarkBlueSides {
	background-image:url('../Images/DarkBlueLavenderSides-800x4.png');
	background-repeat:repeat-y;
	float:left;
	position:relative;
	width:800px;
	}
#MainContainer {
	background-color:#10133A;
	color:#C8BFE7;
	font-size:small;
	width:800px;
	margin:0 auto;
	text-align:left;
	}
#MainContent {
	text-align:center;
	width:800px;
/*	height: 500px;*/
	}
#VideoImage {
 	background-image: none;
	background-repeat: no-repeat;
	display: none;
	float:left;
	height: 242px;
	left: 14px;
	position: relative;
	text-align: center;
	top: 14px;
	width: 318px;
	}
#VideoImageContainer{
	background-image: url('../Images/DarkBlueLavenderVideoImage-345x369.png');
	background-repeat: no-repeat;
	display: block;
	float: right;
	height:369px;
	left:-8px;
	position: relative;
	top:-12px;
	width: 345px;
	}
#VideoLinkContainer{
	display: block;
	text-align:left;
	}
#VideoLinks {
	background-image:url('../Images/DarkBlueLavenderVideoLinkSides-441x4.png');
	background-repeat: repeat-y;
	left:7px;
/*	padding-left: 45px;*/
	position:relative;
	width: 441px;
	}
#VideoLinks a {
	color: #FFFF99;
	text-decoration: none;
	}
#VideoLinks a:hover {
	text-decoration: underline;
	}
#VideoLinksBandName {
	background-image:url('../Images/DarkBlueLavenderVideoLinkBandName-441x55.png');
	background-repeat: no-repeat;
	color: #C8BFE7;
	font-size: 24px;
	height:55px;
	left:7px;
	line-height: 2.2em;
/*	padding: 0px 0px 0px 15px;*/
	position:relative;
	width: 441px;
	}
#VideoLinksBottom {
	background-image:url('../Images/DarkBlueLavenderVideoLinkBottom-441x11.png');
	background-repeat: no-repeat;
	height: 11px;
	left:7px;
	position:relative;
	width: 441px;
	}
#VideoPageBand {
	color: #C8BFE7;
	font-size: 24px;
	left: 15px;
	position: relative;
	top: 7px;
	}
#VideoPageBand a {
	color:#FFFF99;
	}
#VideoPageBand a:hover {
	text-decoration:underline;
	}
#VideoPageContainer {
	background-image: url('../Images/VideoPageOutline-741x640.png');
	background-repeat: no-repeat;
	height: 640px;
	left:7px;
	position:relative;
	text-align:left;
	width: 741px;
	}
#VideoPageMobile {
	background-image: url('../Images/VideoPageMobileAD1960.png');
	background-repeat: no-repeat;
	height: 56px;
	left: 34px;
	position: relative;
	top: 46px;
	width: 18px;
	}
#VideoPageSong {
	color: #C8BFE7;
	left: 45px;
	position: relative;
	top: 21px;
	}
#VideoPageVideo {
	height: 525px;
	left: 67px;
	position: relative;
	top: -8px;
	width: 660px;
	}

