body
{

	background-color:#515161;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Lucida Grande, Helvetica;
	font-size:14px;
	color:#000000;

}

	#page
	{

		width:1200px;
		margin:auto;
		padding:auto;
		text-align:left;
		background-color:#2E3C54;
		background-image:-moz-linear-gradient(bottom, #000000, #2E3C54 60%);
		background-image:-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, #000000),
			color-stop(0.6, #2E3C54)
		);
		/* or use #1B2633*/
		box-shadow: 0px 0px 20px #000000;
		-moz-box-shadow: 0px 0px 20px #000000;
		-webkit-box-shadow: 0px 0px 20px #000000;
		

	}

		#header
		{

			min-height: 259px;
			padding:0 100px;
			position:relative;
			background-image:-moz-linear-gradient(center top , #000000, #2E3C54);
			background-image:-webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(1, #000000),
				color-stop(0, #2E3C54)
			);
			
		}
		
			#logo
			{
				margin-left:auto;
				margin-right:auto;
				width:375px;
			}

				img.kouppsLogo
				{
					border:0;
				}
			
			#accounts
			{
				text-align:right;
				color:#FFFFFF;
				position:absolute;
				top:-1;
				right:100px;
				/*border:1px solid #666666;*/
				padding:5px;
				-moz-border-radius:0 0 10px 10px;
				background-image:-moz-linear-gradient(top,#21222a,#000000);
			}


		#menuBar
		{

			text-align:center;

		}

			#menuList
			{
			
				padding-left: 50px;
				padding-right: 50px;
				margin-left: 0px;
				height: 50px;

			}

			#menuList li
			{

				display:inline;
				list-style:none;
				width: 300px;
				float:left;
				position:relative;
				display:block;
				z-index:1;

			}

				#menuList ul
				{
			        position:absolute;
				    top:-5;
				    left:12;
				    z-index:-1;
				    display:none;
				    margin:0 0 0 -1px;
				    padding:40 10 10;
				    width:250px;
				    list-style:none;
				    /*background-color:#828282;*/
				    background-color:rgba(81, 81, 97, 0.8);
				    text-align:left;
					box-shadow: 3px 3px 3px #000000;
					-moz-box-shadow: 0px 0px 10px #000000;
					-webkit-box-shadow: 3px 3px 4px #000000;
				}

					#menuList ul li
					{
						width:100%;
						float:left;
					}
					
						#menuList ul li a {
							display:block; 
							height:14px;
							padding: 10px;
							color:#FFFFFF;
							text-decoration:none;
							font-family: 'Chewy',Lucida Grande,Helvetica;
						}
							
				div.clear
				{
					clear:both;
				}

			a.menuLink
			{

				text-decoration: none;
				font-family: 'Chewy',Lucida Grande,Helvetica;
				font-weight:bold;
				font-size: 30px;
				/*color:rgba(255,255,255,.4);*/
				color:#AEAEAE;
				/*text-shadow:0px 0px 10px rgba(255,255,255,.4);;*/
				text-shadow:-5px 5px 10px #000000;
				/*background-color:rgba(255,255,255,.4);
				border-radius:15px;
				-moz-border-radius:15px;
				box-shadow: 3px 3px 3px #FFFFFF;
				-moz-box-shadow: 0px 0px 10px #FFFFFF;
				-webkit-box-shadow: 3px 3px 4px #000000;*/

			}
			
			a:focus
			{
				outline:none;
			}

				#beer
				{



				}

				#history
				{


				}

				#links
				{


				}

		#beerGlass
		{

			width:1000px;
			/*min-height: 831px;*/
			min-height: 700px;
			padding-top:10px;
			margin-left:auto;
			margin-right:auto;
			color:#000000;
			background-image:url(../images/beerGlass.jpg);
			background-repeat: no-repeat;
			background-color:#000000;
			border-radius:20px;
			-moz-border-radius:20px;

		}

			#contentArea
			{

				margin-left:auto;
				margin-right:auto;
				margin-top:30px;
				padding:20px;
				width:800px;
				/*background-color:#FFFFFF;
				background-color:rgba(255,255,255,.5);*/
				background-image:-moz-linear-gradient(center bottom , #FFFFFF, rgba(255, 255, 255, 0.4) 80%);
				border-radius:15px;
				-moz-border-radius:15px;
				/*box-shadow: 3px 3px 3px #FFFFFF;
				-moz-box-shadow: 0px 0px 10px #FFFFFF;
				-webkit-box-shadow: 3px 3px 4px #000000;*/
				border:solid 1px #515161;
				display:none;

			}
				
				table.shaded
				{
					/*old styling
					border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="760" id="AutoNumber2" 					bgcolor="#FFFFFF" height="82"*/
					
					width:100%;
					color:#000000;
					border-spacing:0;
				}
				
					#beerLog tr
					{
						/*border-radius:15px;
						-moz-border-radius:15px;*/
					}
					
					tr.hover
					{
						box-shadow:0 0 10px #000000;
						-moz-box-shadow:0 0 10px #000000;
						-webkit-box-shadow:0 0 10px #000000;
						color:blue;
						cursor:pointer;
					}
				
				.links
				{
					/*old styling
					border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="760" id="AutoNumber2" 					bgcolor="#FFFFFF" height="82"*/
					
					width:100%;
					color:#000000;
				}
				
				.ratingContainer
				{
					text-align:center;
					vertical-align:top;
					width:50px;
					height:38px;
					background-image:url(../images/star.gif);
					background-repeat:no-repeat;
					padding-top:10px;
					color:red;
				}
				
				#reviewForm
				{
					display:none;
					position:relative;
				}
				
					#loadingReviewForm
					{
						display:none;
						position:absolute;
						top:150px;
						left:150px;
					}
				
				button
				{
					margin: 5px;
				}
				
				label
				{
					font-weight:bold;
					margin:0 5px;
					display:block;
					float:right;
					text-align:right;
				}
				
					label.columnHeader
					{
						float:left;
						margin:0;
					}
				
				legend
				{
					font-weight: bold;
					font-size:20px;
					color:#2E3C54;
				}
				
				.leftDiv
				{
					float:left;
					width:50%;
				}
				
				.ui-dialog
				{
					text-align: left;
				}
				
					#login-dialog
					{
						
					}
					
				.dateInput
				{
					width:12ex;
				}
					
				#beerPhoto
				{
					/*background-image:url(../images/beerPhoto.png);*/
				}
				
				#stats
				{
				}