/* ================================ Content - Layout Properties =================================== */

/* This holds the body text within the page */
div#content-and-primary-nav div#content
{
	width: 77%; /* 475/615 = 77%. Normally 73% (450/615 = 73%) */
}

/* ================================ Primary Nav - Layout Properties =================================== */

/* The primary nav currently runs down the side of the page */
div#content-and-primary-nav ul#primary-nav
{
	margin-top: 60px; /* Normally -0.45em */
}


/* ================================ Secondary Nav - Layout Properties =================================== */

/* The secondary nav is used on pages such as those for individual-beverages */
div#page div#secondary-nav
{
	position: static;

	top: 110px;
	right: 0px;

	width: auto;

	border-top: none; /* Normally a thin gray border for non-home pages */
	padding-top: 0em; /* Nofrmally 0.3em */

}

/* ============================== Secondary Nav - Interior Properties ================================= */

div#page div#secondary-nav ul
{
	margin-left: 0px; /* Normally 17px */
}

div#secondary-nav ul li
{
	float: none; /* Normally float:left */
	width: auto; /* Normally 9.8em */

	background-position: right 0.4em;
	background-repeat: no-repeat;
	padding-right: 11px; /* This leaves room for the background iamge */
}

/* This resets several properties which h3 would otherwise have in the context of div#copy */
div#content div#copy div#secondary-nav ul li h3
{
	margin: 0em;
	padding: 0em;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: normal;
}

div#secondary-nav ul li h3 a
{
	padding-left: 0em; /* Normally 9px, but left padding isn't needed on the home page */
	padding-right: 0em; /* Normally 1.8em, but right padding isn't needed on the home page */

	/* The background image is normally on the anchor elements but it's on the list items
		for the home page. So, this turns it off for anchor elements. */
	background-image: none !important;
}

/* Indicator image for "Pomegranate Cosmopolitan" */
div#secondary-nav ul li#secondary-nav-pomegranate-cosmopolitan
{
	background-image: url(../images/bullets/pomegranate-cosmopolitan.png);
}

/* Indicator image for "Lavender Lemonade" */
div#secondary-nav ul li#secondary-nav-lavender-lemonade
{
	background-image: url(../images/bullets/lavender-lemonade.png);
	width: auto; /* This normally has a fixed width on other pages */
}

/* Indicator image for "Mexican Martini" */
div#secondary-nav ul li#secondary-nav-mexican-martini
{
	background-image: url(../images/bullets/mexican-martini.png);
	width: auto; /* This normally has a fixed width on other pages */
}

/* ================================ Content and Primary Nav =================================== */

/* This holds both #content and all the navigation bits */

div#page div#content-and-primary-nav
{
	/* This leaves room for the #logo and tagline */
	padding-top: 110px; /* Normally 175px; */

	background-image: none;

	padding-bottom: 7.0em; /* Normally 3.0em; */
}

/* ================================ Content - Interior Properties =================================== */

/* This holds the copy within the page */
div#content div#copy
{
	padding-top: 0px; /* 160px normally */

	padding-left: 283px; /* 255px normally */ /* Formerly 309px, testing */
}

/* =============================== Elements within the #copy area ========================== */

/* This is the disclaimer about the product not containing alcohol.
	(It appears very similar to the properties for blockquote paragraphs.) */
div#copy p.disclaimer
{
	color: rgb(69,74,64); /* A dark gray, the same as regular text */

	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin-bottom: 1.3em;
}


/* =============================== Header Definitions ======================== */

/* This is the primary page title */
div#content div#copy h1
{
	margin-bottom: 0.8em;
	font-size: 2.1em;
	font-weight: normal;
	letter-spacing: 0.02em;
	text-transform: lowercase;

	color: rgb(151,161,149); /* A brownish quick-sand color */
}

/* These are the items within the secondary-nav on the home page */
div#content div#copy div#secondary-nav ul li h3
{
	border-width: 0em;
	border-bottom-width: 0.35em;
	border-style: solid;

	margin-bottom: 0.4em;

}

div#content div#secondary-nav ul li#secondary-nav-pomegranate-cosmopolitan h3
{
	border-color: rgb(199,117,127); /* A light magenta */
}

div#content div#secondary-nav ul li#secondary-nav-mexican-martini h3
{
	border-color: rgb(173,206,62); /* A neon green */
}

div#content div#secondary-nav ul li#secondary-nav-lavender-lemonade h3
{
	border-color: rgb(255,204,0); /* Orangish-yellow */
}

/* ============================ Headers: Specific Image Replaced Elements ============================ */

/* This is the page title on the home page */
div#page h1#all-natural-martini-mix,
	div#page h1#all-natural-martini-mix span
{
	width: 135px;
	height: 48px;
	background-image: url(../images/headers/all-natural-martini-mix.png);
	background-repeat: no-repeat;
}