html {
	height:100%;		/*required*/
}

body {
	margin:0;			/*probably required*/
	padding:0;			/*probably required*/
	border:0;			/*probably required - these 3 are pretty standard, I use them on all my sites. Unless of course a border or something is part of the design. that might screw with this method i dunno.*/
	height:100%;		/*required*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.container {
	width:800px;
	margin:auto;
	min-height:100%;	/*required*/
	_height:100%;	/*required*/
	position:relative;	/*required*/
}

.content {
	height:100%;		/*required*/
	position:relative;
}
.nav {
	width:233px;
	float:left;
}
.right {
	width:555px;
	padding-top:42px;
	float:right;
	min-height:500px;
	_height:500px;
}
.fullwidth { padding-bottom:145px;}
.fullwidth p { width:555px;}
.box {
	min-height:112px;
	_height:112px;
	width:100px;
	padding:5px 5px;
	margin:3px 3px;
	background-image:url(images/boxes.gif);
	background-repeat:repeat-x;
	border:1px solid #e0a5c5;
	display:block inline;
	float:left;
}
.box img {
	margin-right:5px;
}
.box h1 {
	color:#9e1f63;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:18px;
}
.box p {
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
	line-height:15px;
	width:auto;
	font-weight:bold;
	color:#9e1f63;
}
.clear {
	clear:both;
}
.cookiebottom {
	/*background-image:url(images/cookie2.jpg);
	background-position:550px bottom;
	background-repeat:no-repeat;*/
	bottom:35px;
	position:absolute;
	height:551px;
	width:800px;
	z-index:-1;
}
.kidsbottom {
	background-image:url(images/goodfood.jpg);
	background-position:550px bottom;
	background-repeat:no-repeat;
	bottom:35px;
	position:absolute;
	height:279px;
	width:800px;
	z-index:-1;
}
.baristabottom {
	background-image:url(images/hunter-barista-competition.jpg);
	background-position:550px bottom;
	background-repeat:no-repeat;
	bottom:35px;
	position:absolute;
	height:194px;
	width:800px;
	z-index:-1;
}
.beerbottom {
	background-image:url(images/beers.jpg);
	background-position:500px bottom;
	background-repeat:no-repeat;
	bottom:35px;
	position:absolute;
	height:234px;
	width:800px;
	z-index:-1;
}
.footerclear {
	height:35px;		/*should be the same as the total height (inc. margin/padding) of .footer*/
}
.footer {
	height:35px;
	line-height:35px;
	bottom:0;			/*required*/
	position:absolute;	/*required*/
	width:800px;
	margin:auto;
	background-color:#9e1f63;
	color:#FFF;
	text-align:center;
	font-size:12px;
}
.footer a {
	color:#FFF;
}
/************* TEXT STYLES ****************/
p, h1, h2, h3, h4, h5 {margin:0;}
p, h2, h3, h4, h5 {
	padding-top:8px;
}
h1, h2, h3, h4, h5 {
	color:#a83673;
}
p {
	line-height:1.5;
	width:290px;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:11px;
}
a{color:#584b0e;}
a:hover{text-decoration:none;}
li {
	padding:8px 0 0 0;
	margin-left:0;
}
ul {
	padding-left:10px;
	margin-left:10px;
	padding-bottom:8px;
	margin-top:0;
}
img {
	border:none;
}
.blue { color:#46408a;}
.red { color:#d70f39;}
.green { color:#608a46;}
.yellow { color:#f5ad06;}
.brown { color:#5c3816;}
/*********** END TEXT STYLES **************/