html, body, h1, h2 {
	padding: 0px 15px 15px 15px;
	margin: 0;
}
body {
	background-image:url('../images/background.jpg');
	background-repeat:no-repeat;
	background-size: 100% 100%;
	background-position: left top;
	color: yellow;
	font-family: sans-serif;
	text-align: center;
}


article {
	/*background-color: blue;*/
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), 
	color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	border: yellow;
	border-style: solid;
	border-width: thick;

}

body#spotlight{
	background-image:url('../images/beerspotback.jpg');
	background-repeat:repeat;
	background-position: left top;
	background-size: 500px 500px;
	color: yellow;
	font-family: sans-serif;
	text-align: center;
}

article#beerspot{
	border: red;
	border-style: dotted;
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(123,2,25,0.68) 46%, rgba(68,0,6,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(46%,rgba(123,2,25,0.68)), color-stop(100%,rgba(68,0,6,1)));
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(123,2,25,0.68) 46%,rgba(68,0,6,1) 100%);
	background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(123,2,25,0.68) 46%,rgba(68,0,6,1) 100%);
	background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(123,2,25,0.68) 46%,rgba(68,0,6,1) 100%);
	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(123,2,25,0.68) 46%,rgba(68,0,6,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#440006',GradientType=0 );

	
}

article#beerspot div#beerspotimgcontainer{
	padding: 10px 0px 10px 0px;
}

article#beerspot img{
	
	border-color: grey;
	border-style: groove;
}


article#contct div#address{
	font-family: monospace;
	text-transform: uppercase;
	font-weight: bold;
}

p {
	margin: 10px;
	padding: 10px;
	
}

h1 {
	font-family: monospace;
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

h2 {
	font-family: cursive;
	font-size: 25px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

h3 {
	font-family: fantasy;
	font-size: 20px;
	font-style: oblique;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 8px 4px 9px black
}

footer {
	color: black;
	background-color: #7f7f7f;
	font-family: sans-serif;
	font-weight: bold;
	font-size: small;
	margin-top: 15px;
	padding: 10px 0px 10px 0px;
	border-color: navy;
	border-style: dashed;
	
}

footer div#credit{
	padding: 5px 0px 5px 0;
	font-size: smaller;
	font-family: cursive; 
	color: white;
}

footer div#download{
	color: #ffab00;
	font-family: monospace;
	text-transform: uppercase;
	border: red;
	border-width: 1px;
	border-style: solid;
}

div#licontainer{
	width: 400px ;
  margin-left: auto ;
  margin-right: auto ;
}

div#licontainer a{
	color:red;
}

div#licontainer a:hover{
	color:maroon;
}


ul.keglist, article#beerspot ul{
	list-style-position:inside;
	list-style-image: url('../images/listicon.png');
    text-align: justify;
    
    
}

img#growlerbanner , img#kegsbanner{
	padding: 20px 10px;
}

div#growler_info{
	font-family: serif;
	font-size: 75%;
	font-weight: bold;
}

div#keg_content{
	overflow:hidden;
	
		
}

div.keg_list_container{
	border-color: yellow;
	border-width: thin;
	border-style: solid;
	
	
	
}

div#kegsleft{
	width: 30%; 
	float:left;
	padding: 24px;
}

div#kegsright{
	width: 50%; 
	float:right;
	padding: 24px;
}

nav{
	padding: 10px 0px 10px 0px;
}

div#youtube_container{
	padding: 20px 0px 20px 0px;
}

div#youtube_container iframe{
	
	border-color: yellow;
	border-width: thick;
	border-style: dotted;
	
}

nav ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

nav li{
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#f0ff21;
	font-family:Times New Roman;
	font-size:23px;
	font-weight:bold;
	font-style:normal;
	height:54px;
	line-height:54px;
	width:117px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
}
nav li:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.button:active {
	position:relative;
	top:1px;
}
.table {
	width:75%;
	border:1px solid #000000;
	margin-left:auto; 
    margin-right:auto;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.table table{
	width:100%;
	height:100%;
}.table tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.table table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.table table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.table tr:hover td{
	
}
.table tr:nth-child(odd){ background-color:#aad4ff; }
.table tr:nth-child(even)    { background-color:#ffffff; }.table td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.table tr:last-child td{
	border-width:0px 1px 0px 0px;
}.table tr td:last-child{
	border-width:0px 0px 1px 0px;
}.table tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.table tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.table tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.table tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.table tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}