<?php header("Content-type: text/css"); ?>
/* CSS Document */

/* 
Designate the html tag as the closest tag to the browser, and set it that the webpage
should take up 100% of the screen, which is the default action anyway, but specifiying it
sets it's height as a parent element so that child elements can feed off that value in terms
of percentage heights.
*/
html { height: 100%; min-height: 100%; }


/*
BEGIN STYLESHEET
*/

.bodyClass {

	background-color: #C8C8C8;
	color: black;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	margin: 0px;
	
	height: 100%;
	min-height: 100%;

}


.divSiteContainer {
	
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	
	/*height: 100%;*/
	min-height: 100%;
	
	border-left: 1px solid black;
	border-right: 1px solid black;

}


.cellHeader {

	background-image: url(../Media/Site/Background/Bgn_Header.jpg);
	background-repeat: repeat-x;
	
	height: 200px;

}


.cellHeaderRange {

	background-image: url(../Media/Site/Background/Bgn_RangeHeader.jpg);
	background-repeat: repeat-x;
	
	height: 150px;

}


.cellMenuStrip {

	background-image: url(../Media/Site/Background/Bgn_MenuStrip.gif);
	background-repeat: repeat-x;
	
	height: 37px;
	
	border-top: 0px solid #333333;
	padding-top: 1px;
	border-bottom: 1px solid #333333;

}

	
	.cellMenuItem {
	
		color: white;
		font-weight: bold;
		
		font-size: 14px;
		
		letter-spacing: 1px;
		text-align: center;
		text-transform: lowercase;
		
		width: 20%;
		
	}


.cellHomePicture {

	width: 195px;
	height: 180px;
	
	border-right: 1px solid #333333;

}

	
.cellUnderStrip {

	background-image: url(../Media/Site/Background/Bgn_UnderStrip.gif);
	background-repeat: repeat-x;
	
	height: 25px;

}


.tableHomePageMain {

	height: 200px;
	background-color: white;

}


.cellHomeMainPicture {

	height: 170px;
	width: 110px;

}


.headingBoxHeading {

	font-weight: bold;
	font-size: 14px;
	color: #D20039;

}


.cellHomeMainText {

	width: 25%;
	padding: 0px;
	padding-right: 10px;
	padding-left: 5px;
	
	font-weight: bold;
	font-size: 12px;
	color: #333333;

}


.cellFooter {

	background-color: #333333;
	height: 50px;
	
	color: white;
	
	font-size: 10px;
	padding: 5px;

}


.cellSeperator {

	width: 13px;
	
	
	background-image: url(../Media/Site/Pictures/HomeSeperator.jpg);
	background-repeat: no-repeat;

}


.cellRangeBar {

	background-color: #333333;
	
	
	font-weight: bold;
	color: white;
	
	padding: 3px;

}


.cellProductBar {

	background-image: url(../Media/Site/Background/Bgn_ProductStrip.jpg);
	background-repeat: repeat-x;
	
	height: 84px;
	
	border-bottom: 1px solid #333333;

}


.cellProductBarHeading {

	padding: 5px;
	border-bottom: 1px solid red;
	
}


.headingProductBarHeading {

	font-size: 28px;
	color: #333333;
	
	text-transform: lowercase;

}


.headingProductBarHeading2 {

	font-size: 60px;
	color: #BBBBBB;
	
	text-transform: lowercase;

}


.headingCocktailHeading {

	font-size: 32px;
	color: #333333;
	
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	
	margin: 0px;
	
	/*text-transform: lowercase;*/

}


.tableDrinkSelection {

	border: 1px solid #333333;
	background-color: #DDDDDD;

}


.cellMethodIngredients li {

	margin-top: 10px;

}